ReStyle contest now taking submissions
The ReStyle submission form is now ready to take contest entries. If you visit the page you will be asked for your EvNet credentials. What are those? They are what you use to comment with on Channel 10 or MIX Online. And if you don’t have a SignIn there should be a nice registration button there for you to click and setup your account.
The image to the right was my very attractive test ReStyle while making sure the submission tool worked properly. I think its classy, with its big typography and hand illustrations.
So how did we do that?
Although this is not the most compliant way you would set up your HTML, this works well for the specific purpose of the contest. Let’s dissect the MIX logo used in the upper left of the default theme.
Here’s the HTML used:
<a href="http://visitmix.com/2008/default.aspx"><span class="reStyle">MIX 08</span>
<img src="images/reStyleMe.gif" alt="MIX08" />
And the CSS:
The advantages of this code for this contest include:
- div element provides the ultimate positioning and layout functionality
- a element of course provides the link we need
- span provides alternate text if we choose not to use images
- img provides the actual clickable surface. reStyleMe.gif is a blank gif, so it provides no visual. That comes the image set to the back ground of the div, which you can easily change in CSS.
Taking advantage of this flexibility is the gray sample ReStyle with the following CSS:
This effectively hides the clickable image and styles the text to look like any other link on the page.