Introduction

But First...

Speaking Xanga Skin's Language...

A Closer Look

An Easy Example

Links

Modules

Posts

A Note About CSS...

That's All Folks!

A Note About CSS...

If you like, you can also add CSS to your Skin. In fact, we included a few CSS definitions in your site to give you greater control. If you look at a Xanga classic site, you will see that certain fonts are smaller than the rest of the fonts on the page (the links under each post, and the "previous – random – next" links in the Blogrings module are two examples). In order to mimic the same behavior in your skin, we've added CSS definitions to these lines, which you can override with your own preferences.

On the sample site, the taglines under each post are one size smaller than the font on the rest of the page. To achieve this, we added the following CSS definition in the <STYLE> section of the site:

.taglines {FONT-SIZE: 10px; LINE-HEIGHT: 20px; FONT-FAMILY: verdana,lucida console,arial,helvetica(adobe),sans-serif}

[jump to source]

You can also have the same behavior in your blogrings module and your archive calendar. For a complete list of CSS tags you can override, visit the Skins CSS Tags Reference.

Of course, if you'd like these fonts not to change, just leave the CSS definition alone, and they will inherit the same font as the rest of your site.

If you'd like to learn more about CSS, read this CSS Tutorial.



<< previous next >>