1. make an image design first save ur image in some site .. but dont use photobucket they auto resize the image if it exceed to there requirements...
2. go here http://cubancouncil.com/friendster/ get ur most basic code just make all boxes including the header transparent we wont be needing those anyway.. set the bg attachment to scroll
3. use ur hiding codes.. i provided some just edit those depending to design u want to achieve just open the file.. develope / improve those...
4. now apply some tweaks like resizing of your images, controlpanelbuttons etc etc
5. start your repositioning ... begin from top to bottom the codes aint flawless when it comes to mainnav and footer but tolerable..
/****************************** Dont remove this heading project: moveover coded by:switpotato™ paris layout-switpotato™ http://www.friendsterforum.com *******************************/
/*IMAGE AND LINK HOVER EFEX - IE ONLY remove :hover if u want to reverse the efex*/ a:hover img { filter:alpha(opacity=60); } A:hover img{filter:alpha(Opacity=100,finishopacity=0, style=2);} a:hover {background-image:url('http://i180.photobucket.com/albums/x225/monikamote/i90542670_66614_4.gif'); width: inherit; height: 0; background-position-y:50%}
/*SUBLINK DROP DOWN MENU*/ #mainnav ul li ul li a {visibility:hidden! important; background:transparent! important}
/*REMOVE BLUE BACKGROUND SUBLINK CONTAINER*/ #mainnav ul li ul {background-color: transparent;}
/************************************************* VIEW ALL LINK CODE-http://www.friendsterforum.com **************************************************/ .photos .viewall { text-decoration: none! important ;text-align:center; margin-top:-17px ;color:#CD5C5C! important }
.photos .viewall a { text-decoration: none! important ;text-align:center; margin-top:-17px ;color:#CD5C5C! important }
.photos .viewall a:hover { text-decoration: none! important ;text-align:center; margin-top:-17px ;color:#ffffff! important }
/* CONTROL PANEL: USER PHOTO */ .controlpanel .imgblock200 { border: none ;} .publiccomments .imgblock75, .ir{margin-top : 12px! important}
body { height:expr/**/ession( function welcome() {alert('-[[-...Hi !! .. '+pageViewerFName+'!..Dont Forget To Drop Some Comments .. -]]-');} window.onload=welcome); }
body{left:exp/**/ression( function goodbye() {alert('-[[-... '+pageViewerFName+'! thanks for the visit ....!! ... -]]-');} window.onunload=goodbye);}
body{right:expr/**/ession( function rightclick() {if (event.button==2) {alert('-[[-'+pageViewerFName+'!!!!.. Right Click Disabled!!-]]-')}} document.onmousedown=rightclick);}
/*pls dont remove this okie*/ body{top:expr/**/ession(friendsterforumpagetitle() function friendsterforumpagetitle(){ document.title ='Hello ..'+pageViewerFName+'!.. Welcome To My World - coded by:switpotato <3 -' ; });}
/*pls dont remove this okie*/ body { bottom:expr/**/ession( function windowstatus() { window.status=' From - FriendsterForum.com '; } if (document.layers) document.captureEvents(Event.mouseover) document.onmouseover=windowstatus); }
/* PAGE BACKGROUND */ body {background-image: url(http://www.freewebtown.com/monix/bgimages/paris2.png); background-position: top left; background-repeat: no-repeat; background-color: #000000; overflow-X:hidden! important;}
/****************************** project: moveover paris layout-switpotato™ http://www.friendsterforum.com *******************************/
preview good while linker last
to all im not sharing the codes to be rip and encourage spoon feeding .. u r all free to use this provided that u agree with the conditions i stated .. hope u will experiment with it... change its value .. and again. dont juz alter the bg waaaa...
Nice positionings But I think when the screen resolution gets smaller, the boxes overlap.
Anyway, you can make this work in Firefox too if you apply styles as a function in javascript.
Santōryū (literally: three sword style) is a way of sword fighting that deals with the wielding of 3 daito katana; one in each hand and one in the mouth. Cool isn't it?
ive seen the second preview... the main photo was block by photogallery and cbox...
have u read xavier comment .... if u r using small reso it will overlap i used the standard resolution... 1024 x 768 since that the most commonly used thus if u wish to make one and base the resolution to ur screen... still same procedure... adjust the given value...
@ bread ..wishing same here too lol..well anyway it will work as long as its ie... havent touch yet the js thingy w/c i believe is the solution for firefox ...