DeviantART: Internal css.

As most people who use deviantART.com on a regular basis will know, you can theme your journal using css. Now, for those that don’t know much css, there are a number of tools to give you a hand. For those that know css, and would like more, there are also resources. But before i go on, you must note, in order to use css in your journal, you must be a subscriber.

Simple CSS coding::.

For those that are no too familiar on css and coding websites, and would like to start learning, then this is just for you. Or If you don’t really want to learn to code (i recommend learn though,) then at the bottom of this segment, you will see some useful links.

To get started with learning css, there are a number of way of doing so, these include:

1. Learning By Example.

This is basically by visiting site you like, and just viewing their source (ctrl + u in most web browsers) Then you simple need to find the css file, it’ll more then likely be located in the <head> tag.

2. Learning by Tutorials.

This is simple visiting google or your favourite tutorial site and reading on css. The website usually cover vast number of examples and tutorials, ranging from the basic to the intermediate. Site I’d reccommend:

Useful Links:

Advanced CSS Coding::.

This is using things that are not what are consider basic CSS. This covers:

  • Using advanced selectors (not available in journals.)
  • Using built-in class’s (thanks dA, this is available in journals.)
  • using font-sizes and hidding stuff. (also available in journals.

1. Using Advaced Selectors.

Advanced selectors, are using, to me, what is not normally known as a way todo something in css. These are just an extend form of using plain #menu a.home {css code} instead of doing that you can use things like #menu a[url=”/home”] { css code} You can Read more about this at Quirksmode

2. Using Built-in Class’s.

If you ever go reading through deviantAR.com’s css file, then you’ll notice that alot of class’s of div’s amongst other things have been left quite open. If you know enough css, then you can use these “open class’s” to your advantage. These can also make you css much short, as they can provide shortcut ways of doing things.

3. Using Font-sizes and hiding stuff.

This is probably one of the most simple things todo, but still, it takes time to work out. Normally when you hide things in css, you’ll use visibility and display, but you can also (if dealing with text.) use font-size:0px;

Thats all the tips and tricks for now, check back later or subscriber to my rss feed. Thoughout the days, i’ll be posting more and more tips and tricks. But until then, good luck in your coding, and remember, not everything is what it seems.

Advertisements



    Leave a Reply

    Fill in your details below or click an icon to log in:

    WordPress.com Logo

    You are commenting using your WordPress.com account. Log Out / Change )

    Twitter picture

    You are commenting using your Twitter account. Log Out / Change )

    Facebook photo

    You are commenting using your Facebook account. Log Out / Change )

    Google+ photo

    You are commenting using your Google+ account. Log Out / Change )

    Connecting to %s



%d bloggers like this: