Tag Archives: style

CSS: Rollover Fade

This short tutorial will teach you how to create a rollover color change/fade effect for your text. An great example of this would be our site title. Here’s the code: #myFade { color: #000000; -moz-transition: color 0.3s ease;   /* Firefox 4+ */ -o-transition: color 0.3s ease;  /* Opera 10.5+ */ -webkit-transition: color 0.3s ease;  /* […]

JS: Expandable/Collapsible DIV

Sometimes, you’re building that website that you know has just too much stuff for it to look good. A good example of this is our code generators page: http://scyberia.org/utilities/gen.php Without the effect it uses, the page would be way too cluttered to be understandable. Notice how whichever link you click opens up the <div> tag […]

CSS: Boxes and Shadows

A short article on putting boxes around items and including shadows. If you’d like an example of what we’ll be making, it’s below: This is a box filled with text. If you roll over me, a shadow appears…cool! While it is a lame example, this effect is good for eye candy and makes for a […]

HTML: Linking to Stylesheets

Let’s say I have a webpage called: page.html and a CSS file for the webpage called: style.css How do I link them?   With this line of code, placed in the <head> tags: <link rel=”stylesheet” href=”style.css” type=”text/css”> If the stylesheet is in another directory do this: href=”http://mysite.com/folder/style.css”   It’s that easy!