HOME | DD

WyrdlingBlue Grass - css template

Published: 2007-06-18 09:18:11 +0000 UTC; Views: 68942; Favourites: 1131; Downloads: 5821
Redirect to original
Description Edit on 8/11/2010:
Gosh, it's ages since I've worked on this one. Sorry for the confusion about how to install it (still haven't gotten around to adapt it to dA's new feature). You can still use it, though, you just have to do so the old fashioned way.
Also, a great, great THANK YOU to both *EvenDeathLies and ^ginkgografix - I cannot believe I got a DD!


Edit on 9/9/2009:
Thanks to ~Keyafoxdoghanyou I've updated the code with some changes to the css that was necessary to fix a new bug. I don't know why it occured - maybe DA changed something that made it read the code differently? Anyway, it should be fixed now.
If you use this template it is adviced that you download it again and "re-install" it. You only need to update the css since there's no changes to the images, so your old links will work fine.
If you have any questions, as always, don't hesitate to ask.

<3
Erica

PS. The bug is only visible in Firefox - just in case you wonder why you can't see any bugs o.O

[EDIT]
This journal design was made before the new skins feature was implemented, so please be aware that you need to install the css manually to use it. It's not nearly as complicated as it sounds though XD
Just use the guide that's written on the preview image (above). The only thing that's changed is where you post the css code. Instead of CSS (beta) as it was called, you now go to 'Options' (a tab found in the top left corner of your new journal entry) and paste the css into the apropiate box. Remember to edit the links in the css to where you uploaded the images. And choose 'save as'.

If you have any questions feel free to ask and I'll try to help.


THE LIGHT NEW VERSION IS HERE: Softer Dreams css design

[EDIT]
As it seems that many are having problems with not writing long enough journals (aka. the footer image has a non-flattering sharp line), I've uploaded a new .zip file with one additional image in it. This is the footer image in .png format with a transparent background - if you use this image instead of the .jpg version, you should also be able to write short journals without compromising the layout ^^

And in case you wish to center the footer image, please find the how-to in one of the comments below (or ask me).

I'm really happy that you guys like it so much! Much to you ^^

PostScriptum: Eh, forgot a very important thing - you need to put your mood section in the bottom for the footer image to work properly.



Wee! My first journal template ^^

I made this with the help of some awesome resources - please go here to see who. I've got the stock owner's permission to make this a free template.

Yes, a free template. So just go ahead and use this if you like - the how to is stated above (in the preview image). You're free to alter it any way you'd like, just don't claim that you made the original template (that includes images and the css). And please remember to note me - or comment on this deviation - that you're using it.

The .zip file (that you're downloading if you want to use this) contains a text file with the css, the preview image, and the top and bottom image of the journal. (There are two versions of the top (background) image - one without text and one with. Feel free to change it to your liking - the font I've used is also included.)

Wyrdling

[Note: This template can be used with both Internet Explorer and Mozilla Firefox (partly - there seem to be some slight errors when viewed in Firefox still), and with screen resolutions 1024x768 and 1280x1024 (those are the ones tested at least).]

Please fave if you like it <3
Related content
Comments: 803

Wyrdling In reply to ??? [2007-09-14 05:50:55 +0000 UTC]

Sure, edit away ^^

But keep in mind that you need to be a subscribed member to use it.

👍: 0 ⏩: 1

VioletUK In reply to Wyrdling [2007-09-14 16:07:14 +0000 UTC]

yeh ^__^

👍: 0 ⏩: 0

MistiqueCat In reply to ??? [2007-09-13 16:03:14 +0000 UTC]

hey I'm using this template if u dont mind Wrote in my journal that its ure template so dont worry

👍: 0 ⏩: 1

Wyrdling In reply to MistiqueCat [2007-09-13 18:45:50 +0000 UTC]

That's great ^^ Thank you

👍: 0 ⏩: 0

waney In reply to ??? [2007-09-11 18:42:10 +0000 UTC]

hmm the bottom part didnt show up. or is my journal to short? wooh.. do i have to put anything in the footer section?

👍: 0 ⏩: 1

Wyrdling In reply to waney [2007-09-11 20:28:33 +0000 UTC]

