HOME | DD

foundsoundfunny — Vintage CSS - easy install. by-nc

Published: 2009-05-05 23:27:36 +0000 UTC; Views: 91020; 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

    KennyAdvance In reply to ??? [2010-01-23 01:21:58 +0000 UTC]

    Awesome Template!!!! L♡ve it!!!!

    👍: 0 ⏩: 0

    PenguinPope In reply to ??? [2010-01-13 03:29:23 +0000 UTC]

    I like it very much. May I use it, perhaps?

    👍: 0 ⏩: 1

    foundsoundfunny In reply to PenguinPope [2010-01-14 04:20:15 +0000 UTC]

    Good news: of course you can! It's free for everyone to use

    Bad news: you'll need a subscription (a 'remium' membership) to be able to install it

    👍: 0 ⏩: 0

    tansyuduri [2009-12-28 20:04:41 +0000 UTC]

    how to you center text in the footer

    👍: 0 ⏩: 2

    foundsoundfunny In reply to tansyuduri [2010-01-14 04:36:21 +0000 UTC]

    If you want to know how to center text so you can do it from time to time (like, centering a single thumb, or a quote or whatever) you can do it with:

    stuff goes here


    If you want to know how to do it with CSS, as I did in the footer, it's as simple as:

    text-align: center;

    ^ this will make any text align to the center when you apply it to a block level element (like div, p, li, etc) but if you apply it to an inline element (like bold tags, links, etc) it wont do anything. Well, from memory it wont do anything

    👍: 0 ⏩: 0

    catsrule10 In reply to tansyuduri [2010-01-03 12:23:43 +0000 UTC]

    I think you use

    , I dunno.

    👍: 0 ⏩: 0

    Shnekokot In reply to ??? [2009-12-22 14:23:58 +0000 UTC]

    great! i use it !

    👍: 0 ⏩: 0

    fashiongeek [2009-12-22 10:51:50 +0000 UTC]

    this is sooo good. I like it very much!

    👍: 0 ⏩: 0

    Torsle [2009-12-21 21:35:55 +0000 UTC]

    I'll try eeet ouut

    👍: 0 ⏩: 0

    give-me-my-art-plz In reply to ??? [2009-12-14 17:09:14 +0000 UTC]

    well......
    I've overlapped my own image on the image there, and it says that and error occured and it says this:
    CSS Error:
    Forbidden property (token: http)

    I dont understand, is there something missing? What am I doing wrong?

    but beautiful journal! Amazing job on it!

    👍: 0 ⏩: 1

    foundsoundfunny In reply to give-me-my-art-plz [2009-12-16 15:09:35 +0000 UTC]

    From the sound of that error message, you've accidentally deleted an important bit of punctuation. Send me a note with the .photo_{...} bit of the CSS and we'll see if we can spot the problem

    👍: 0 ⏩: 2

    give-me-my-art-plz In reply to foundsoundfunny [2009-12-17 01:16:49 +0000 UTC]

    actually, there is no need to! I figured it out! I forgot to leave "background" in there
    and now it looks awesome! Thank you for making this beautiful journal

    👍: 0 ⏩: 1

    foundsoundfunny In reply to give-me-my-art-plz [2009-12-20 04:13:34 +0000 UTC]

    Aha! Awesome. Always makes me smile when people figure things out themselves

    👍: 0 ⏩: 1

    give-me-my-art-plz In reply to foundsoundfunny [2009-12-20 05:18:02 +0000 UTC]

    haha, thank you!
    yes, I even figured out how to put an animated one in, you should check it out! (its my current journal)

    👍: 0 ⏩: 0

    give-me-my-art-plz In reply to foundsoundfunny [2009-12-16 23:27:00 +0000 UTC]

    ok, sure thing

    👍: 0 ⏩: 0

    otoniieel In reply to ??? [2009-12-10 07:12:57 +0000 UTC]

    amazing!

    👍: 0 ⏩: 0

    Freakingseahorse In reply to ??? [2009-11-29 23:44:02 +0000 UTC]

    Wait..is that CHARLEZ.... Darwin?

    👍: 0 ⏩: 0

    Inoka1 In reply to ??? [2009-11-29 22:19:37 +0000 UTC]

    Awesome, I'm using this!!
    You, my good ghost, deserve a ^5

    👍: 0 ⏩: 0

    TitanicExpert In reply to ??? [2009-11-25 23:46:31 +0000 UTC]

    This especially goes well with what I'm interested in, but I still don't understand how to change the photo.

    👍: 0 ⏩: 1

    foundsoundfunny In reply to TitanicExpert [2009-11-27 23:29:22 +0000 UTC]

    Where are you stuck?

    👍: 0 ⏩: 1

    TitanicExpert In reply to foundsoundfunny [2009-11-27 23:31:46 +0000 UTC]

    While inserting the picture itself. It cuts out parts that I don't want it to cut out in the first place.

    👍: 0 ⏩: 1

    foundsoundfunny In reply to TitanicExpert [2009-11-28 00:30:58 +0000 UTC]

    Can you link me to the image you're trying to replace it with? If you based it off the template I linked to you shouldn't have any problems.

    👍: 0 ⏩: 1

    TitanicExpert In reply to foundsoundfunny [2009-11-29 14:22:03 +0000 UTC]

    I didn't really based if off the template you provided.

    👍: 0 ⏩: 1

    foundsoundfunny In reply to TitanicExpert [2009-11-29 23:30:27 +0000 UTC]

    Well then, that's your problem right there.

    👍: 0 ⏩: 0

    SmallBlondeChic In reply to ??? [2009-11-24 21:21:40 +0000 UTC]

    Thank you for this skin, I like the ability to personalize it, and your instructions are very clear.

    👍: 0 ⏩: 0

    Megamrine [2009-11-24 11:31:12 +0000 UTC]

    I am too stupid to change a photo.

    Btw awesome skin.

    👍: 0 ⏩: 2

    razorandrosary In reply to Megamrine [2009-12-11 00:53:05 +0000 UTC]

    I know how you feel! Great skin, but I have no idea

    👍: 0 ⏩: 1

    Megamrine In reply to razorandrosary [2009-12-11 19:13:23 +0000 UTC]

    Idiot's of world are gathering together.

    👍: 0 ⏩: 0

    OsoDeClare In reply to Megamrine [2009-11-29 16:42:55 +0000 UTC]

    Woot, so am I!

    👍: 0 ⏩: 1

    Megamrine In reply to OsoDeClare [2009-11-29 16:44:16 +0000 UTC]

    Yay I am not alone :iconIamhappyplz:

    👍: 0 ⏩: 1

    OsoDeClare In reply to Megamrine [2009-11-29 16:46:39 +0000 UTC]

    No you are not~!

    👍: 0 ⏩: 1

    Megamrine In reply to OsoDeClare [2009-11-29 16:47:48 +0000 UTC]

    This plz is scary.

    👍: 0 ⏩: 1

    OsoDeClare In reply to Megamrine [2009-11-29 17:12:05 +0000 UTC]

    XD it is.
    What about...

    👍: 0 ⏩: 1

    Megamrine In reply to OsoDeClare [2009-11-29 21:12:15 +0000 UTC]

    That one is stupid.

    👍: 0 ⏩: 0

    JallaJ666 In reply to ??? [2009-11-24 00:36:17 +0000 UTC]

    that's cool, i will add it to my journal button

    👍: 0 ⏩: 0

    The-True-Faceless In reply to ??? [2009-11-22 12:53:10 +0000 UTC]

    AHHG! My brain hurts, mind eh... I don't know... dumbing it down for me?

    👍: 0 ⏩: 1

    foundsoundfunny In reply to The-True-Faceless [2009-11-23 17:33:23 +0000 UTC]

    What are you confused about?

    👍: 0 ⏩: 0

    monsalvato [2009-11-20 17:44:37 +0000 UTC]

    great job!

    👍: 0 ⏩: 0

    vampireangel13 In reply to ??? [2009-11-20 04:06:40 +0000 UTC]

    i love this. you did a fabulous job!

    👍: 0 ⏩: 0

    shaz In reply to ??? [2009-11-11 20:23:03 +0000 UTC]

    Have no idea why its not working so well on my journal page.

    👍: 0 ⏩: 1

    foundsoundfunny In reply to shaz [2009-11-11 20:52:00 +0000 UTC]

    The images are meant to be hosted by dA, but at some point (maybe after I edited the skin?) they started pointing back to my website. That was fine, until recently my site was suspended, so now the images are unreachable.

    If you don't mind doing a little bit of editing I describe how to fix things in my latest journal

    👍: 0 ⏩: 1

    shaz In reply to foundsoundfunny [2009-11-12 00:26:21 +0000 UTC]

    Ah ok, I'll check it out. I'm kind of a noob at CSS. Its a cool skin though at any rate.

    👍: 0 ⏩: 0

    Agent-Foo In reply to ??? [2009-11-10 14:47:45 +0000 UTC]

    Ut oh, the images are gone!

    👍: 0 ⏩: 1

    foundsoundfunny In reply to Agent-Foo [2009-11-10 22:02:33 +0000 UTC]

    yarr, the images are meant to be hosted by dA but they've been pointing to my website which was suspended due to a payment mixup.

    if you'd like to use the skin, check my latest journal - I've detailed an easy workaround

    👍: 0 ⏩: 1

    Agent-Foo In reply to foundsoundfunny [2009-11-10 22:50:09 +0000 UTC]

    You are a magic man.

    👍: 0 ⏩: 0

    Koushoku-jin In reply to ??? [2009-11-09 20:27:27 +0000 UTC]

    I'll have this installed -- love the Vintage look!

    👍: 0 ⏩: 0

    october-sparrow In reply to ??? [2009-11-09 17:31:05 +0000 UTC]

    Nice skin!

    Will def give it a try <3 xxxxx

    👍: 0 ⏩: 0

    feedthetrees93 In reply to ??? [2009-11-09 03:43:25 +0000 UTC]

    I love the old, long time in the attic feel this has. Thanks for making Will use for sure!

    👍: 0 ⏩: 0

    Ocean-Myst [2009-10-28 05:16:13 +0000 UTC]

    Something is wrong with this lovely skin, I've been using it for a couple of months but now some of the images seem to have disappeared. Can you help me?
    Thank you!

    👍: 0 ⏩: 0

    iamfergie In reply to ??? [2009-10-27 19:40:44 +0000 UTC]

    This is great! Thanks very much for sharing it!

    👍: 0 ⏩: 0


    <= Prev | | Next =>