Drake1 on DeviantArthttp://creativecommons.org/licenses/by-nc-nd/3.0/https://www.deviantart.com/drake1/art/Nature-Skin-212015748Drake1

Deviation Actions

Drake1's avatar

Nature Skin

By
Drake1
Published:
2.5K Views

Description

Please read this!


____________________________

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

Hi everyonee :D!
I was inspired today and I made this new skin, I hope you like it!
Live preview here! :la:

Okay, so. As you can see, you can use these things on the journal:
  • Headings
  • Blockquotes
  • Lists
  • 1/2 width columns
  • 1/3 width columns
  • And the new section, the footer


How to use headings:

Put the following code:
<div class="heading">Text here</div>

How to use blockquotes:

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

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"

How to use 1/2 width columns:

Put the following code:
<div class="halfCol">Text here</div><div class="halfCol">Text here</div>

Do not left any space or linebreak between </div> and <div class="halfCol">

How to use 1/3 width columns:

Put the following code:
<div class="thirdCol">Text here</div><div class="thirdCol">Text here</div><div class="thirdCol">Text here</div>

Do not left any space or linebreak between </div> and <div class="thirdCol">

How to put the footer:

Put the following code:
<div class="contFooter">Text here</div>

Inside the footer you can put pretty much anything you want. On that example I used 1/3 width columns. Inside each one I put one heading, and then some unordered lists and one blockquote. Please note that the lists inside the footer have no bullets (that little circle on the left).

I came up with the idea of the footer today; I said "what if I put a footer instead of a sidebar? It will look more professional and the content will have more width and will be read easily". And ta-daaa :D

Okay, if you put the footer, be SURE you put it at the END of your journal. Not at the middle, not at the top.

And after every time you use columns, put this code after them:
<div class="clear"></div>
If you don't put it, everything will be a mess and your eyes will explode D:

If someone has any issues using this skin, or finds any bugs please let me know! :3
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License
Comments12
Join the community to add your comment. Already a deviant? Log In
rara2690's avatar
rara2690
This skin is pretty awesome. I love how it "looks" simple, but allows for a lot of customization. You rock! :boogie: