HOME | DD

Published: 2007-06-18 09:18:11 +0000 UTC; Views: 68940; 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
Wyrdling In reply to ??? [2008-09-24 14:10:20 +0000 UTC]
Hmm, that could be tricky - depending on how good you are with css.
To change the link colour you should look for 'a' and 'a:hover' in the code. If you change the 'color: #xxxxxx' value you'll then change the color of every link you write. (Please note that there are two occurences of 'a' and 'a:hover' though - it should be the first that you need to tinker with. The second ones are for the 'previous journals' and 'comments' links.)
But if you want to change the color of that one link only you'll need to make a new class instead.
That means that you should put this at the bottom of the code:
toplink a {
color:#92a399;
text-decoration:none!important;
}
toplink a:hover {
color:#50625f;
text-decoration:none!important;
}
And then change the link color to what you wish of course. To use it you should write
Let me know if you have problems with it.
👍: 0 ⏩: 0
mwkira In reply to ??? [2008-09-23 21:15:34 +0000 UTC]
I'm gonna use this lovely layout ^^ Thanks!
👍: 0 ⏩: 1
BrambleWood In reply to ??? [2008-09-21 20:14:04 +0000 UTC]
Going to use this fab layout!
Just uploading it all now
👍: 0 ⏩: 2
BrambleWood In reply to BrambleWood [2008-09-21 20:25:21 +0000 UTC]
Also, I don't know if this is a silly question, so apologies if it is! How do I get an image or text at the top above the date and time? For example you have 'Wyrdling's Journal'...just wondering if I can do something similar??
Thanks
👍: 0 ⏩: 1
BrambleWood In reply to BrambleWood [2008-09-21 20:29:14 +0000 UTC]
I'm such a dork, sorry! I just realised that there is an image included with text on it, that can be changed?
Hehe!!!!
👍: 0 ⏩: 0
marrek In reply to ??? [2008-09-17 20:39:30 +0000 UTC]
it's a lovely css template^^ I won a 1 month subsription and if it's possible I'd like to use it^^
👍: 0 ⏩: 1
intricate-illusion In reply to ??? [2008-09-17 01:25:21 +0000 UTC]
Very cool layout. I love it. (:
👍: 0 ⏩: 1
yeknomster In reply to ??? [2008-09-14 10:45:50 +0000 UTC]
Love it and I'm using it. Thanks!
👍: 0 ⏩: 1
jessica-chan In reply to ??? [2008-08-28 00:44:23 +0000 UTC]
I really wanna use this but I can't get it to work - the pictures part, what do you use to load the url? because photobucket isnt working for me... and do I keep the "url" part?
👍: 0 ⏩: 1
Wyrdling In reply to jessica-chan [2008-08-28 06:17:03 +0000 UTC]
How come you not be able to use photobucket? I know that there are other photosharing sites like it that you perhaps can use (ImageShack I think something is called).
But yes, you keep both the url part and the brackets. So it should look something like this:
background-image: url(http://...blah.jpg);
Hope it helps ^^
👍: 0 ⏩: 1
Xivaque In reply to ??? [2008-08-27 04:17:03 +0000 UTC]
Using your css layout. c: Buttt ;^; How do you center the bottom image?
👍: 0 ⏩: 1
Wyrdling In reply to Xivaque [2008-08-27 06:33:24 +0000 UTC]
Thank you ^^
In the css, find the paragraph titled:
.journalbox ul.list {
- and change:
background-position:right bottom;
- to:
background-position:center bottom;
That should do it. I must say though that's it's not made for being centered, so there'll be an unsightly straight line to the right side of the image.
👍: 0 ⏩: 1
silent33 In reply to ??? [2008-08-18 15:58:24 +0000 UTC]
If i get someday a sub i'll use this!!!
👍: 0 ⏩: 1
Punchinello-Punch In reply to ??? [2008-08-08 04:18:52 +0000 UTC]
I'm using this template. Many thanks!
👍: 0 ⏩: 1
Willobea In reply to ??? [2008-08-06 11:54:12 +0000 UTC]
Gorgeous
However, I'm new to subscribtion and I'm not sure where to put the uploaded image codes once you've uploaded them
Okay, now I feel stupid
👍: 0 ⏩: 1
Wyrdling In reply to Willobea [2008-08-06 17:00:25 +0000 UTC]
Thanks
Hehe, no worries. I don't know if you've read the text on the preview image, it should explain it all. But in short you copy all of the code from the css document and paste it into the correct box on your journal page + then you find the two places in the code that screams something in capital letters and put the links to the images there instead ^^
If that doesn't make sense then just write again and I'll try to explain it in a bit more detail.
👍: 0 ⏩: 1
Willobea In reply to Wyrdling [2008-08-06 18:44:09 +0000 UTC]
Ahh Thank you so much, it makes a whole lot more sense, I feel like such a fool, sorry for bothering you
I shall enjoy using it
👍: 0 ⏩: 1
PaintedJewel In reply to ??? [2008-08-05 03:13:33 +0000 UTC]
A quick question. I'm wondering how I can add additional sub-titles? I have the main title, and then the sub. Just wondering if it's possible to add one more.
👍: 0 ⏩: 1
Wyrdling In reply to PaintedJewel [2008-08-05 07:05:19 +0000 UTC]
Do you want another kind of sub-title? Because you can use the sub-title multiple times :)
But if you do wish to create another sub-title then you should copy the original sub-title (I think it's the last piece of code in the css - if I remember correctly that is) and paste it underneath and then change the name of it as well as the parameters you want it to have.
Did that make sense?
👍: 0 ⏩: 1
PaintedJewel In reply to Wyrdling [2008-08-06 23:53:21 +0000 UTC]
Ahh, I see. I'll have to do that! Sorry for such a stupid question, but let's just say I'm HTML/CSS challended.
Indeed, it made sense.
👍: 0 ⏩: 1
Taii-Photography In reply to ??? [2008-08-03 14:45:15 +0000 UTC]
Hiya, I LOVE this one, hope you dont mind but I used it ^^
thankyou
xx
👍: 0 ⏩: 1
Araceli In reply to ??? [2008-08-02 19:52:39 +0000 UTC]
I'm going to use this, it's gorgeous Thank you!
👍: 0 ⏩: 1
xxAxValentine In reply to ??? [2008-08-01 15:20:12 +0000 UTC]
Pretty
I used it on my journal, thanks for sharing it
👍: 0 ⏩: 1
Wyrdling In reply to xxAxValentine [2008-08-01 22:04:51 +0000 UTC]
Thanks ^^ And you're welcome
👍: 0 ⏩: 0
<= Prev | | Next =>