friendsterTalk - Friendster Forum

i discover somethin that i think it can help those people who want a  personalize background as well of the banner, using thier own pics without the help of any premium image editor, u will only need  paint..


Like this..

link preview!
http://i73.photobucket.com/albums/i208/…rfinal.jpg


link preview!
http://i73.photobucket.com/albums/i208/…baNner.jpg


link preview!
http://i73.photobucket.com/albums/i208/…/ccccc.jpg




First u need to ready your two pictures with the  size, hmmmm i did the
800 w and 600 h for the background.
800 w and 300 h for the banner.

but you can also use the background witdh and height properties of the background in the banner.. if that is, if you want a huge banner..


second is upload the two pictures in hosting site that you have.. like photobucket..

after doin the two part u nid to make a temporary css file in your hosting site like ripway. that can hold the css properties below.

 /* PAGE BACKGROUND */
body {
  background-image: url(http://i73.photobucket.com/albums/i208/Adriannns/LonEsUmmer/banner.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000000;
}




/*Banner*/
#navigation { 
    width:800 ! Important ; 
    height:600 ! Important ;
    margin:0px 0px 0px 0px;padding:0px 0 0px 0;width:100%;
    background: url(http://i73.photobucket.com/albums/i208/Adriannns/LonEsUmmer/1111.jpg);
    background-attachment: scrollable;
    backgroud-repeat:no-repeat;
    background-position: left center;
    background-color:transparent ! Important;
    border:4px groove #b22222 ! Important; 
    display:block ! Important;
    overflow-x: hidden; 
    filter:alpha(opacity=50); 
}

/*Main Navigation*/
#mainnav {margin:6px 0px 6px 0px;}
#mainnav {background:transparent ! Important;}
#mainnav .right {display:none;}

/*other areas to hide*/
#subnav {display:none;}
#subnav_search {display:none;}
#navBg {display:none;}
#navBar {display:none;}
#marketing_bg {display:none;}
#marketing{display:none;}
#navdivider {display:none;}
#search {display:none !important;}
#search form {display:none !important;}
#navigation div {background:transparent ! Important;}
#surfer {display: none;}
#navLang {
  display:none !important;
  overflow-x: hidden;
}
#sponsorsAd {
  display: none ! Important;
}
.languagePanel {display: none;}
.banner_ad_fix {display:none;}
.secondary_links {display:none}
.primary_links {background:transparent ! Important;}

Now, you need to paste the direct link  of your image that you uploaded in your hosting site, ammm.. if the example of your pictures is your own picture and the other one is a beutiful view of nature, put your own picture  image direct link in the background properties while the nature image paste it in the banner properties... or vice versa its up to you, what picture you want to appear most, but its ok as long theres the opacity properties in the banner the result will be surely come out well..

save the css file, then go to the profile which will goin to read  or perform the css task that you made..

Preview:

http://profiles.friendster.com/29711357

as you can see the two pictures are like combining now because of the transparentcy that you put in the banner properties.. in this point we need to use the print screen be sure that you will goin to take the picture on its proper location or most perfect view before pressing the print screen...


and now, press the print screen!!! go to your paint then (edit+paste) or just press the (control+v)
Get the perfect size of picture by using the "select cutting square" in the toolbox..

edit it using your skill in paint... if you want to make it huge dunt follow the size that i instructed, but its more recommended to use that size that ive told to get the fair proportion...


Hola! upload it in the hosting site, if that is for your banner, put in the banner properties, if that is for background put it in the background properties.


Hope you learn something even this is so much long to do, im just sharing a little discovery..

 

tzk. tzk. tzk. zOooooOOOOooooOOOOOOOOooM!




Getch();

Last edited by Adriannns (2008-03-06 06:29:16)