| 2.9 Sidebar tute |
|---|
|
THIS CODE WAS MADE BY Dave ~PAGEMASTER~
IT WORKS IN BOTH EMAILS AND POSTS IF IT`S EMBEDED. THE FOLLOWING IS AN EXPLANATION FOR WHAT EACH PART OF THE CODE IS DOING.I`M USING A 3 CYLINDER SIDEBAR CODE AS THE EXAMPLE. YOU`LL FIND THE COMPLETE CODE FOR A 3 CYLINDER SIDEBAR BELOW THE EXPLANATION IN THE TEXTBOX AND BELOW THAT I HAVE LINKS TO OTHER 2.9 SIDEBAR CODES. USE ONLY <<>embed src=""> OR <<>object src=""><<>/object> INSTEAD OF <<>img src=""> FOR ALL YOUR GRAPHICS OR MIDI
============================== #1-LEAVE THIS PART OF THE CODE AS IS EXCEPT FOR THE TITLE,BGCOLOR & TEXT COLOR
============================== <<>html> <<>head> <<>title>2.9<<>/title> <<>style type="text/css">#sidebar{position:absolute;z-index:0;top:-1000px;left:-140px;width:544;}<<>/style><<>/head> <<>body bgcolor="#000000"text="?"fontsize="large"> =============================== #2-KEEP THIS PART OF THE CODE JUST AS IT IS EXCEPT THE COLORS & HEIGHT. DO NOT CHANGE THE TRANSPARENCY! IF YOU DO YOU`LL FIND THE BGCOLOR-GRADCOLOR COVERING YOUR BODY TEXT ============================== <<>div id="sidebar"> <<>table width="544" height="1000" bgcolor="#000000" gradcolor="#000000" gradangle="90" transparency="100%"cellpadding="0"cellspacing="0"> <<>tr> =============================== #3-THESE 2 TABLES ARE USED JUST TO ADJUST HOW CLOSE TO THE LEFT SIDE YOUR SIDEBAR SITS OR YOU COULD PLACE ONE OF THE TABLES ON EACH SIDE OF YOUR SIDEBAR TO CENTER YOUR SIDEBAR BETTER. YOU CAN MAKE THIS INTO ONE TABLE WITH A WIDTH OF 9 OR WHATEVER WIDTH YOU NEED TO CENTER THE SIDEBAR CORRECTLY. YOU WON`T KNOW IF YOUR SIDEBAR IS CENTER TIL YOU SEND YOURSELF AN EMAIL. WHILE TYPING YOUR POST-EMAIL THE SIDEBAR AND YOUR BODY GRAPHICS WILL LOOK WAY OFF CENTERED. ================================ <<>td align="center"width="4" height="1000" bgcolor="#000000" gradcolor="#000000" gradangle="90"> <<>embed src="YOUR ANIGIF GOES HERE" width="4" height="1000"><<>/td> <<>td align="center"width="5" height="1000" bgcolor="#000000" gradcolor="#000000" gradangle="90"> <<>embed src="YOUR ANIGIF GOES HERE" width="5" height="1000"><<>/td> ================================== #4-THE BELOW 6 TD CELLS MAKE UP YOUR 3 CYLINDERS SIDEBAR ================================== <<>td align="center"width="20" height="1000" bgcolor="#000000"gradcolor="?" gradangle="90"> <<>embed src="YOUR ANIGIF GOES HERE" width="20" height="1000"><<>/td> <<>td align="center"width="20" height="1000" bgcolor="?" gradcolor="#000000" gradangle="90"> <<>embed src="YOUR ANIGIF GOES HERE" width="20" height="1000"><<>/td> <<>td align="center"width="20" height="1000" bgcolor="#000000"gradcolor="?" gradangle="90"> <<>embed src="YOUR ANIGIF GOES HERE" width="20" height="1000"><<>/td> <<>td align="center"width="20" height="1000" bgcolor="?" gradcolor="#000000" gradangle="90"> <<>embed src="YOUR ANIGIF GOES HERE" width="20" height="1000"><<>/td> <<>td align="center"width="20" height="1000" bgcolor="?" gradcolor="#000000" gradangle="90"> <<>embed src="YOUR ANIGIF GOES HERE" width="20" height="1000"><<>/td> <<>td align="center"width="20" height="1000" bgcolor="?" gradcolor="#000000" gradangle="90"> <<>embed src="YOUR ANIGIF GOES HERE" width="20" height="1000"><<>/td> =========================== #5-THIS IS A SPACER THAT IS BETWEEN YOUR SIDEBAR AND BODY CONTENTS =========================== <<>td align="center"width="21"valign="top"> <<>/td> =========================== #6-THIS ALIGNS YOUR BODY CONTENTS AND IS THE WIDTH OF THE POSTING BODY ============================= <<>td align="center"width="394"valign="top"> ============================= #7-THIS TABLE IS WHAT PUSHES YOUR GRAPHICS FAR ENOUGH DOWN SO THOSE AT 2.9 CAN SEE THEM. WITHOUT THIS TABLE YOUR GRAPHICS ARE PUSHED UP WAY ABOVE YOUR TEXT. THE HEIGHT SHOULD ALWAYS BE THE SAME AS YOUR SIDEBAR HEIGHT,ONLY USE A POSITIVE NUMBER INSTEAD OF THE NEGATIVE NUMBER "-1000" THAT`S IN YOUR SIDEBAR ============================= <<>table align="center"width="394"height="1000"cellpadding="0" cellspacing="0"> <<>tr> <<>td align="center"width="394"> <<>/td> <<>/tr> <<>/table> ============================= #8-THIS TABLE CONTAINS YOUR BODY GRAPHICS-SCOPES-TABLES ============================= <<>table align="center"width="394"cellpadding="0"cellspacing="0"bgcolor="#000060"> <<>tr> <<>td align="center"width="394"bgcolor="#000000"cellpadding="0"cellspacing="0"> ========================== #9-PLACE YOUR BODY GRAPHICS HERE USING THE EMBED OR OBJECT TAGS ========================== <<>embed src="YOUR GRAPHIC"> <<>BR> OR <<>TABLE --YOUR TABLE CODES HERE/DON`T FORGET TO CLOSE YOUR TABLE OR <<>AUDIOSCOPE --YOUR SCOPE CODE HERE <<>br> <<>br> ========================== #10-CLOSING TAGS FOR YOUR SIDEBAR AND BODY TABLES ========================== <<>/td> <<>/tr> <<>/table> <<>/td> <<>/tr> <<>/table> <<>/div> ========================= #11-THIS IS THE BASE WHICH YOUR BODY TABLES ARE LAYERED OVER,IT MAKES YOUR GRAPHICS SHOW UP IN YOUR POSTS. ========================== <<>div align="center"> <<>spacer type="block"height="300"width="394"> <<>br> <<>/div> <<>/body> <<>/html> ========================== THREE CYLINDER SIDEBAR CODE WITHOUT COMMENTS BELOW
|