HOME | DD

Published: 2007-06-18 09:18:11 +0000 UTC; Views: 68941; 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.
[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
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.)
[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
WatchingRaven In reply to ??? [2008-02-29 17:45:16 +0000 UTC]
pretties! snagging! thanks!
š: 0 ā©: 1
toughtink In reply to ??? [2008-02-26 00:21:40 +0000 UTC]
i love this layout! i'm trying to set it up in my journal right now! keep up the awesome work!!
š: 0 ā©: 1
JesiD In reply to ??? [2008-02-17 15:59:54 +0000 UTC]
I'd like to use this please It's wonderful
š: 0 ā©: 1
EsaKris In reply to ??? [2008-02-16 18:23:36 +0000 UTC]
this is sooo awsome!! =3
i wanna use it ^^
o.o it downloaded and all....and i put it in one of my folders...what do i do now? )=
š: 0 ā©: 1
Wyrdling In reply to EsaKris [2008-02-16 18:49:17 +0000 UTC]
Have you read what is says on the preview picture?
If still in doubt, just ask again and I'll talk you through it ^^
š: 0 ā©: 1
EsaKris In reply to Wyrdling [2008-02-16 19:13:01 +0000 UTC]
umm..........i uploaded it o.o can you see if i did it right?
š: 0 ā©: 1
Wyrdling In reply to EsaKris [2008-02-20 13:47:56 +0000 UTC]
I'm sorry that I've been so slow to answer - had a lot on my hands.
Do you still want help with it?
š: 0 ā©: 1
EsaKris In reply to Wyrdling [2008-02-21 01:51:23 +0000 UTC]
it's ok ^^ i no mind!
yes! o.o i need ur help! X)
š: 0 ā©: 1
Wyrdling In reply to EsaKris [2008-03-03 20:15:21 +0000 UTC]
Argh, I don't know why I'm so slow! Sorry about that - it's not that I don't want to help, I've just had my mind in ten places all at once...
If you try to make a test journal with the css I can look at the source code and figure out what's going on. Just give me the link to the journal and I'll do my best.
š: 0 ā©: 1
EsaKris In reply to Wyrdling [2008-03-04 01:06:54 +0000 UTC]
^^ it's ok!
o.o how do i do that?
š: 0 ā©: 1
Wyrdling In reply to EsaKris [2008-03-14 11:12:01 +0000 UTC]
Ehm, sorry - again - for being slow
You make a new journal (or change an old one), and then click the 'add css' (or something along those lines) link there, so that the box for the css appears. Then take all the text from the css.txt file that you find in the downloaded folder and copy/paste it into the css field of the journal.
You should also take the images from the folder and upload them to f.x. Photobucket.com and then update the links in the css. (Ask if this sounds difficult.)
When you've done that, copy the link of the journal in the adress bar and send it to me ^^
š: 0 ā©: 1
EsaKris In reply to Wyrdling [2008-03-14 20:35:47 +0000 UTC]
^^ its ok!
o.o wait! you lost me in the images part!
š: 0 ā©: 1
Wyrdling In reply to EsaKris [2008-04-22 06:19:40 +0000 UTC]
Argh, now I forgot you - again!
Sorry...
Glad to see that you got another css to work though ^^
š: 0 ā©: 1
EsaKris In reply to Wyrdling [2008-04-23 02:18:11 +0000 UTC]
=3 it's ok ^^
yes! hehee...
š: 0 ā©: 1
EsaKris In reply to Wyrdling [2008-04-24 01:43:55 +0000 UTC]
=3 thank u tho!
thanks so much for everything!
š: 0 ā©: 0
Cellbound290180 In reply to ??? [2008-02-13 15:54:01 +0000 UTC]
Tusind tak!... Virkelig flot!
Har smidt den i min profil! (Jpeg)
Magter ikke at skulle til at rode med css!
š: 0 ā©: 1
Wyrdling In reply to Cellbound290180 [2008-02-14 06:40:45 +0000 UTC]
*lol* That was a creative way to do it! Hadn't seen that before ^^
o.O Hvorfor skriver jeg pƄ engelsk?! Fik lige set at du jo havde skrevet pƄ dansk
š: 0 ā©: 0
Avender In reply to ??? [2008-02-11 03:53:01 +0000 UTC]
Oh.. darn.
Well..... Now I feel like an idot.
Could you tell me how to make my subject title in the font your using?
Like.. I have the font file (truetype) but how do I use get it on my computer and into my journal..
How do I use it?
Man.. I feel like such an annoying noob right now...
š: 0 ā©: 1
Wyrdling In reply to Avender [2008-02-11 11:05:10 +0000 UTC]
You have to put the font into your Fonts folder and then use a drawing programme - Photoshop for example or even MS Paint (I think that would work as well) - to write the title on top of the blank header image.
If you have trouble with it or don't have a useable programme, just tell me what you want it to say and I can make it for you.
And don't worry - I get tons of questions like these, you're not the only one who finds it tricky ^^
š: 0 ā©: 0
Avender In reply to ??? [2008-02-11 03:41:55 +0000 UTC]
Ok, first - this is brilliant!
And second, I FAIL at using it.
This is my first time using a css, and yeah... The Grass at the bottom and at the top isn't appearing....
It's obviously my fault.
But, I uploaded the transparant footer, and the background without letters to photobucket, and I inserted each of thier url's into the little "(insert bagground here)" things, but I must have screwed up somewhere along the way.
Could you look at this for a second, and maybe give me some tips?? >.<
.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;
}
Yeah, I know this is a huge comment... sorry about this, I just really want the journal to work out, it's really pretty...
š: 0 ā©: 2
Wyrdling In reply to Avender [2008-02-11 11:00:54 +0000 UTC]
I'm glad to see that you got it to work ^^
Erica
š: 0 ā©: 0
Avender In reply to Avender [2008-02-11 03:44:02 +0000 UTC]
OMG. IGNORE THAT!!
I figured it out, lol.
Sorry about the nuissance..
š: 0 ā©: 0
Wyrdling In reply to xNalax [2008-02-08 07:14:31 +0000 UTC]
You usey yes You very welcome to...
*lol* I feel retarded from speaking like this
š: 0 ā©: 0
Lost-song In reply to ??? [2008-02-01 04:10:43 +0000 UTC]
Beautiful work! I'm trying to use this in my journal, but I can't seem to get the headers to work...I'm a total novice when it comes to css by the way, so it's probably something glaringly obvious! Please help!
š: 0 ā©: 2
Wyrdling In reply to Lost-song [2008-02-02 16:40:46 +0000 UTC]
Sorry for the late reply. I'm glad you got it to work on your own ^^
And thank you for the fave
š: 0 ā©: 1
Lost-song In reply to Wyrdling [2008-02-05 00:42:19 +0000 UTC]
Your welcome, and yeah...I solemnly swear to read the instructions before bothering people in future!
š: 0 ā©: 1
Lost-song In reply to Lost-song [2008-02-01 04:55:57 +0000 UTC]
I'm such an idiot (and a rather embarrassed shade of red at the moment)...I didn't read the actual preview...
I'm so sorry, please just ignore that last post. I'll read the instructions very carefully from now on!
Gorgeous design again, by the way!
š: 0 ā©: 0
2753Productions In reply to ??? [2008-01-30 11:18:50 +0000 UTC]
Beautiful and clean - love it!
š: 0 ā©: 1
2753Productions In reply to Wyrdling [2008-01-31 13:01:52 +0000 UTC]
You are very welcome Erica
š: 0 ā©: 0
Scotston In reply to ??? [2008-01-29 17:11:51 +0000 UTC]
This is absoloutley beautiful, a credit to you! ive managed to get it up.. and im pretty thick with CSS so everyone else shouldnt have a problem
š: 0 ā©: 1
Wyrdling In reply to Scotston [2008-01-29 18:29:58 +0000 UTC]
I'm glad it worked.
Thank you ^^
š: 0 ā©: 0
DogSong In reply to ??? [2008-01-28 21:18:50 +0000 UTC]
this is a beautiful template.
I may just have to use it now c:
š: 0 ā©: 1
dremer In reply to ??? [2008-01-25 00:08:59 +0000 UTC]
Very pretty! I used it for my journal!
š: 0 ā©: 1
Medusa-Dollmaker In reply to ??? [2008-01-24 01:11:10 +0000 UTC]
Hi!I altered this style to use it in my journal. Thank you very much!!
š: 0 ā©: 1
Wyrdling In reply to Medusa-Dollmaker [2008-01-24 07:08:19 +0000 UTC]
Wow! It looks awesome ^^ I'm glad you could use it.
š: 0 ā©: 1
Medusa-Dollmaker In reply to Wyrdling [2008-01-24 11:05:07 +0000 UTC]
I'm a total fool wih css and it give to me some headaches, but finally i did it! hahahhhaha xD
š: 0 ā©: 1
<= Prev | | Next =>