I've sent you a note ^^

👍: 0 ⏩: 0

LadyLyla In reply to ??? [2007-09-09 21:16:01 +0000 UTC]

I'm using it! thanks

👍: 0 ⏩: 1

Wyrdling In reply to LadyLyla [2007-09-10 06:04:41 +0000 UTC]

👍: 0 ⏩: 0

D4D1 In reply to ??? [2007-09-09 21:02:12 +0000 UTC]

Just want you know I am using your css. And this is my first time using css.

Thank you soooo much!

sorry for my english not good.

👍: 0 ⏩: 1

Wyrdling In reply to D4D1 [2007-09-10 06:06:10 +0000 UTC]

Don't worry about the English - I understand you quite good ^^

And you're welcome - glad you like it

👍: 0 ⏩: 0

cairnthecrow In reply to ??? [2007-09-08 03:13:25 +0000 UTC]

Beautiful design -thanks so much for sharing it I'm going to use it, methinks.

👍: 0 ⏩: 1

Wyrdling In reply to cairnthecrow [2007-09-08 09:51:31 +0000 UTC]

Great ^^

👍: 0 ⏩: 0

Biutz In reply to ??? [2007-09-07 11:17:54 +0000 UTC]

I'm using it! Thank you, this is great, classy and catchy! (don't quite know how to get the pretty font to show yet ) Anyway it!

👍: 0 ⏩: 1

Wyrdling In reply to Biutz [2007-09-07 20:00:57 +0000 UTC]

Wow, that was a lot of nice words Thank you ^^

Do you mean having your own journal title of some sort? If so, then you need to find the font (from the .zip file) and put it in your fonts folder on your computer and then use some kind of painting/drawing programme (it can be anything - even MS Paint) to write it on the header image.
Just ask if it's difficult.

👍: 0 ⏩: 1

Biutz In reply to Wyrdling [2007-09-07 20:19:48 +0000 UTC]

Yeah, you know, where on your sample page it says 'Wyrdling's journal', I would have liked to say 'Biutz's journal'...didn't know how to do that ...and didn't know I was allowed to modify the background! Well, I guess I'll try Paint, thank you so much! Wish devart had more artists like you, you know, those who take the time with the beginners ...like me!

👍: 0 ⏩: 1

Wyrdling In reply to Biutz [2007-09-07 23:14:49 +0000 UTC]

Aww, you're so welcome ^^ Thanks for the kind words

Glad to see you made it work

👍: 0 ⏩: 1

Biutz In reply to Wyrdling [2007-09-08 10:44:01 +0000 UTC]

👍: 0 ⏩: 0

erikasxoxo In reply to ??? [2007-09-06 14:44:42 +0000 UTC]

Beautiful! I think I'm going to use it! the journal that i made is very crappy!

👍: 0 ⏩: 1

Wyrdling In reply to erikasxoxo [2007-09-07 06:09:31 +0000 UTC]

Great ^^ (not that yours were crappy, but that you like mine )

And thank you for the fave

👍: 0 ⏩: 1

erikasxoxo In reply to Wyrdling [2007-09-07 17:22:37 +0000 UTC]

It'a beautiful! I'm using it and I put your name so that they know who made it

👍: 0 ⏩: 1

Wyrdling In reply to erikasxoxo [2007-09-07 19:52:54 +0000 UTC]

Aww, perfect ^^

👍: 0 ⏩: 0

ArcaneMayhem In reply to ??? [2007-09-06 14:35:21 +0000 UTC]

Love it, and going to use it, thanks alot

👍: 0 ⏩: 1

Wyrdling In reply to ArcaneMayhem [2007-09-07 06:07:12 +0000 UTC]

Great ^^

👍: 0 ⏩: 1

ArcaneMayhem In reply to Wyrdling [2007-09-07 10:42:16 +0000 UTC]

T_T I cant seem to get the images to show up though, this is kinda wierd.

👍: 0 ⏩: 1

Wyrdling In reply to ArcaneMayhem [2007-09-07 19:57:17 +0000 UTC]

Hmm, my guess is that you have clicked on the image to show it in big size and then copied the link from the adress bar. Am I right? (I might be wrong...)

