Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
September 3, 2011
File Size
4.4 KB
Link
Thumb
Embed

Stats

Views
3,859 (2 today)
Favourites
177 (who?)
Comments
62
Installs
495

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Bloom by Drake1 Bloom by Drake1

Please read this!


____________________________

Hi everybody! :wave: I finished this new journal skin, it's based on this webpage, so I named this design after that company.
Live view here! :la:

To put that menu:

Put the following code:
<div class="menu"><ul>
<li class="first"><a href="URL HERE">My Gallery</a></li>
<li><a href="URL HERE">Commisions</a></li>
<li><a href="URL HERE">Donate</a></li>
</ul></div>

Be sure you put the class "first" on the first Item of the list! :) And try not to put too many items because it won't look very good. Oh, and put it always at the beginning, not in the middle or at the bottom.
Also, it's not necessary to put this menu, you can ommit it if you want to. :)

How to use headings:

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

To use those little headings:

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

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".

To use two columns...

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

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

How to use a sidebar

Put the following code:
<div class="side">Text here</div><div class="cont">Text here</div>
<div class="clear"></div>

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

If you want those lists on your sidebar, put them as following:
<ul>
<li><a href="URL HERE">List Item</a></li>
<li><a href="URL HERE">List Item</a></li>
</ul>

Put as many list items you want.
Also, do not use the big headings on the sidebar, because they are too big! Use the tiny ones instead.

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 />

I tested this skin on the latest versions of Firefox, Chrome, Safari and IE and it works great. I hope you like it! :meow:
Add a Comment:
 
:iconrichard-moon:
Richard-Moon Featured By Owner Sep 5, 2013   Traditional Artist
sorry..
"It looks perfect!" 
absolutely perfect journal!
Reply
:icondrake1:
Drake1 Featured By Owner Sep 5, 2013
Glad you like it! Thanks for your comment. :)
Reply
:iconrichard-moon:
Richard-Moon Featured By Owner Sep 5, 2013   Traditional Artist
<font><font>Она выглядит прекрасно!</font></font>
Reply
:iconjunweise:
junweise Featured By Owner May 13, 2013  Professional Digital Artist
This is clean, love this :D
Reply
:iconcassandrachatwin:
CassandraChatwin Featured By Owner Apr 20, 2013  Hobbyist Digital Artist
I seem to be having an issue where the html doesn't work. I'm not sure if it is because I'm beta testing the new journal layout or if I've committed some sort of user error. Do you think you can help me figure out whats going wrong? A good example is this journal....

[link]

Here I've tried both headers and the columns.
Reply
:icondrake1:
Drake1 Featured By Owner Apr 23, 2013
Uhm... I've tried re-installing the journal and testing the codes and they are working properly, so I guess something's happening with the DA editor.

By any chance, did yoy copy the HTML codes to use instead of typing them yourself? Because I analyzed your code, and DA inserted some HTML tags in there, which are the same I used on the description to show the code.

Could you please re-write your journal and type the HTML code yourself and see if that works?

Sorry for the late reply and thanks :aww:
Reply
:iconastrikos:
Astrikos Featured By Owner Apr 10, 2013   General Artist
This is an amazing skin. :love:
Reply
:icondrake1:
Drake1 Featured By Owner Apr 18, 2013
I'm glad you like it! :hug:
Reply
:iconastrikos:
Astrikos Featured By Owner Apr 18, 2013   General Artist
:heart:
Reply
:iconjdcourtice:
jdcourtice Featured By Owner Mar 22, 2013  Hobbyist General Artist
This is exactly what I was looking for. Thank you very much, fantastic work!
Reply
Add a Comment: