HOME | DD
foundsoundfunny โ Vintage CSS - easy install.
by-nc
Published: 2009-05-05 23:27:36 +0000 UTC; Views: 91017; Favourites: 1704; Downloads: 20636
Redirect to original
Description
LIVE PREVIEW | View stock images used 
Want to customize the photo? You can! The instructions are after the boring instructions 
INSTRUCTIONS: To edit the pop-out sidebar, click the 'edit skin' link on the upper left of the journal edit page. Then, in the lower text box you'll find <SUP> tags. Anything you put between them will show up in the sidebar. You can edit the two links and the message, or erase it all and put stamps, plz-emotes... anything.There isn't any HTML you need to remember, but if you like:
- Use two bold tags to make a heading, or three bold tags for a bigger heading with an underline.
- Wrap your thumbs in <div class="feature">...</div> to have them formatted differently.
- <blockquote> gets a little dotted border on the left
Changing the photo is easily done - When you paste your images into the template, you don't have to be super accurate - just make sure to get it centred over the sample photos. The photo frame will crop the extra bits out for you.
You could submit it to your scraps, but make sure to get the URL of the actual image, and not just what's in the address bar when you view your deviation.
update, 27th May '09 deviantART now replaces any links to my userpage/gallery/etc with YOUR username, which is cool, but broke the link that pointed to the stock images. I've fixed that by using an URL shortener. update, 18th May '09 fixed the alignment in the attribution and stock footer text, fixed skin so that moods list works top and bottom, and added support for Internet Exploder - though the hover effects can't be fixed because IE sucks.update, 6th May '09 styled the attribution footer, added background colour to the photo, so if background (man) doesn't load (when people change it) it's not transparent.
Related content
Comments: 528
Thanks a lot!!
It looks complete in the preview, but it doesn't when I finish editing, so I guess it's a browser problem (I use Firefox, but it isn't always great).
I absolutely love this skin
(It's being used here: [link] )
๐: 0 โฉ: 1
Glad to hear it
Now, aside from the dA background colour being slightly off on the header it looks fine to me. What's the problem?
๐: 0 โฉ: 1
Problem solved, it seems that it was just my browser!
๐: 0 โฉ: 0
I absolutely adore this!!!! I am definitely going to use this verrrry sooon
๐: 0 โฉ: 0
Unkown paste ID is what happens when the link is clicked
๐: 0 โฉ: 1
dammit, deviantart is adding the comma to the URL. I'll fix it.
๐: 0 โฉ: 1
I found the link you posted in reply to another comment, but thank you!
๐: 0 โฉ: 0
I love the dossier-style format. The photograph paperclipped to the corner was a nice touch. It's a shame I'm not a premium member though. I'd love to brighten up my journal background a bit.
๐: 0 โฉ: 0
I love this desgin, but unfortunately I cannot make it work. None of the graphics are displayed, except for the photo, which I replaced (it also doesn't work with the unmodified skin, I think the links just don't work anymore).
๐: 0 โฉ: 1
A bug made all the image links point to my server, which is gone now. I've put up a corrected CSS on pastebin - [link] - just drop it in and it'll fix the images.
๐: 0 โฉ: 1
Thank you very much!
๐: 0 โฉ: 0
hey!
this skin doesn't work at all for me
I don't see anything of it, when I install it,
it's just transparent and there's black square in the corner where the photo should be
๐: 0 โฉ: 1
A bug on dA cropped up that made all the image links point to my website instead of using the dA hosted versions. There's no way for me to fix this, but so long as my website was up the images would still work. Well, Murphy's Law happened you could say: my site is down (has been for months) and so the skin is broken.
Luckily you can fix it by clicking 'Edit Skin' and then replacing the whole CSS with the CSS from this pastebin - [link] - which points all the image links back to dA.
๐: 0 โฉ: 1
thank you so much, it finally works!
๐: 0 โฉ: 0
In my original design it was just an empty frame, and everyone would choose their own picture to go inside. When I was looking for a stock image of a old fashion photo I came across this man. It was a group of four photos, each one with a different pose. Instantly I thought it would be funny if I took the 'normal' face and made him change when you hover over him
Unfortunately the original is now in storage, otherwise I'd link to it.
๐: 0 โฉ: 1
well, if you ever might find it again, you could possibly link to it in the comment of deviation
๐: 0 โฉ: 0
Can I remove the photo? รฒ___รณ
๐: 0 โฉ: 0
Wonderful Journal skin but I'm not getting any of that when I downloaded it :/
๐: 0 โฉ: 0
Hmmm...for some reason I can't seem to get it to work. Wish I could! It looks great!
๐: 0 โฉ: 0
It has no headder when i downloaded it to my journal ><
๐: 0 โฉ: 1
Yeah, sorry, dA is meant to host the images for journals, but at some point it bugged out and pointed to my server, which has been down for a while now.
If you still want to use the skin you can get working links for the images from the preview journal
๐: 0 โฉ: 2
Can you re-up the images for the theme? Really looking forward to use it!
๐: 0 โฉ: 0
ok, thank you ^^
๐: 0 โฉ: 0
Thanks so much! Love the vintage style. Going to use it with extreme pride.
๐: 0 โฉ: 0
Really nice! I like vntage. Thank you for your work, I am going to use it
๐: 0 โฉ: 0
I love the design, it has such a "homy" feel to it.
Excellent Job!!!
๐: 0 โฉ: 0
Nice design! Using it currently
๐: 0 โฉ: 0
I know you uploaded this ages ago, but....
I installed this skin to my journal and edited the pictures, following your instructions. Something seems to have failed, I'm not sure what. If you've any idea what I did wrong, please let me know so I can fix it.... XP
It should still be the first journal entry on my profile. It's a lovely skin, thanks for uploading and ( hopefully (; ) taking the time to help me! haha
๐: 0 โฉ: 1
It's not your fault; my site is down
Images for journal skins are supposed to be hosted on dA, but at some point that bugged out and I had to host them myself. Until I get my site back up the links will be broken, but if you check out the live preview you can grab the images hosted by dA
๐: 0 โฉ: 1
Ohhhhh okay... Thanks for answering my question!! (:
๐: 0 โฉ: 0
Dude I love it! Especially where you put in the boring yet "important" instructions.
๐: 0 โฉ: 0
Some images does not show after the installation.
๐: 0 โฉ: 0
Its a wonderful template... and the added benefit of tutorials for editing? Marvelous.
๐: 0 โฉ: 0
Adding this to my faves (and probably using it in the future X3). I love the old parchment feel of your journal skin! <3<3<3<3<3
๐: 0 โฉ: 0
Am I doing something wrong? I can see the elements in the preview but when I apply the skin and look at my profile, everything but the body.jpg is missing. I can host all the css images in my account if that helps. I just wanted to rule out any other noobish mistakes before I try that option.
๐: 0 โฉ: 1
got it now thanks!
๐: 0 โฉ: 0
Sexiest skin I've seen to date. Wonderful job.
๐: 0 โฉ: 0
thanks for this Journal CSS... and the guideline how to change the pictures... worked perfectly.
๐: 0 โฉ: 0
a really wonderful journal skin!!
and thanks a lot for the great instructions. they helped me a lot though I'm a total code noob. XD
I'm so happy with that skin, I could cuddle you! : D thanks!!
๐: 0 โฉ: 0
I wonder,if you could add the scroll bar?
well just sugesting,but i like this a lot
๐: 0 โฉ: 1
Sure, it's simple to add a scrollbox into any journal skin. Stick the following into your journal text:
...and in your CSS add:
.scroll{overflow:auto;max-height:500px;}
If you add a scrollbox though, it means I wasted all those hours making sure the skin didn't need one!
๐: 0 โฉ: 0
:D Thanks for the awesome CSS!
๐: 0 โฉ: 0
I love it! But, I still don't know how to chance my photo. I have two photos: one that'll be visible and the other to appear when somebody pass with the mouse. I can do it? I don't know if I explained right, my english sucks.
๐: 0 โฉ: 0
| Next =>