If so, that's why the link aint working - when you view your gallery in Photobucket you need to copy the link from one of the lines underneath the pictures (it's the one named URL: if I remember it correct). Try to do that - if this isn't the case or it still aint working, just write again and I'll try to look more in to it.

👍: 0 ⏩: 1

ArcaneMayhem In reply to Wyrdling [2007-09-08 22:26:12 +0000 UTC]

Nope I was copying the correct link in the box below the pic.

I hope you know another way to make it work >^.^<

👍: 0 ⏩: 1

Wyrdling In reply to ArcaneMayhem [2007-09-09 09:09:28 +0000 UTC]

That was odd - my links doesn't look anything like it...

But I'll send you a note with my own links - that ought to work ^^

👍: 0 ⏩: 1

ArcaneMayhem In reply to Wyrdling [2007-09-10 17:27:48 +0000 UTC]

Oh Oh oh I think its working with my links now, >^.^< Thank you so much for your help!
*hugs you and hugs you* THANKIES!

👍: 0 ⏩: 1

Wyrdling In reply to ArcaneMayhem [2007-09-10 18:13:23 +0000 UTC]

Yay ^^ Glad to see you worked it out on your own (which I think you did - otherwise you would have to be damn fast (aka. I just sent you a note with another link, but I don't think you've seen it yet ))

You're welcome sweety

👍: 0 ⏩: 0

JWiesner In reply to ??? [2007-08-28 13:07:37 +0000 UTC]

Just wondered, where did you get your codes from?

👍: 0 ⏩: 1

Wyrdling In reply to JWiesner [2007-08-28 13:51:42 +0000 UTC]

Mainly, I wrote them myself. I wouldn't have known how to write them if it wasn't for some of the tutorials here on DA as well as the ton of things I've learned from looking at other peoples journals though.

I have a link - somewhere - to an easy start on making ones own journal if that's interesting? I just have to dig it out then ^^

Oh, and big hugs for the fave

👍: 0 ⏩: 1

JWiesner In reply to Wyrdling [2007-08-28 19:44:04 +0000 UTC]

Can you please give a link to it?
Oh, and you're welcome.

👍: 0 ⏩: 1

Wyrdling In reply to JWiesner [2007-08-28 19:59:53 +0000 UTC]

Found it! ^^
It's right here: [link]

And you can also go here: [link] - and read the first part of the first journal there (it's a little confusing, I know). It's a small collection of good links ^^

👍: 0 ⏩: 1

JWiesner In reply to Wyrdling [2007-08-28 20:09:32 +0000 UTC]

Thank you!! ^^

👍: 0 ⏩: 0

sharonboch In reply to ??? [2007-08-27 22:49:33 +0000 UTC]

i love this template and i'd love to use it. is that okay?

👍: 0 ⏩: 1

Wyrdling In reply to sharonboch [2007-08-28 05:25:57 +0000 UTC]

Thank you and of course ^^

👍: 0 ⏩: 1

sharonboch In reply to Wyrdling [2007-08-28 06:08:33 +0000 UTC]

👍: 0 ⏩: 0

Utentsu In reply to ??? [2007-08-26 12:01:04 +0000 UTC]

this is beautiful, I will use it with credit

👍: 0 ⏩: 1

Wyrdling In reply to Utentsu [2007-08-27 06:29:32 +0000 UTC]

Great ^^

👍: 0 ⏩: 0

Adimpleo In reply to ??? [2007-08-20 16:36:03 +0000 UTC]

O: Beautiful
Amazing work I think I might use it
Thank you for the amazing template :3

👍: 0 ⏩: 1

Wyrdling In reply to Adimpleo [2007-08-20 19:38:03 +0000 UTC]

You're welcome ^^

👍: 0 ⏩: 0

zagmar In reply to ??? [2007-08-20 15:28:51 +0000 UTC]

sorry for interrupting but i can't use it!damn!can you write me a note or something to show me how to use this!pls!

👍: 0 ⏩: 1

Wyrdling In reply to zagmar [2007-08-20 19:36:53 +0000 UTC]

Will do...

👍: 0 ⏩: 0

zagmar In reply to ??? [2007-08-20 15:14:46 +0000 UTC]

i think i've understand!tnx im gonna use it!

👍: 0 ⏩: 0

zagmar In reply to ??? [2007-08-20 14:58:10 +0000 UTC]

hey!great template!can i use it?

👍: 0 ⏩: 1

Wyrdling In reply to zagmar [2007-08-20 19:35:17 +0000 UTC]

Sure ^^

👍: 0 ⏩: 0

WCS-Wildcat In reply to ??? [2007-08-20 04:47:14 +0000 UTC]

I am using this journal template. The only problem is, that I can't seem to get the bottom image to work properly.

👍: 0 ⏩: 1

Wyrdling In reply to WCS-Wildcat [2007-08-20 19:34:50 +0000 UTC]

Alright. My current guess is that your CSS code under the .journalbox ul.list category shouldn't be:


background-image:url background-repeat:no-repeat;
background-position:right bottom;

But changed to:


background-image:url([link] )
background-repeat:no-repeat;
background-position:right bottom;

I can't know if that's what you already tried, though, so write back if it doesn't work (and leave the code with the image url in it even if it doesn't work - it makes it easier for me to clarify the problem).

