deviant art

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

More from =Drake1

Featured in Groups:

Details

September 12, 2012
5.5 KB
Link
Thumb

Statistics

Comments: 24
Favourites: 62 [who?]

Views: 1,478 (0 today)
Installs: 176 (0 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
[x]
:icondrake1:
If by any chance you can't see the font (though you should, since dA has integrated Google Fonts), you can download it from here or search for it yourself; it's named Lato.

:iconfreeperm1::iconfreeperm2::iconfreeperm3::iconfreeperm4::iconfreeperm5::iconfreeperm6:

Hello everybodyyy~~ :iconashiamplz: Here's my new work! I made this for the CSS Contest, and I hope you like it! :D
It's based on this design, and when I saw it, the first thing I thought was "oh look, a pyramid at sunset!", and that's how I named this skin :D

Live view here! :la:

How to use headings:

Put the following code:
<h2>Text here</h2>

How to use blockquotes:

Put the following code:
<blockquote>Text here</blockquote>

And to add the author of the quote, just wrap it with a span tag, like this:
<blockquote>Text here <span>Author of the quote</span></blockquote>

:D

How to use lists:

Put the following code:
<ul>
<li>List Item</li>
<li>List Item</li>
</ul>

Put as many list items you want. And to put an Ordered List, just replace "ul" with "ol"

You can use two columns if you want,

just put the following code:
<div class="halfCol">Text here</div><div class="halfCol">Text here</div>
<div class="clear"></div>

To use three columns, put:

<div class="thirdCol">Text here</div><div class="thirdCol">Text here</div><div class="thirdCol">Text here</div>
<div class="clear"></div>

And to put four columns:

<div class="fourthCol">Text here</div><div class="fourthCol">Text here</div><div class="fourthCol">Text here</div><div class="fourthCol">Text here</div>
<div class="clear"></div>

Please: do not leave any space or linebreak between </div> and <div class="halfCol/thirdCol/fourthCol">
Also, do not remove the "clear" part.


To center something:

Put this code:
<div class="center">Text, thumbnails, whatever you want here</div>

Other codes you can use:

To put links: <a href="LINK HERE">List Item</a>
To put an image: <img src="IMAGE LINK HERE" alt="" />
To put a separator: <hr />




So, that was all! I hope you like it, and let me know if there's any trouble using it, or if you need help! :aww:
Add a Comment:
 
love 1 1 joy 1 1 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconserafina-rose:
*serafina-rose Mar 30, 2013  Hobbyist Digital Artist
Fantastic, thank you ♥
Reply
:icondrake1:
You're very welcome, thanks for your comment :)
Reply
:iconjdcourtice:
Mood: Joy =jdcourtice Mar 24, 2013  New member Hobbyist General Artist
Love it. 100% the style I like. Clean and elegant. Great work again.
Reply
:iconfantasy-alive:
=fantasy-alive Jan 1, 2013  Professional Interface Designer
Another beautiful skin. Well done!
Reply
:icontiavon:
Mood: Love `TiaVon Oct 16, 2012  Hobbyist General Artist
This journal design has been featured here! :heart:
Reply
:icondrake1:
Thank you very much! :D
Reply
:iconinfinite-heart:
`Infinite-Heart Oct 9, 2012   General Artist
Lovely design! :la: Sleek and awesome. :la:
Reply
:icondrake1:
Glad you like it! :meow:
Reply
:iconinfinite-heart:
`Infinite-Heart Oct 13, 2012   General Artist
:heart:
Reply
:iconmiontre:
`miontre Sep 17, 2012  Hobbyist Photographer
Wow, this is really an amazing skin. Looks like you put so much work into this! :)

Good luck with the contest. I was going to enter, but unfortunately I didn't finish in time ^^;
Reply
Add a Comment: