part 2 The following are codes / pattern for making a show and hide lays Just pls try to play with those Please be reminded not because codes are editable u may claim it yours [color=red]all im asking in return is just retain the forum credits / author [/color] You are all free to use this... as long as u agreed with those mentioned lil demand ... wer using real logo and real footer here ... and knowing those two are outside the friendster table set up thus the position of such goes along with window size if u r freaky super perfectionist just add visibility: hidden! important ... dont hide it okie... specially the footer part... your page wont lengthen if you will hide it lol.. [img]http://img139.imageshack.us/img139/9264/forumssvt6.png[/img] preview: http://switpotato.eehjhay.net//GrayLay/preview.html [color=red][b]CSS code[/b][/color] [quote]http://switpotato.eehjhay.net//GrayLay/tutorialGrayCSS.txt[/quote] [b][color=red]JS code [/color] [/b] [quote]http://switpotato.eehjhay.net//GrayLay/tutorial%20GRAYLAYjs.TXT[/quote] [color=red][b]if u will share your works as Premade ... i suggest that u present it like this[/b][/color] <">save ur works as swf or pdf so ur codes wont be easily be open and ripped by newbies and lazy people... for your generator... sometime codes are too picky just try as many generator u may have with this sample i use cradle's generator > http://the-cradle.users-board.com/JS-Llinker-Generator-h75.htm [b][color=red]do not repost this tutorial in any forum or site without any permission [/color] [/b] ======================================================== [b][color=blue]for people who doesnt know yet how to save their file etc pls try to understand this simple instructions:[/color][/b] [quote]1. make a chatbox acct edit the codes ... insert ur own chatbox url if u dont know how >>> click this >>> http://www.freewebtown.com/norvinix/FriendsterforumChatbox/chatbox.png get ur chatbox here : http://www.cbox.ws/ let say this is ur complete chatbox codes get the url only reinsert to my given codes [quote][color=red][s]<!-- BEGIN CBOX - www.cbox.ws" target="_blank">[url=http://www.cbox.ws]www.cbox.ws[/url] - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="160" height="305" src=" [/s][/color] http://www4.cbox.ws/box/?boxid=3265201&amp;boxtag=6355&amp;sec=main [s][color=red]" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#3C2000 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="160" height="75" src=" [/color][/s] http://www4.cbox.ws/box/?boxid=3265201&amp;boxtag=6355&amp;sec=form[color=red][s] " marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#3C2000 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> <!-- END CBOX -->"[/s][/color][/quote] 2.save ur edited codes to ur own hosting site name it as myjs.txt or myjs.swf if u dont know how to save / host it >>>> http://i180.photobucket.com/albums/x225/monikamote/freewebtown.png site: http://www.freewebtown.com 3.get the complete url of ur file and generate >>>for generator >>> http://the-cradle.users-board.com/JS-Llinker-Generator-h75.htm 4.pls dont forget to empty ur css box >>> click this >>> http://switpotato.eehjhay.net//babycandy/instructions2.PNG[/quote] ============================ part1 [img]http://i33.tinypic.com/fvfi1v.png[/img] preview: http://switpotato.eehjhay.net//FRIENDSTERFORUM/demoalien.html instructions : hide first the boxes while editing ur css ... decide where u want it to appear here in my sample i basically uses same value and position for my boxes since im targeting one place for then to show... edit one box at a time... if ur done hide them for a mean time then edit other boxes .... till u r done... unlike pure css with this pattern... only the box we want to appear first will be remain visible the rest will be hidden temporarily look carefully with my css.. http://switpotato.eehjhay.net//FRIENDSTERFORUM/friendsterforumtutorialaliencss.txt now how we can show the boxes we will use js to call them... u may add some more js .. as long as its not conflicting http://switpotato.eehjhay.net//FRIENDSTERFORUM/aliendemo.txt again........the codes are so flexible...like with other tutorial i make.. u may reposition the boxes anywhere u want.. and add the show and hide boxes as many as u want..but lets first stick to the basic oki.... be careful ... too much add ons... slow down the loading... so its more ideal to stick to minimal but unique.... design.. [b][color=red]again PLS. DONT REPOST THIS TUTORIAL IN ANY FORUM AND SITE... pls RETAIN THE CREDITS.... u may add but pls dont remove the original.... [/color] [/b] u can add flash navi.. clock ... addbox tricks ..viewer... chatbox etc etc... like i did here.. juz play with the code [img]http://switpotato.eehjhay.net//TribalGearMoveover/ss.png[/img] http://switpotato.eehjhay.net//TribalGearMoveover/preview.html#friendsterforum [img]http://i34.tinypic.com/33ug28k.png[/img] http://switpotato.eehjhay.net//NARUTOMOVEover/preview.html God Bless... -switpoatato-

Last edited by switpotato (2008-10-15 17:28:06)