HOME | DD

foundsoundfunny — Vintage CSS - easy install. by-nc

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

    allison712 In reply to ??? [2009-06-17 23:06:08 +0000 UTC]

    Ah, I figured it out...it works better with Mood and such at the top instead of the bottom.

    👍: 0 ⏩: 0

    allison712 In reply to ??? [2009-06-16 06:29:40 +0000 UTC]

    Thank you! [link]

    👍: 0 ⏩: 0

    Clemens8 In reply to ??? [2009-06-16 06:06:40 +0000 UTC]

    Thank you for a very nice skin.Credits for you.

    👍: 0 ⏩: 0

    Bitcrossfire [2009-06-16 03:38:07 +0000 UTC]

    cooooly-oooohhh I will try

    👍: 0 ⏩: 0

    BlueBumbleBee In reply to ??? [2009-06-13 06:23:27 +0000 UTC]

    I'm going to sound like a dumbass saying this, but how do you edit the CSS, for changing the photo?

    👍: 0 ⏩: 0

    gwilym In reply to ??? [2009-06-12 09:19:55 +0000 UTC]

    I like this very much and may well use it! It's hilarious as well as original. Thanks for being generous enough to allow us to grab it! x

    👍: 0 ⏩: 0

    live-view In reply to ??? [2009-06-09 09:52:11 +0000 UTC]

    Hi!

    *live-view is a new group, where you can host your live-views of journal skins. To get the group started I (=brgtt ) picked a few journal skins and yours was one of them.

    This skin will be featured in various modules on the front page and a preview has been uploaded and checked in firefox, safari and internet explorer.

    If you don't want the live-view, let me know and I will take it down pronto!



    All the best from =brgtt and *live-view

    👍: 0 ⏩: 0

    JynxsBox [2009-06-09 05:07:05 +0000 UTC]

    I love this journal so much.

    👍: 0 ⏩: 0

    Blueskye27 In reply to ??? [2009-06-06 17:47:46 +0000 UTC]

    I like the way this looks so much, but I've tried and tried to change the picture, and I just get a black box...

    👍: 0 ⏩: 1

    foundsoundfunny In reply to Blueskye27 [2009-06-06 18:58:40 +0000 UTC]

    If the picture is black that means the image isn't loading. This is probably because you're not linking to the image properly.

    I checked the address you are using, and it looks like you're using the address of the deviation. That wont work, you need to use the address of the actual image. The other problem is that the image you're trying to use doesn't follow the template - [link] - but I'll help you get it looking reasonable.

    First, change the background of .photo_ to:

    #222222 url([link] ) repeat scroll -70px -110px

    ... and remove the line that has .photo_:hover - this will disable the hover effect where the image changes when people put their mouse over the image.

    👍: 0 ⏩: 1

    Blueskye27 In reply to foundsoundfunny [2009-06-07 04:35:44 +0000 UTC]

    Thanks so very much for writing me back. I really appreciate you taking the time. I put the picture up at photobucket and got it to work this time. It's a lovely CSS; you do wonderful work.

    Thanks again.

    👍: 0 ⏩: 1

    foundsoundfunny In reply to Blueskye27 [2009-06-08 06:00:09 +0000 UTC]

    You're welcome, happy to help

    👍: 0 ⏩: 0

    Himmapaan In reply to ??? [2009-06-06 02:02:11 +0000 UTC]

    I've installed this and am currently using it. Thank you so much.

    👍: 0 ⏩: 1

    foundsoundfunny In reply to Himmapaan [2009-06-06 19:00:47 +0000 UTC]

    You're welcome

    👍: 0 ⏩: 0

    WingsOfLea In reply to ??? [2009-06-04 04:24:43 +0000 UTC]

    Nice can't wait to use it

    👍: 0 ⏩: 0

    kanart0 In reply to ??? [2009-06-03 08:25:18 +0000 UTC]

    greattt ı gonna use it

    👍: 0 ⏩: 0

    3viltiki In reply to ??? [2009-06-02 02:59:03 +0000 UTC]

    Looks awesome! Can't wait to use it

    👍: 0 ⏩: 0

    maricull In reply to ??? [2009-06-01 14:30:06 +0000 UTC]

    thx for it..

    👍: 0 ⏩: 0

    carbon-dreams In reply to ??? [2009-06-01 11:19:01 +0000 UTC]

    sweet! right up my alley!

    👍: 0 ⏩: 0

    unknown-lil-phantom In reply to ??? [2009-05-31 02:30:17 +0000 UTC]

    Yay! skin! =3

    👍: 0 ⏩: 1

    foundsoundfunny In reply to unknown-lil-phantom [2009-05-31 09:21:07 +0000 UTC]

    Boo subscription!

    👍: 0 ⏩: 1

    unknown-lil-phantom In reply to foundsoundfunny [2009-05-31 18:24:25 +0000 UTC]

    lol xDD

    👍: 0 ⏩: 0

    HMSpeedFreek In reply to ??? [2009-05-29 17:38:01 +0000 UTC]

    yayz: new skin!

    THANK YOU SIR!

    👍: 0 ⏩: 1

    foundsoundfunny In reply to HMSpeedFreek [2009-05-29 21:48:24 +0000 UTC]

    Nay, thank you citizen Kane!

    👍: 0 ⏩: 1

    HMSpeedFreek In reply to foundsoundfunny [2009-08-30 21:24:01 +0000 UTC]

    👍: 0 ⏩: 0

    20after4 In reply to ??? [2009-05-29 04:06:57 +0000 UTC]

    Sorry about the url replacement - we did because so many skin authors expect the user to know how to update the urls and the put links like "My Gallery" pointing to the author's gallery URL

    Glad you came up with a good workaround!

    👍: 0 ⏩: 1

    foundsoundfunny In reply to 20after4 [2009-05-29 04:34:35 +0000 UTC]

    I think it's pretty cool, just caught me unexpected

    Does it replace any username (ie, EXAMPLE.devia...), or only the author? And what about :devUSERNAME:, and deviation links?

    👍: 0 ⏩: 0

    LineBirgitte In reply to ??? [2009-05-28 10:12:09 +0000 UTC]

    I was just about to send you a note to suggest tiny urls - but you are too fast for me

    👍: 0 ⏩: 0

    Pyritie In reply to ??? [2009-05-28 07:09:01 +0000 UTC]

    👍: 0 ⏩: 0

    LesAriannalost In reply to ??? [2009-05-28 03:16:02 +0000 UTC]

    Thankyou 'thespook for the beautiful skin!! Now I FINALLY know what that means!!!

    👍: 0 ⏩: 1

    foundsoundfunny In reply to LesAriannalost [2009-05-28 04:07:40 +0000 UTC]



    Watch out though, if you have a journal that is too short the sidebar looks funny. I'll fix that in a later update, but for now you'll just have to hit enter a few times to make it longer

    oh, and you're welcome btw

    👍: 0 ⏩: 1

    LesAriannalost In reply to foundsoundfunny [2009-05-28 21:39:53 +0000 UTC]

    Yeah I noticed that. But it's all good. Thanks!

    👍: 0 ⏩: 0

    LesAriannalost In reply to ??? [2009-05-28 03:08:23 +0000 UTC]

    This is super awesome! I would like to use this!

    👍: 0 ⏩: 0

    JurgenDoe In reply to ??? [2009-05-28 01:13:58 +0000 UTC]

    great work as usual Nick

    👍: 0 ⏩: 0

    ShadowOfTheDay14 In reply to ??? [2009-05-27 09:34:55 +0000 UTC]

    love it

    👍: 0 ⏩: 0

    emif In reply to ??? [2009-05-26 03:07:11 +0000 UTC]

    Fantastic skin!

    👍: 0 ⏩: 0

    brennennn In reply to ??? [2009-05-26 01:39:08 +0000 UTC]

    I always admired this skin of yours..
    Might have to try it out some time

    👍: 0 ⏩: 0

    WesleyRiot In reply to ??? [2009-05-25 19:36:16 +0000 UTC]

    well, thanks for an awesome bit of CSS! the image change instructions were simple to follow too XD

    👍: 0 ⏩: 0

    the-lost-owl In reply to ??? [2009-05-25 14:52:56 +0000 UTC]

    I love vintage! So cute! Installed. Thanks so much.

    👍: 0 ⏩: 0

    LastingSinner In reply to ??? [2009-05-25 10:21:51 +0000 UTC]

    cool

    👍: 0 ⏩: 0

    zsijpento In reply to ??? [2009-05-25 08:50:41 +0000 UTC]

    cool

    👍: 0 ⏩: 0

    S2En-JayS2 In reply to ??? [2009-05-22 09:16:20 +0000 UTC]

    WOW I love this design!!! Thanks for making it. will be using it properly and credit you as well X3

    👍: 0 ⏩: 0

    Baka-M In reply to ??? [2009-05-22 08:58:17 +0000 UTC]

    me used, creditz to u

    👍: 0 ⏩: 1

    foundsoundfunny In reply to Baka-M [2009-05-23 00:21:58 +0000 UTC]

    not sure how that can be true, if you can't use it without a subscription.

    👍: 0 ⏩: 1

    Baka-M In reply to foundsoundfunny [2009-05-23 04:59:55 +0000 UTC]

    I saw that when I wanted to install it ;__; I thought you could use it without xD well, should be buying a subscription fast than , still a great CSS

    👍: 0 ⏩: 1

    foundsoundfunny In reply to Baka-M [2009-05-24 09:25:27 +0000 UTC]

    Thanks

    A lot of people seem to be making that mistake though, does it show the install button or something?

    👍: 0 ⏩: 1

    Baka-M In reply to foundsoundfunny [2009-05-24 14:42:37 +0000 UTC]

    yeah, you can choose: instal and than..."haha you faggot, you have to get a subscription before you can acces this awesome feature"
    something like that

    👍: 0 ⏩: 1

    foundsoundfunny In reply to Baka-M [2009-05-24 14:58:06 +0000 UTC]

    Oh, that's lame.

    Now I see why there are so many comments from non-subscribed people.

    👍: 0 ⏩: 1

    Baka-M In reply to foundsoundfunny [2009-05-24 19:10:01 +0000 UTC]

    👍: 0 ⏩: 0

    pica-ae In reply to ??? [2009-05-22 07:50:16 +0000 UTC]

    i featured you in My Journal

    👍: 0 ⏩: 0


    <= Prev | | Next =>