Tags : None

family portrait

by alison harrison

This profile skin is designed to show YOUR images. Edit the image url below and replace it with your own image (on your own webhost, or in your yuku folders).

Before uploading your image, ensure that it's approximate 750px wide (can be slightly more, but no less!) and approximately 250px high. However you can edit the height where indicated too if necessary.


The first thing to do is change the colour that you wish to use. Currently there are four colours to choose from. Select blue, rose, teal or purple. To change the colour, you just need to put one of those four colours into the url in the following line:


    @import url(/userskins/bypass/img/familyportrait/rose/style.css);
   



The next thing to change is the banner. This is where you put your own personal image. You need to have created an image that is at least 750px wide, and approximately 250px high. You then upload it to your own webhost - OR to your Yuku folders, and get the full url. Then replace the url in the following line:

    #portrait {
    background-image: url(http://www.spayce.com/girls/photos/yelling.jpg);
    height: 250px;
    }


Don't change any other part of that code - JUST the url. Now, if your image is taller or shorter than 250px, you'll also need to change the height:

    #portrait {
    background-image: url(http://www.spayce.com/girls/photos/yelling.jpg);
    height: 250px;
    }

Once you've done that, you can edit the small words that appear on the lower part of the polaroid. This is done by using an image. There are a few to choose from
mygirls
myboys
theteam
ourfamily
myhoney
itsme
To use the one that you want, just edit the word (no spaces) from the list above into the highlighted part of this line:

    #text {  background-image: url(/userskins/bypass/img/familyportrait/mygirls.gif); }





The last thing that you can choose is a pattern down the left and right side of the main box. This is done with a repeating tile image. The images you can use are as follows:
leftshadow/rightshadow
leftbox/rightbox
leftsmallbox/rightsmallbox
leftcircle/rightcircle
leftpattern/rightpattern
leftstitch/rightstitch
As you can see, there is a left and right version of each one. So you need to switch the names into two places, as highlighted in the following lines:


    #shadowleft { background-image:  url(/userskins/bypass/img/familyportrait/leftshadow.gif);  }
    #shadowright { background-image:  url(/userskins/bypass/img/familyportrait/rightshadow.gif);  }


So now, to put it altogether, the elements that you should see in your profile are these:

   @import url(/userskins/bypass/img/familyportrait/rose/style.css);

    #portrait {
    background-image: url(http://www.spayce.com/girls/photos/yelling.jpg);
    height: 250px;
    }
  
    #text {  background-image: url(/userskins/bypass/img/familyportrait/mygirls.gif); }

    #shadowleft { background-image:  url(/userskins/bypass/img/familyportrait/shadowleft.gif);  }
    #shadowright { background-image:  url(/userskins/bypass/img/familyportrait/shadowright.gif);  }