Shop Mobile More Submit  Join Login
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:
 
:iconbearbrook:
BearBrook Featured By Owner Feb 27, 2015  Hobbyist Digital Artist
I changed the logo as well as the padding for the general box. I hope that's okay as long as I still credit you as creator. Sweating a little...  I really adore this skin!
Reply
:icondrake1:
Drake1 Featured By Owner Mar 3, 2015
Of course it's okay! Feel free to modify the skin as much as you want as long as you don't share it or claim credits :D Just for personal use!
Reply
:iconbearbrook:
BearBrook Featured By Owner Mar 3, 2015  Hobbyist Digital Artist
Yes it's for my HARPG stable here on dA. I love that clean look of this skin. Love Thank you so much.
Reply
:iconumbrella4c:
umbrella4c Featured By Owner Sep 27, 2014
simple & cute
i like it ❤ 
thanks for make it + i'll install it ^^ 
Reply
:iconargentomorte:
ArgentoMorte 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
:iconargentomorte:
ArgentoMorte 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
:icondrake1:
Drake1 Featured By Owner Mar 22, 2013
You're very welcome, glad you like it :meow:
Reply
:iconbubbiies:
bubbIies Featured By Owner Feb 10, 2013  Hobbyist Digital Artist
Swwet journal skin! :D Thank you! :3
Reply
:iconmaija:
Maija Featured By Owner Oct 10, 2012  Professional General Artist
A simple and clear skin, thank you!
Reply
:iconamriah:
Amriah Featured By Owner May 23, 2012  Professional Writer
So I stumbled my way onto this and I'm so glad I did! Goodness, this is the perfect, clean and simple skin. And so customizable. I'm loving it, great work. :D
Reply
:icondrake1:
Drake1 Featured By Owner May 23, 2012
Haha thank you very much, I'm happy you like it! :hug:
Reply
:iconliliwrites:
LiliWrites Featured By Owner Mar 8, 2012  Hobbyist Writer
I have been searching for HOURS for a clean, simple, functional skin like this! :eager: Beautiful, and so being used over at #SolutionsSanctuary! Thank you so much! :D
Reply
:icondrake1:
Drake1 Featured By Owner Mar 8, 2012
You are very welcome, I'm glad you like it! :D
Reply
:iconikue:
Ikue Featured By Owner Feb 22, 2012  Hobbyist Digital Artist
Nice clean skin. I love the scalloped logo at the top.
Reply
:icondrake1:
Drake1 Featured By Owner Feb 22, 2012
Thank you a lot, I'm glad you like it :)!
Reply
:iconzebraa:
Zebraa Featured By Owner Nov 19, 2011  Student General Artist
Very nice! Simple & clean :)
Reply
:iconellastasia:
ellastasia Featured By Owner Nov 13, 2011
Lovely!
Reply
:iconsaraj3an:
SaraJ3an Featured By Owner Nov 12, 2011   Photographer
beautiful skin!!
Reply
:icondrake1:
Drake1 Featured By Owner Nov 12, 2011
Thank you! :)
Reply
:iconpulbern:
pulbern Featured By Owner Oct 7, 2011  Hobbyist General Artist
You most def got it going on! :eager:
Reply
:iconartisticschmidt:
ArtisticSchmidt Featured By Owner Oct 3, 2011  Professional General Artist
I'm trying this one out! Thanks! Nice sleek and simple look.
Reply
:icondrake1:
Drake1 Featured By Owner Oct 3, 2011
No problem, glad you like it :)
Reply
:iconartisticschmidt:
ArtisticSchmidt Featured By Owner Oct 5, 2011  Professional General Artist
I do! Thanks! Good work...
Reply
:iconmauro-goncalo:
mauro-goncalo Featured By Owner Sep 22, 2011
Very nice and clean!
Reply
:iconburnsplayguitar:
burnsplayguitar Featured By Owner Sep 18, 2011  Hobbyist Interface Designer
really nice skin
Reply
:icondrake1:
Drake1 Featured By Owner Sep 18, 2011
Thanks! :)
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Sep 10, 2011  Student Interface Designer
Why doesn't the top menu come in the header with installing the skin? ^^;

I love this though :la:
Reply
:icondrake1:
Drake1 Featured By Owner Sep 10, 2011
I'm sorry, you don't have to put the menu code on the header part, you just put it on the content of your entry, like the rest of your text :meow:
And thank you, I'm glad you like it! :3
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Sep 10, 2011  Student Interface Designer
But why not? :XD: It fits just as well there, right? It needs to be at the beginning anyway.
Reply
:icondrake1:
Drake1 Featured By Owner Sep 10, 2011
Oh, yeah: because I'm stupid and didn't think about that XD I'm not used to putting code on those places, I just throw everything on the content part :XD:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Sep 10, 2011  Student Interface Designer
Ha :D Most people don't go back to the artist's comments and follow the instructions when writing a journal so it's best to include it in the top I think :P
Reply
:iconchilloutmatt:
chilloutmatt Featured By Owner Sep 6, 2011
have to try this i want the simplicity
Reply
:iconikue:
Ikue Featured By Owner Sep 6, 2011  Hobbyist Digital Artist
Really slick skin! Great work :D
Reply
:icondrake1:
Drake1 Featured By Owner Sep 6, 2011
Oh wow, thank you very much! :)
Reply
:iconchameleonkirsty:
chameleonkirsty Featured By Owner Sep 5, 2011  Hobbyist General Artist
Love this skin

I'm pretty n00bish with even basic html lol...
Is there a way to combine the two columns code, with the list code (to have a two columned list).
Reply
:icondrake1:
Drake1 Featured By Owner Sep 5, 2011
Hi, thanks for your comment :)
Yes, you can put two columns, and a list on each column by putting the following code:
<div class="halfCol"><ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul></div><div class="halfCol"><ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul></div>
<div class="clear"></div>

Don't forget to add the last bit of code (clear div), and of course you can add as many list items as you want, and change UL to OL if you want an Ordered List.
I hope I could help you, bye! :D
Reply
:iconchameleonkirsty:
chameleonkirsty Featured By Owner Sep 5, 2011  Hobbyist General Artist
Cheers :D
Reply
:iconchameleonkirsty:
chameleonkirsty Featured By Owner Sep 5, 2011  Hobbyist General Artist
> Ignore this

Figured it out...
Reply
:iconsanatio:
Sanatio Featured By Owner Sep 4, 2011  Professional Digital Artist
I like :3 Is it possible (or allowed) to change the header to make it more personnal? I love the overall design though.
Reply
:icondrake1:
Drake1 Featured By Owner Sep 4, 2011
Uhm, as long as you don't redistribute it, there's no problem :meow:
Reply
:iconsanatio:
Sanatio Featured By Owner Sep 4, 2011  Professional Digital Artist
No it's for personnal use, since I do draw I want my own headers, hehe. But it's just a question, I am looking at many jounal layouts and think about what would look nice on my page once I personnalised it. Whatever changes I do, you'll still be credited as the coder.
Reply
:iconhiddenmuse:
hiddenmuse Featured By Owner Sep 4, 2011
Está buenísimo!!!!!! Super completo y customizable ♥v♥
Como siempre te digo, si me das el ok te hago el journal de preview :3
Pd: Creo que vos podrías lograr algo que nadie nunca pudo, y es armar una mini galería en el journal, donde salga el nombre del autor abajo del thumbnail :)
Reply
Add a Comment:
 
×




Details

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

Stats

Views
4,544
Favourites
207 (who?)
Comments
66
Installs
572

License

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