HOME | DD

foundsoundfunny โ€” Vintage CSS - easy install. by-nc

Published: 2009-05-05 23:27:36 +0000 UTC; Views: 91021; 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 -
  • grab the template and overlap the man with your own images.
    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.
  • Save the file and upload it to the net so you can link directly to it in the CSS.
    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.
  • In the CSS, find the line beginning with .photo_ (it's near the top) and replace the URL in the background property with a link to your replacement image.
  • ???
  • ...PROFITEROLE!





  • 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

    d37nu1l In reply to ??? [2009-10-24 10:36:02 +0000 UTC]

    That looks very nice. Guess I'll have to give it a spin soon.

    ๐Ÿ‘: 0 โฉ: 0

    KaraTails In reply to ??? [2009-10-24 01:17:47 +0000 UTC]

    Hey, um. The images arent working. I dont know if you moved or deleted them from photobucket or wherever they are bieng stored for the CSS to use it, but....

    ๐Ÿ‘: 0 โฉ: 0

    Dayu In reply to ??? [2009-10-23 07:28:55 +0000 UTC]

    doesn't work anymore ;____;

    ๐Ÿ‘: 0 โฉ: 0

    XxTrinityBloodxX [2009-10-18 17:36:46 +0000 UTC]

    I installed it. I love old vintage looks, and when I saw this I had to have it. Thanks for making such a stunning piece.

    ๐Ÿ‘: 0 โฉ: 0

    Gottagolduck In reply to ??? [2009-10-16 21:26:46 +0000 UTC]

    i love this journal css unfortunately the background is gone due to the image hosting service

    ๐Ÿ‘: 0 โฉ: 1

    foundsoundfunny In reply to Gottagolduck [2009-10-17 01:39:01 +0000 UTC]

    I have the worst luck with my hosting service

    Good thing is though, all the files for the skin are hosted by deviantart, so if you want to install the skin you'll have no problems at all. If you want to change the background photo of the man, you can get the template from dA - [link] - it's the same image I was linking to on my site.

    ๐Ÿ‘: 0 โฉ: 1

    Gottagolduck In reply to foundsoundfunny [2009-10-17 02:51:16 +0000 UTC]

    ok cool! thanks for responding

    ๐Ÿ‘: 0 โฉ: 0

    elloi [2009-10-16 20:53:32 +0000 UTC]

    hey spook, the image for the background you were used is gone.
    apparently, the place where it was hosted is suspended. D:

    ๐Ÿ‘: 0 โฉ: 1

    foundsoundfunny In reply to elloi [2009-10-17 01:36:50 +0000 UTC]

    Yeah... I don't know what's going on, I've never had good luck with my web host.

    All the files are still reachable on dA's servers though, so the skin will still work. You just need to get the template for the photo from here instead if you want to change it, otherwise you don't have to do anything.

    ๐Ÿ‘: 0 โฉ: 1

    MelGama In reply to foundsoundfunny [2009-10-20 23:02:25 +0000 UTC]

    I have a full host in Photobucket. I tried to install this template but I didnยดt know how to change the images
    If you want, you can send me the images and I upload them to my Photobucket account
    contact@melgama.com

    ๐Ÿ‘: 0 โฉ: 0

    Weasley-Achemist93 In reply to ??? [2009-10-10 11:22:31 +0000 UTC]

    I'm going to use this one i think ^^ Very nice skin! <3

    ๐Ÿ‘: 0 โฉ: 0

    BobtailedDumpling In reply to ??? [2009-10-10 01:35:02 +0000 UTC]

    niiiice.

    ๐Ÿ‘: 0 โฉ: 0

    skaterday In reply to ??? [2009-10-08 02:27:14 +0000 UTC]

    I install it as a skin?

    ๐Ÿ‘: 0 โฉ: 1

    foundsoundfunny In reply to skaterday [2009-10-08 09:27:44 +0000 UTC]

    You'd need a subscription first

    ๐Ÿ‘: 0 โฉ: 0

    woody-h In reply to ??? [2009-10-03 10:05:20 +0000 UTC]

    soo cool!!

    ๐Ÿ‘: 0 โฉ: 0

    manicolorz In reply to ??? [2009-10-01 15:53:31 +0000 UTC]

    Hi !!! used here [link]

    ๐Ÿ‘: 0 โฉ: 0

    Little-Miss-Sapristi In reply to ??? [2009-09-30 21:46:18 +0000 UTC]

    I like it!

    I'm using it now!

    ๐Ÿ‘: 0 โฉ: 0

    evangeline12 In reply to ??? [2009-09-28 05:18:22 +0000 UTC]

    thank you! i'll use it!

    ๐Ÿ‘: 0 โฉ: 0

    PanchoTheTemplar In reply to ??? [2009-09-21 18:31:59 +0000 UTC]

    It's Cool like old timers

    ๐Ÿ‘: 0 โฉ: 0

    Hyperjetix28 In reply to ??? [2009-09-18 14:46:32 +0000 UTC]

    Nicee.
    I dun really get the instructions though.How do I 'overlap' the photo,may I ask?

    ๐Ÿ‘: 0 โฉ: 2

    foundsoundfunny In reply to Hyperjetix28 [2009-09-19 05:23:37 +0000 UTC]

    oh - but you'll need a subscription first!

    ๐Ÿ‘: 0 โฉ: 1

    Hyperjetix28 In reply to foundsoundfunny [2009-09-20 07:35:35 +0000 UTC]

    Sigh,just found out lol.
    Thanks anyways C:

    ๐Ÿ‘: 0 โฉ: 0

    foundsoundfunny In reply to Hyperjetix28 [2009-09-19 05:22:51 +0000 UTC]

    ...in an image editor

    Just take the photo(s) you want to use, and paste them on top of the man.

    ๐Ÿ‘: 0 โฉ: 0

    Otacon144 In reply to ??? [2009-09-17 18:07:15 +0000 UTC]

    Likin' it!

    It just sucks a huge amount of ass that I don't have a subscription to use it.

    ๐Ÿ‘: 0 โฉ: 0

    wit-knee-jones In reply to ??? [2009-09-15 14:49:26 +0000 UTC]

    I adore it. I just have one question. How can I change the stock photo of the man?

    ๐Ÿ‘: 0 โฉ: 1

    foundsoundfunny In reply to wit-knee-jones [2009-09-15 19:30:44 +0000 UTC]

    Glad to hear it

    Re: changing the photo, I've a guide in the artist's comments - if you have any troubles drop me a note

    ๐Ÿ‘: 0 โฉ: 0

    AnkatsArt In reply to ??? [2009-08-29 15:54:46 +0000 UTC]

    I love it. I think I will use it in future ^^

    ๐Ÿ‘: 0 โฉ: 0

    rhizomeconnectome In reply to ??? [2009-08-27 05:55:50 +0000 UTC]

    Thank you!

    ๐Ÿ‘: 0 โฉ: 0

    lovexautopsy In reply to ??? [2009-08-25 00:59:52 +0000 UTC]

    Love this! Think I may use it! Thank you!!!!

    ๐Ÿ‘: 0 โฉ: 0

    fireweed15 In reply to ??? [2009-08-24 03:21:32 +0000 UTC]

    Ohh, I like this-- very clean and it looks awesome! I shall and use it now. Thanks for making it!

    - SG17

    ๐Ÿ‘: 0 โฉ: 0

    Armadria In reply to ??? [2009-08-18 20:50:42 +0000 UTC]

    beautiful! Now let me just figure out how to use it. XD

    ๐Ÿ‘: 0 โฉ: 0

    UbinBoy In reply to ??? [2009-08-16 16:54:02 +0000 UTC]

    Gah thanks this is so great!!

    ๐Ÿ‘: 0 โฉ: 0

    wolvenlied In reply to ??? [2009-08-15 13:03:07 +0000 UTC]

    I love this, especially the mouseover parts. I changed the picture of the man to ones of my son, looks great on my page

    thanks for sharing

    ๐Ÿ‘: 0 โฉ: 0

    aamzero In reply to ??? [2009-08-14 22:14:32 +0000 UTC]

    BiG THANKS. Very nice indeed

    ๐Ÿ‘: 0 โฉ: 0

    kookychick252 In reply to ??? [2009-08-13 21:53:24 +0000 UTC]

    this is really cool, I'm going to try it out...

    ๐Ÿ‘: 0 โฉ: 0

    netherwings In reply to ??? [2009-08-12 19:14:30 +0000 UTC]

    Wow, it's both really cool and easy to use! I love the man with the pipe. And the mouseover feature thing! In all, great CSS.
    Thanks so much for making this for everyone to use, it's generous people like you who make this community so awesome

    ๐Ÿ‘: 0 โฉ: 0

    SketchDrayton In reply to ??? [2009-08-06 15:07:26 +0000 UTC]

    Now using this, first of thanks. And im sure I want be the first to ask but is there anyway to get into the code and change the roll-over pictures.

    Still awesome stuff, ans thanks.

    ๐Ÿ‘: 0 โฉ: 1

    foundsoundfunny In reply to SketchDrayton [2009-08-06 16:53:00 +0000 UTC]

    You're welcome

    Check the description for a brief guide to change the photo (you can access it from the options tab in your journal edit page: click 'how to..') - if you have any problems, drop me a note

    ๐Ÿ‘: 0 โฉ: 1

    SketchDrayton In reply to foundsoundfunny [2009-08-06 17:08:38 +0000 UTC]

    Oh right didn't see that, thanks for the reply

    ๐Ÿ‘: 0 โฉ: 0

    ardentwhisper In reply to ??? [2009-08-04 22:29:14 +0000 UTC]

    This looks so great! I love it! Thank you for a great skin.

    ๐Ÿ‘: 0 โฉ: 0

    kassiel In reply to ??? [2009-08-03 09:13:43 +0000 UTC]

    yeah yeahhhhhhh greattttt

    ๐Ÿ‘: 0 โฉ: 0

    Aleakim-Selphorian In reply to ??? [2009-08-03 01:04:54 +0000 UTC]

    I just read the first few comments. We have to subscribe to use journals? *mutters* That would...Make me mad...an hours worth of fiddling for nothing?

    ๐Ÿ‘: 0 โฉ: 0

    DrMaryBell In reply to ??? [2009-07-31 09:35:29 +0000 UTC]

    thank you so much for this!!!

    ๐Ÿ‘: 0 โฉ: 0

    barely-existing In reply to ??? [2009-07-30 17:58:52 +0000 UTC]

    Thanks a lot for a wonderful journal layout. I'll probably use this next time

    ๐Ÿ‘: 0 โฉ: 0

    Khimera In reply to ??? [2009-07-27 19:28:09 +0000 UTC]

    I love this! thank you for sharing it!

    ๐Ÿ‘: 0 โฉ: 0

    agedghost In reply to ??? [2009-07-20 22:34:38 +0000 UTC]

    thanks, this is beaaauuuttiful.

    ๐Ÿ‘: 0 โฉ: 0

    gatoridh In reply to ??? [2009-07-19 14:07:02 +0000 UTC]

    Absolutely awesome! I can't wait to try it out!

    ๐Ÿ‘: 0 โฉ: 0

    Amely-Shato In reply to ??? [2009-07-17 09:53:24 +0000 UTC]

    Oh,great!Thank you.)

    ๐Ÿ‘: 0 โฉ: 0

    nayiny [2009-07-15 21:03:26 +0000 UTC]

    AWSOME!!!
    LOVE IT

    ๐Ÿ‘: 0 โฉ: 0

    coxixocorner In reply to ??? [2009-07-14 13:40:31 +0000 UTC]

    Nice skin, loving and using it

    ๐Ÿ‘: 0 โฉ: 0


    <= Prev | | Next =>