deviant art

Deviant Login Shop
 Join deviantART for FREE Take the Tour
[x]
more ▶

More from ~moyachiche

Featured in Groups:

Details

December 27, 2009
5.9 KB
Link
Thumb

Statistics

Comments: 12
Favourites: 17 [who?]

Views: 781 (0 today)
Installs: 37 (0 today)
[x]
:iconmoyachiche:
Well this is the first CSS i've made.. hope u like it and enjoy using it! :D

You can see live version here: [link]

A few recomendations:

To use the nav bar feature you must change the urls to your own ones in the header section:



<div class="navi"><div class="links"><a href=\"http://YOURUSERID.deviantart.com/gallery/\"><div class="button"> Gallery</div></a><a href=\"http://YOURUSERID.deviantart.com/journal/\"><div class="button">Journal</div></a><a href=\"http://YOURUSERID.deviantart.com/store/\"><div class="button">Store</div></a><a href=\"http://my.deviantart.com/notes/HEREYOURNOTELINK\"><div class="button">Note me</div></a><a href=\"http://www.whateveryouwant.com\"><div class="button">WHAT EVER YOU WANT HERE</div></a>


To use the headings feature while you are writing your journal you must use this code:


<div class="heading">TITLE OF HEADING HERE</div>


To use the list feature you must use this code:

<ul><li>BLA BLA BLA 1<li>BLA BLA BLA2<li>BLA BLA BLA3<li>BLA BLA BLAetc</ul>


To use the feature deviations feature in the footer you must put the thumb code inside this code:


<div class="title">Features</div><div class="features"> PUT HERE THE THUMBS CODE OF THE DEVIATIONS YOU WANT TO FEATURE </div>

Remember: no line breaks between the divs, otherwise it will not work



If you want to download this codes follow this [link]

:star::star::star: i want to give special thanks to :iconginkgografix: who helped me to write this codes here in the deviation comment, it wouldn't be possible without her:star::star::star:
Add a Comment:
 
:iconsolovampiros:
~solovampiros Jan 3, 2010   Digital Artist
wow excelente ;)
Reply
:iconmoyachiche:
~moyachiche Jan 3, 2010  Hobbyist General Artist
Gracias! me alegra que te guste :hug:
Reply
:iconcalaymo:
muy bueno amiga!
:clap:
Reply
:iconmoyachiche:
~moyachiche Dec 28, 2009  Hobbyist General Artist
Gracias Clau!! :hug:
Reply
:iconginkgografix:
Like it, especially the colors are nice :aww:

But it would be better if you put those extra code information in the actual description, because if this gets too many comments, other people won't read it :hmm:
Reply
:iconmoyachiche:
~moyachiche Dec 28, 2009  Hobbyist General Artist
Ohhh I see! i give it a try.. just in case i uploaded the code.. so deviants can download it..
Thanks for your help :hug:
Reply
:iconginkgografix:
The code-tag isn't very helpful for that. The code still gets parsed. You have to use the HTML code for the bracket then, instead of < or >

Either write it with some space between the tags-name like < p>...< /p>.

Or use it this way < < i>< /i> p>...< < i>< /i>/p> without the space - by adding the extra tags(with no content) the code won't get parsed, but it is a bit more difficult to write. Then it will look like this <p>...</p>
Reply
:iconmoyachiche:
~moyachiche Dec 28, 2009  Hobbyist General Artist
Thank you very much!! it works perfectly! :hug:
Reply
Add a Comment: