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...
God Bess to All
-switpotato-
Last edited by switpotato (2008-10-31 13:59:03)
my official site>> http://switpotato.ucoz.com/ Ive juz realized.. many peepz r such a user.. to all affected with this have a lil delicadeza..remove my works from ur site... u r selfish ... who knows how to get but never know how to give.. puro sarili inintindi nyo!!
many thanks ... @ xavier ... im trying to find way to make js lil shorter...
Last edited by switpotato (2008-03-28 03:28:56)
my official site>> http://switpotato.ucoz.com/ Ive juz realized.. many peepz r such a user.. to all affected with this have a lil delicadeza..remove my works from ur site... u r selfish ... who knows how to get but never know how to give.. puro sarili inintindi nyo!!
ive seen the second preview... the main photo was block by photogallery and cbox...
Last edited by simpleMe (2008-03-28 09:05:51)
This is ten percent luck, twenty percent skill, Fifteen percent concentrated power of will, Five percent pleasure, fifty percent pain, And a hundred percent reason to remember the name!
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...
my official site>> http://switpotato.ucoz.com/ Ive juz realized.. many peepz r such a user.. to all affected with this have a lil delicadeza..remove my works from ur site... u r selfish ... who knows how to get but never know how to give.. puro sarili inintindi nyo!!
my official site>> http://switpotato.ucoz.com/ Ive juz realized.. many peepz r such a user.. to all affected with this have a lil delicadeza..remove my works from ur site... u r selfish ... who knows how to get but never know how to give.. puro sarili inintindi nyo!!
@ 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 ...
@ shak... wooooooo flattered u like it...
my official site>> http://switpotato.ucoz.com/ Ive juz realized.. many peepz r such a user.. to all affected with this have a lil delicadeza..remove my works from ur site... u r selfish ... who knows how to get but never know how to give.. puro sarili inintindi nyo!!
i already included that at second set of css codes...
Code:
/*mainnav codes*/
/*primary*/
#mainnav{margin: 0 0px;background:transparent! important;border: transparent!important; width: 800px !important;text-align: center !important; }
#mainnav span, #mainnav_left, #mainnav_right {display:none;}
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent!important;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent;background-color: tranparent!important;}
.primary_links { margin-left: 0px !important; }
.secondary_links {display:none}
#mainnav a {border: 3 outset #CCCCCC; margin: 0 2 0 2; font:10; text-decoration:none! important;color:#FFFFFF! important;background:#000000!
important; }
#mainnav a:hover {border:3 inset #CCCCCC; background:#333333; color:#ffFFFF! important;}
/*treemenu*/
#mainnav .mainfoldericon{
background: url()! important;background-attachment: fixed;
background-repeat: repeat!important;
background-position: top center;
background-color: #000000!important;color:#FFFFFF!important;}
/*sublink drop down menu*/
#mainnav ul li ul{
left: 0;
position: absolute;
top: 1px;display: block;
visibility: hidden;
background-color: transparent! important;
background-image: url()!important;}
}
my official site>> http://switpotato.ucoz.com/ Ive juz realized.. many peepz r such a user.. to all affected with this have a lil delicadeza..remove my works from ur site... u r selfish ... who knows how to get but never know how to give.. puro sarili inintindi nyo!!
E D W A R D C U L L E N IS <3 I thought I was a fool for no-one..Oh baby I'm a fool for you -Supermassive Black hole - MUSE / TWILIGHT OST 5th BOOK: MIDNIGHT SUN