Erica ^^

👍: 0 ⏩: 1

WCS-Wildcat In reply to Wyrdling [2007-08-21 03:12:55 +0000 UTC]

everything seems to be in the right spots like the note says.. the bottom image was appearing half way into the journal.. and now its not appearing at all. I really don't know whats going on. I'm very new to this CSS so I don't really know.

here is the code for my whole journal CSS. I have all the links with it too.


.journalbox {
background-color:#374341;
border-color:#92a399;
background-image:url([link] );
background-repeat:no-repeat;
background-position:left top;
border-width:2px;
text-align:left;
color:#d1d1d1;
text-decoration:none;
}
div.journalbox div.text a {
color:#92a399;
text-decoration:none!important;
}
div.journalbox div.text a:hover {
color:#50625f;
text-decoration:none!important;
}
.journaltop h2 img {
display:none;
}
.journalbox .boxtop h2 {
color:#bac5ba;
font-size:1px;
padding:0px 0px 77px 10px;
}
.journalbox .boxtop {
padding:90px 0px 25px 186px;
font-size:10px;
text-align:center;
height:70px;
color:#374341;
background-color:transparent;
width:335px;
}
.journalbox ul.list strong {
color:#bac5ba;
}
.journalbox ul.list {
padding:30px 0px 55px 0px;
font-size:10px;
text-align:left;
color:#d1d1d1;
text-decoration:none;
width:100%;
margin:10px 0px 20px 45px;
background-image:url([link] )
background-repeat:no-repeat;
background-position:right bottom;
}
.journalbox .f {
background-color:transparent;
}
.journaltext {
background-color:transparent;
width:335px;
margin:0px 0px 0px 50px;
}
div.journalbox div.alink {
border-top:0px solid;
border-bottom:0px solid;
height:20px;
text-decoration:none;
text-align:left;
padding-left:85px;
}
div.journalbox div.alink a {
color:#92a399;
font-size:12px;
text-decoration:none;
}
div.journalbox div.alink a:hover {
color:#50625f;
font-size:12px;
text-decoration:none;
}
.journalbox .title {
color:#50625f;
font-size:15px;
font-weight:bold;
text-decoration:none;
text-align:right;
margin: 0px 10px 2px 0px;
}
.journalbox .subtitle {
color:#5f7471;
font-size:15px;
font-weight:bold;
text-decoration:none;
text-align:right;
margin: 0px 10px 2px 0px;
}

👍: 0 ⏩: 1

Wyrdling In reply to WCS-Wildcat [2007-08-21 06:18:01 +0000 UTC]

All seems to be in good order. This really doesn't make sense...

I have no idea what might be the matter, I'm sorry. The only thing I can advice you to is to delete all the code and then copy-paste it again from the original source (and then, of course, change the links). I can't garantie that it'll work, it's a bit unlikely, and I can't tell you if it's worth the trouble, but its the only thing that I can think of. I'm just as lost as you are on this matter...

👍: 0 ⏩: 1


<= Prev | | Next =>