Deviant Login Shop
 Join deviantART for FREE Take the Tour
×



Details

Submitted on
September 12, 2012
File Size
5.5 KB
Link
Thumb
Embed

Stats

Views
2,582 (1 today)
Favourites
91 (who?)
Comments
25
Installs
253

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Sunset by Drake1 Sunset by Drake1
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:
 
:iconrain-game:
Rain-Game Featured By Owner Nov 30, 2013  Student General Artist
Cool *nod head here* :)


Reply
:iconserafina-rose:
serafina-rose Featured By Owner Mar 30, 2013  Hobbyist Digital Artist
Fantastic, thank you ♥
Reply
:icondrake1:
Drake1 Featured By Owner Mar 30, 2013
You're very welcome, thanks for your comment :)
Reply
:iconjdcourtice:
jdcourtice Featured By Owner Mar 24, 2013  Hobbyist General Artist
Love it. 100% the style I like. Clean and elegant. Great work again.
Reply
:iconfantasy-alive:
fantasy-alive Featured By Owner Jan 1, 2013  Professional Interface Designer
Another beautiful skin. Well done!
Reply
:icontiavon:
TiaVon Featured By Owner Oct 16, 2012  Hobbyist General Artist
This journal design has been featured here! :heart:
Reply
:icondrake1:
Drake1 Featured By Owner Oct 16, 2012
Thank you very much! :D
Reply
:iconastrikos:
Astrikos Featured By Owner Oct 9, 2012   General Artist
Lovely design! :la: Sleek and awesome. :la:
Reply
:icondrake1:
Drake1 Featured By Owner Oct 13, 2012
Glad you like it! :meow:
Reply
:iconastrikos:
Astrikos Featured By Owner Oct 13, 2012   General Artist
:heart:
Reply
Add a Comment: