HOME | DD

Ikue — black + blue

Published: 2009-12-05 15:46:07 +0000 UTC; Views: 30890; Favourites: 526; Downloads: 3447
Redirect to original
Description This is a submission to `ginkgografix 's amazing CSS calendar project. Every day of December up until christmas there will be one amazing free css skin available. It's like the advent calendar from heaven !
I've got day five and possibly a few others but be sure you check out the rest of the amazing additions. You wont be sorry!


Making a new box:
    <div class="boxor">More text goes in here till your done then... div>
Making a new header:
    <div class="heads">New header textdiv>
You can add one new row of links to the bottom area bringing the button count up to 6, but I really wouldn't recommend going any further than that. To do that find the 'footer' and locate either
  • <div class="col1"> add an <a>nchor here div> (left column)
  • <div class="col2"> add an <a>nchor here div> (right column)
  • **Use your own text for the anchor links and the CSS will fill in the rest
If you are featuring emotes you can get rid of the full border and shadow if you wrap the :thumb: in:
    <em>:thumb#:</em>

View a Live Preview Here
Related content
Comments: 254

Ikue In reply to ??? [2014-09-10 14:26:49 +0000 UTC]

👍: 0 ⏩: 1

johngiannis27 In reply to Ikue [2014-09-10 20:18:07 +0000 UTC]

👍: 0 ⏩: 0

half-rose [2014-02-02 01:44:40 +0000 UTC]

damn, it's so beautiful! XD

👍: 0 ⏩: 1

Ikue In reply to half-rose [2014-02-03 21:39:13 +0000 UTC]

Enjoy!

👍: 0 ⏩: 0

Astrikos [2013-04-23 12:56:04 +0000 UTC]

Looks so amazing.

👍: 0 ⏩: 0

DemonResurrect427 [2013-03-15 03:46:44 +0000 UTC]

How do I use this?

👍: 0 ⏩: 1

Ikue In reply to DemonResurrect427 [2013-03-15 11:38:58 +0000 UTC]

Just click the green "install to journal" directly underneath the deviation image.

👍: 0 ⏩: 1

DemonResurrect427 In reply to Ikue [2013-03-15 11:54:41 +0000 UTC]

thank you

👍: 0 ⏩: 0

Atlas0 [2013-02-02 03:21:42 +0000 UTC]

FINALLY A MARVELOUS JOURNAL SKIN, THANK YOU.

👍: 0 ⏩: 1

Ikue In reply to Atlas0 [2013-02-06 13:31:31 +0000 UTC]

You're very welcome. Enjoy!

👍: 0 ⏩: 0

DIGI-3D [2012-12-05 20:25:11 +0000 UTC]

Dear $Ikue can i use your CSS code on my personal Graphics __?
tnx a lot for sharing !

👍: 0 ⏩: 1

Ikue In reply to DIGI-3D [2012-12-05 20:30:42 +0000 UTC]

You can adjust the images used in the skin but I would appreciate a link back to this deviation if you do so and I ask that you please don't repackage my skin and upload to your gallery for others to use.

👍: 0 ⏩: 1

DIGI-3D In reply to Ikue [2012-12-05 20:39:06 +0000 UTC]

just i want to be my personal Journal! i will put Credits on Journal about your CSS Code!

👍: 0 ⏩: 0

LRFitch [2012-11-12 11:58:03 +0000 UTC]

Lovely simple but stylish.

👍: 0 ⏩: 1

Ikue In reply to LRFitch [2012-11-12 18:38:36 +0000 UTC]

Thanks! Enjoy it.

👍: 0 ⏩: 1

LRFitch In reply to Ikue [2012-11-13 09:36:16 +0000 UTC]

Thank you I will now that i've figured out how it works

👍: 0 ⏩: 0

Astrikos [2012-10-08 14:34:27 +0000 UTC]

How beautiful. Very sleek and stylish.

👍: 0 ⏩: 1

Ikue In reply to Astrikos [2012-10-08 15:08:01 +0000 UTC]

Thanks ^^

👍: 0 ⏩: 1

Astrikos In reply to Ikue [2012-10-08 15:28:25 +0000 UTC]

👍: 0 ⏩: 0

06johansenad [2012-08-08 00:14:16 +0000 UTC]

How do I add my Facebook and Twitter links to the buttons? They don't link anywhere.

👍: 0 ⏩: 1

Ikue In reply to 06johansenad [2012-08-08 01:10:33 +0000 UTC]

You will need to edit the skin and add in the Links in the footer area.

👍: 0 ⏩: 1

06johansenad In reply to Ikue [2012-08-08 10:38:51 +0000 UTC]

Thanks

👍: 0 ⏩: 0

Al-matani [2012-05-13 11:24:17 +0000 UTC]

Great and neat

👍: 0 ⏩: 0

AliBedar [2012-01-19 14:28:46 +0000 UTC]

Damn it, it's exactly what i was searching !

👍: 0 ⏩: 0

TheBountyDog [2011-11-30 22:59:03 +0000 UTC]

So cool, thanks for sharing!

👍: 0 ⏩: 0

Jessica-Baker [2011-11-07 22:04:42 +0000 UTC]

cool one

👍: 0 ⏩: 1

Ikue In reply to Jessica-Baker [2011-11-08 12:44:28 +0000 UTC]

Thanks

👍: 0 ⏩: 1

Jessica-Baker In reply to Ikue [2011-11-08 19:31:52 +0000 UTC]

Thanks to you... I am actually using it

👍: 0 ⏩: 0

reinafawn [2011-10-16 07:48:13 +0000 UTC]

yum!

👍: 0 ⏩: 1

Ikue In reply to reinafawn [2011-10-18 12:02:07 +0000 UTC]

Thanks

👍: 0 ⏩: 0

BleedxRose [2011-10-10 02:33:17 +0000 UTC]

Can you change where it says "Thoughts" to something else?

👍: 0 ⏩: 1

Ikue In reply to BleedxRose [2011-10-11 11:34:27 +0000 UTC]

I can't edit the CSS, but it's an image, if you think you can you're welcome to.

👍: 0 ⏩: 0

NorthboundFox [2011-09-02 11:08:24 +0000 UTC]

Just amazing!

👍: 0 ⏩: 1

Ikue In reply to NorthboundFox [2011-09-05 16:04:03 +0000 UTC]

👍: 0 ⏩: 0

Amjad-Miandad [2011-08-21 21:30:39 +0000 UTC]

Beautiful

👍: 0 ⏩: 1

Ikue In reply to Amjad-Miandad [2011-08-22 11:33:08 +0000 UTC]

Thanks!

👍: 0 ⏩: 1

Amjad-Miandad In reply to Ikue [2011-08-22 11:40:00 +0000 UTC]

U R WELCOME

👍: 0 ⏩: 0

Brawl56 [2011-08-13 17:50:45 +0000 UTC]

I like it!
But I got a question, not directly referring to the use of the skin.
Is there any chance to get these nice rocaille/Rococco patterns as a single picture?
That would be awesome!

👍: 0 ⏩: 1

Ikue In reply to Brawl56 [2011-08-15 10:43:33 +0000 UTC]

The rocaille patter is purchased stock from *gomedia . I will not be able to redistribute their material without their consent.

👍: 0 ⏩: 1

Brawl56 In reply to Ikue [2011-08-15 13:56:23 +0000 UTC]

Ah, thanks for the info!

👍: 0 ⏩: 0

Mythka [2011-08-05 21:49:29 +0000 UTC]

Probably a dumb question... but. I was able to edit 2 of the buttons, but not the bottom 2. Where can I edit the other 2 buttons. There seems to be no code for them in the footer yet they are magicly there >.>

👍: 0 ⏩: 1

Ikue In reply to Mythka [2011-08-15 10:48:18 +0000 UTC]

If you edit the skin, in the footer there is a "col1" and "col2" div class. You can add two links per column. Column 1 is the button on the left, column 2 is the buttons on the right. If you only have one link in each there will only be 2 buttons.

👍: 0 ⏩: 1

Mythka In reply to Ikue [2011-08-15 17:04:02 +0000 UTC]

.. wow, I'm soooo blind >.<
Thanks!

👍: 0 ⏩: 0

Hypermophed [2011-08-05 18:56:47 +0000 UTC]

2 questions.

1) how do I put 4 link buttons so that 2 of them are side by side like you have them here. (instead off all just going down in 1 col.

2)where do i change the size of the text box?

thanks

👍: 0 ⏩: 1

Ikue In reply to Hypermophed [2011-08-15 10:44:58 +0000 UTC]

You would need to put two links side by side inside the footer area. If you hit enter and put it on another line it wont work.

The textbox resizes to fit the text in it.

👍: 0 ⏩: 1

Hypermophed In reply to Ikue [2011-08-15 18:33:10 +0000 UTC]

thx!

👍: 0 ⏩: 0

zahnib [2011-08-02 07:11:27 +0000 UTC]

This may have already been asked, but can you make the links (twitter, facebook, etc) to your actual pages? And if so, how?
Thanks, and nice skin

👍: 0 ⏩: 1

Ikue In reply to zahnib [2011-08-02 10:39:38 +0000 UTC]

The footer has a few premade links already coded in. You should simply need to change the URL to your own pages and save the skin.

👍: 0 ⏩: 2

Compsense In reply to Ikue [2012-04-02 16:10:54 +0000 UTC]

I'm glad somebody asked, because I wasn't sure how to do it, myself. But thanks for clarifying

Oh, and this journal skin is so gosh dang classy it hurts. So clean. So sleek. So awesome. I love it; nice work, and thanks for making it freely available.

👍: 0 ⏩: 0

zahnib In reply to Ikue [2011-08-02 12:16:15 +0000 UTC]

This may be a stupid question, but how do you do that

👍: 0 ⏩: 1


| Next =>