Join for FREE | Take the Tour Lost Password?
Shop deviantART for the
holidays and save BIG!
Click here! :holly:
[x]

deviantART

 

DA Colors Journal Template CSS by `katat0nik:iconkatat0nik:


©2006-2009 `katat0nik
:iconkatat0nik:

Artist's Comments

-Template color request-
See this template live on these artists' pages: :iconrubberman542: :icongo-baby-go: :iconxlollirotx: :iconcyric80: :iconthedevilwearsskirts: :iconroovel: :iconanimalcare: :iconversatis:

:bulletblue:Black & White Version of this template: [link]
:bulletblue:DA Colors: [link]
:bulletblue:Green & Black version: [link]
:bulletblue:BlueGreen & Black Version: [link]
:bulletblue:Pink Version: [link]
:bulletblue:Black & Tan version: [link]
:bulletblue:Gold/Orange & Cream version: [link]
:bulletred:If you want to edit this template to fit your own needs, Click Here to Download the images for this template.

This is a generic journal theme that requires no real knowledge of CSS. If you'd like to use this journal template, follow the directions below.

NOTE: The image files for this template are all under 2kb so they load fast & I have them hosted on a server that allows high bandwidth...so you do not need to move these images to your own host (unless you want to.):)

Directions:

1. Click the "Download" Link & copy the CSS code.
2. Copy & paste the CSS code into your journal (this is for subscribers only.) The code should be pasted into the "CSS" box located at the bottom of your journal. If you want your journal to look like the one in the first picture, the following steps are not necessary.
3. If you wish to add any of the headers or boxes pictured above, use the following codes. Copy & Paste these codes in your journal header, body, or footer (wherever you want them to show up):

Butterfly
Header Code:
<div class="butterfly"> INSTERT TITLE HERE - this will be the white text in the header. </div>

Box Code:
<div class="butterfly"> INSTERT TITLE HERE - this will be the white text in the header. </div>
<div class="headerbox"> INSERT CONTENT HERE - anything you put here will go inside the box. </div>



Heart
Header Code:
<div class="heart"> INSTERT TITLE HERE - this will be the white text in the header. </div>

Box Code:
<div class="heart"> INSTERT TITLE HERE - this will be the white text in the header. </div>
<div class="headerbox"> INSERT CONTENT HERE - anything you put here will go inside the box. </div>



Skull
Header Code:
<div class="skull"> INSTERT TITLE HERE - this will be the white text in the header. </div>

Box Code:
<div class="skull"> INSTERT TITLE HERE - this will be the white text in the header. </div>
<div class="headerbox"> INSERT CONTENT HERE - anything you put here will go inside the box. </div>



PawPrint
Header Code:
<div class="pawprint"> INSTERT TITLE HERE - this will be the white text in the header. </div>

Box Code:
<div class="pawprint"> INSTERT TITLE HERE - this will be the white text in the header. </div>
<div class="headerbox"> INSERT CONTENT HERE - anything you put here will go inside the box. </div>



YinYang
Header Code:
<div class="yinyang"> INSTERT TITLE HERE - this will be the white text in the header. </div>

Box Code:
<div class="yinyang"> INSTERT TITLE HERE - this will be the white text in the header. </div>
<div class="headerbox"> INSERT CONTENT HERE - anything you put here will go inside the box. </div>



Star
Header Code:
<div class="star"> INSTERT TITLE HERE - this will be the white text in the header. </div>

Box Code:
<div class="star"> INSTERT TITLE HERE - this will be the white text in the header. </div>
<div class="headerbox"> INSERT CONTENT HERE - anything you put here will go inside the box. </div>




Blank
Header Code:
<div class="blank"> INSTERT TITLE HERE - this will be the white text in the header. </div>

Box Code:
<div class="blank"> INSTERT TITLE HERE - this will be the white text in the header. </div>
<div class="headerbox"> INSERT CONTENT HERE - anything you put here will go inside the box. </div>

Comments


love 0 0 joy 3 3 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconechoes-of-the-dead:
if we want to put a box in our own template, like without the star or whatever, what is the coding for that?
:iconkatat0nik:
A regular box with no header at all?

Put this in your CSS code:

div.box {
border: 1px #92A399 solid;
padding: 10px;
}

Then in your html, put this:
<div class="box"> put whatever you want to be in the box here </div>
:)

--
My Gallery:siamese:My Prints

Avatar by @mykel
:iconsonicalpha:
I really like this, especially in "dA" colours, as it doesn't stand out too much (like some of the really bad CSS themes do) :)

I'll have to change my journal later to see how it looks on my page ;)

--
=sonicalpha :camera:
--
I've been broken apart so many times, that the shards have turned to dust, and blown away.
:iconbillsabub:
The best I've seen so far. :clap:

I really enjoy the fact that it blends in so well with the standard dA background. Much different than some of the garish displays I've seen.

Thank you so much for providing the code and the help. I actually found it useful and I even learned a bit (just a little) about CSS, which I don't have time for.

--
You'll find much more of my images and my prints at my Smugmug account.
:iconechoes-of-the-dead:
alright thanks:)...what about putting a different colour for the background? i messed around with it for a bit but it kept turning the whole thing that colour:(
:iconkatat0nik:
put this in your CSS under "div.box{"

background-color: #________;

(just fill in the blank with the color you want for the background

--
My Gallery:siamese:My Prints

Avatar by @mykel
:iconkatat0nik:
Thanks, I'm glad you like it! It looks great on your page, I like how you added your avatar picture in the headers:nod: And thank you for linking me in your journal:hug: I just linked you in this deviation description:D

--
My Gallery:siamese:My Prints

Avatar by @mykel
:iconkatat0nik:
Thank you:hug: I think this would look great on your page, it will go well with your art:D

--
My Gallery:siamese:My Prints

Avatar by @mykel

Details

October 7, 2006
4.3 KB
186 KB
1428×910

Statistics

43
47 [who?]
4,621 (3 today)
369 (0 today)

Site Map