-link back -Shop Blog -Guild Blog -table, table linkz	... welcome ... News:- I've reached the pet page text limit ... sigh, well i do need to go through all the codes and fix them anyway :) Howdy, I'm SpongieCutie, I'm CSSHelp's cousin! Her pet page is getting too big so she asked me to display some codes ... so knock yourself out :) ... if you have any probs neomail _space_freak_ :) Does CSS code make your head spin? Want to just put something up and be done with it? then copy the following code. <style type="text/css"> body{background:url(http://images.neopets.com/games/new_tradingcards/lg_sklupe.gif) no-repeat fixed bottom center; scrollbar-face-color:white;scrollbar-shadow-color:cyan; scrollbar-highlight-color:white;scrollbar-3dlight-color:white; scrollbar-darkshadow-color:white;scrollbar-track-color:white; scrollbar-arrow-color:cyan;cursor:crosshair} table{background:transparent} TD,P{COLOR:blueviolet;FONT:10pt comic sans ms} A:link,A:visited,A:active{color:mediumslateblue} A:hover,#ol{color:black;cursor:help;background:pink url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif); border:1px solid cyan} textarea,input{background:purple url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border:1px solid cyan;color:cyan} img{filter:alpha(Opacity=40) xray} p img{filter:chroma(color=white} </style> Can't you just make me a Queen Faerie Doll Lookup!!! ok, ok :P ... if you want the angel blinkie to show in your lookup then add <u> </u> to your full name in your user info. </i><b class=tabledesc>Want to beautify your lookup too? Then check out CSSHelp the Kougra - http://www.neopets.com/~csshelp ... </b> <style type="text/css"> i{width:530} b.tabledesc,p table{width:530;background:skyblue;filter:alpha(opacity=70);border:4pt ridge skyblue;text-align:center} td,font{color:indigo;font:8pt} a{color:steelblue} a:hover{color:purple;background:black url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border-left:4pt dotted purple;border-right:4pt dotted purple} #ol{background:purple url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border-left:4pt dotted purple} textarea,input{color:indigo;background:skyblue;border:4pt dotted skyblue;filter:alpha(opacity=80)} body{background:url(http://www.boomspeed.com/spacefreak/bg/queenfaeriedoll.gif) fixed; scrollbar-face-color:black;scrollbar-shadow-color:#F1BEFC; scrollbar-highlight-color:#F1BEFC;scrollbar-3dlight-color:#F1BEFC; scrollbar-darkshadow-color:#F1BEFC;scrollbar-track-color:#F1BEFC; scrollbar-arrow-color:#F1BEFC;cursor:crosshair}} img{filter:alpha(opacity=40) xray} p img,a img{filter:chroma(color=white)} table{background:transparent} i.topbanner{background:url(http://www.boomspeed.com/spacefreak/bannerz/faeriequeendoll.jpg);height:62;width:480;position:absolute;top:35;left:220} u{background:url(http://www.boomspeed.com/spacefreak/blinkies/angelfaeriequeen.gif);height:80;width:140;text-decoration:none} </style><i class=topbanner> </i> Noooo more girlie stuff can't I have a boysy lookup?!! ok maybe this pirate aisha lookup wld suit ... if you want the punk blinkie to show in your lookup then add <u> </u> to your full name in your user info. </i><b class=tabledesc>Want to punk up your lookup too? Then check out CSSHelp the Kougra http://www.neopets.com/~csshelp ... </b> <style type="text/css"> i{width:530} b.tabledesc,p table{width:530;background:silver;filter:alpha(opacity=70);border:4pt ridge silver;text-align:center} td,font{color:red;font:8pt} a{color:mediumslateblue} a:hover{color:red;background:black;border-left:2pt dashed red;border-right:2pt dashed red} #ol{background:red url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border-left:2pt dashed red} textarea,input{color:red;background:silver;border:4pt dashed silver;filter:alpha(opacity=80)} body{background:url(http://www.boomspeed.com/spacefreak/bg/aishapiratebg.gif) fixed;scrollbar-face-color:silver;scrollbar-shadow-color:white; scrollbar-highlight-color:white;scrollbar-3dlight-color:white; scrollbar-darkshadow-color:white;scrollbar-track-color:white; scrollbar-arrow-color:red;cursor:crosshair}} img{filter:alpha(opacity=70) xray} p img{filter:chroma(color=white)} table{background:transparent} i.topbanner{background:url(http://www.boomspeed.com/spacefreak/bannerz/pirateaisha.jpg);height:62;width:480;position:absolute;top:35;left:220} u{background:url(http://www.boomspeed.com/spacefreak/blinkies/punk.gif); height:80;width:120;text-decoration:none} </style> <i class=topbanner> </i> But the baby neopets are so cute!! Can't you make a baby usul lookup? ok, if you want the baby usul blinkie to show in your lookup then change your full name to <u>*Your__Name*</u> in your user info. You can use your own name but make sure you use 12 characters so that they'll appear in the blinkie blocks </i><b class=tabledesc>Want to beautify your lookup too? Then check out CSSHelp the Kougra - http://www.neopets.com/~csshelp ... </b> <style type="text/css"> i{width:530} b.tabledesc,p table{width:530;background:silver;filter:alpha(opacity=80);border:4pt ridge purple;text-align:center} td,font{color:indigo;font:8pt} a{color:steelblue} a:hover{color:purple;background:black url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border-left:4pt ridge purple;border-right:4pt ridge purple} #ol{background:purple url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border-left:2pt ridge purple} textarea,input{color:indigo;background:silver;border:2pt ridge purple;filter:alpha(opacity=85)} body{background:url(http://www.boomspeed.com/spacefreak/bg/babyusul.jpg) fixed;scrollbar-face-color:black;scrollbar-shadow-color:silver; scrollbar-highlight-color:silver;scrollbar-3dlight-color:silver; scrollbar-darkshadow-color:silver;scrollbar-track-color:silver; scrollbar-arrow-color:silver;cursor:crosshair}} img{filter:alpha(opacity=50) gray} p img,a img{filter:chroma(color=white)} table{background:transparent} i.topbanner{background:url(http://www.boomspeed.com/spacefreak/bannerz/babyusul.gif); height:62;width:480;position:absolute;top:35;left:220} u{background:url(http://www.boomspeed.com/spacefreak/blinkies/usuldynami.gif) no-repeat;height:80;width:242;text-decoration:none;color:white;font:10pt courier;text-align:center} </style> <i class=topbanner> </i> OOooo faerie kau lookup!! pls, pls, pls!! ok, ok! if you want the angel blinkie to show in your lookup then add <u> </u> to your full name in your user info. Also the banner in this premade lookup is dynamic so just change "CSSHelp's Corral" to anything you want :) </i><b class=tabledesc>Want to beautify your lookup too? Then check out CSSHelp the Kougra - http://www.neopets.com/~csshelp ...</b> <style type="text/css"> td table{background:url(http://liquid2k.com/spacefreak/background/purplefadeside.gif) no-repeat right} i{width:530} b.tabledesc,p table{width:530;background:#A283A2;filter:alpha(opacity=80);border:4pt double indigo;text-align:center} td,font{color:indigo;font:8pt} a{color:mediumvioletred} a:hover{color:purple;background:black url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border-left:4pt double purple;border-right:4pt double purple} #ol{background:plum url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border-left:2pt double plum} textarea,input{color:indigo;background:#A283A2;border:4pt double indigo;width:80} body{background:url(http://www.boomspeed.com/spacefreak/bg/faeriekaubg.gif) fixed;scrollbar-face-color:black;scrollbar-shadow-color:#A283A2; scrollbar-highlight-color:#A283A2;scrollbar-3dlight-color:#A283A2; scrollbar-darkshadow-color:#A283A2;scrollbar-track-color:#A283A2; scrollbar-arrow-color:#A283A2;cursor:crosshair}} img{filter:chroma(color=#FFCC00) alpha(opacity=50) xray} p img,a img{filter:chroma(color=white)} i.topbanner{background:url(http://www.boomspeed.com/spacefreak/bannerz/dynamickaufaerieban.jpg) no-repeat; height:62;width:480;position:absolute;top:35;left:220;color:white;text-align:right;font:bold 24pt comic sans ms} u{background:url(http://www.boomspeed.com/spacefreak/blinkies/kauangel.gif) no-repeat;height:80;width:130} </style> <i class=topbanner><b style=height:10px;color:white;FILTER:shadow>*CSSHelp's Corral*</b></i> Ack, you need more boysy ones, how about a Dr Sloth one? erhm, ok, if you want the dr sloth blinkie to show in your lookup then change your full name to <u>*Your__Name*</u> in your user info. Also the banner in this premade lookup is dynamic so just change "Velcome Sloths" to anything you want :) </i><b class=tabledesc>Want to slothify your lookup too? Then check out CSSHelp the Kougra - http://www.neopets.com/~csshelp ...</b> <style type="text/css"> td table{background:url(http://liquid2k.com/spacefreak/background/redgreenleftsidebars.gif) no-repeat right} i{width:530} b.tabledesc,p table{ width:530;background:#AFCA80;filter:alpha(opacity=80);border:4pt ridge green;text-align:center} td{color:green;font:8pt courier} font{color:black} a{color:red;font:8pt courier} a:hover{color:black;background:red url(http://liquid2k.com/spacefreak/background/grbar.gif);border-left:4pt ridge black} #ol{background:red url(http://liquid2k.com/spacefreak/background/grbar.gif);border-left:4pt ridge black} textarea,input{font:8pt courier;color:black;background:transparent;border:4pt ridge green;width:90} body{background:url(http://content.neopets.com/guilds/c/csshelp/csshelp_0152143001024702779.gif) fixed right bottom;scrollbar-face-color:#AFCA80;scrollbar-shadow-color:green; scrollbar-highlight-color:white;scrollbar-3dlight-color:white; scrollbar-darkshadow-color:green;scrollbar-track-color:white; scrollbar-arrow-color:white;cursor:crosshair}} img{filter:chroma(color=#FFCC00) chroma(color=#FFCE00) alpha(opacity=50) xray} p img,a img{filter:chroma(color=white)} u{background:url(http://www.boomspeed.com/spacefreak/blinkies/slothdynamic.gif) no-repeat;height:80;width:242;text-decoration:none;color:white;font:10pt courier;text-align:center} i.dynamicbanner{background:url(http://www.boomspeed.com/spacefreak/bannerz/drsloth.jpg); height:62;width:480;position:absolute;top:35;left:220;color:white;text-align:right;font:bold 24pt comic sans ms} </style> <i class=dynamicbanner><b style=height:10px;color:black;FILTER:glow>_-*Velcome Sloths!*-_</b></i> Wow, an Illusen lookup !! Yup! If you want the Illusen blinkie to show in your lookup then add <u>*******</u> to your full name in your user info. Also the banner in this premade lookup is dynamic so just change "Welcome" to anything you want :) </i> <style type="text/css"> body{background:url(http://images.neopets.com/backgrounds/illusen_bg.gif) fixed;cursor:url(http://www.boomspeed.com/spacefreak/cursors/illusen.cur)} i.dynamicbanner{background:url(http://www.boomspeed.com/spacefreak/bannerz/illusen2.gif);height:62;width:480;position:absolute;top:35;left:220;color:white;text-align:left;font:bold italic 26pt Verdana} u{background:url(http://www.boomspeed.com/spacefreak/blinkies/illusen.gif) no-repeat;height:82;width:222;text-decoration:none;color:black;font:14pt courier new bold;text-align:center} a:link,a:visited{color:red;font:9pt} a:active{color:red;font:8pt} #ol,a:hover{background:hotpink url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border:2pt ridged pink;color:black;font:9pt courier} textarea,input,select{background:#BDD8AD url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);filter:alpha(opacity=80);color:black;font:9pt verdana;border:1px solid black} body{scrollbar-face-color:#BDD8AD;scrollbar-shadow-color:#89CB84;scrollbar-highlight-color:#FFE26E;scrollbar-3dlight-color:#FFE26E; scrollbar-darkshadow-color:#FFE26E;scrollbar-track-color:#FFE26E;scrollbar-arrow-color:black} td table{background:url(http://www.boomspeed.com/spacefreak/bg/greenbar.gif) repeat-y right} img{filter:chroma(color=#FFCC00) chroma(color=#FFCE00) gray} p img,a img{filter:chroma(color=white)} p table{background:transparent} td,p,body{color:green;font:8pt verdana} font{color:hotpink:9pt verdana} p table{text-align:center} i.mypicline{background:url(http://images.neopets.com/neopedia/192_illusen02.gif) no-repeat center;height:80;width:530} b.tabledesc{width:530;border:1px solid #89CB84;background:#BDD8AD;filter:alpha(opacity=80)} p table{width:530;border:1px solid #89CB84;background:#BDD8AD;filter:alpha(opacity=80)} </style> <b class=tabledesc> I see dark clouds arising! <i class=mypicline> </i> If you want help with your lookup check out http://www.neopets.com/~csshelp <i class=dynamicbanner><b style=height:18px;color:#649C01;Filter:shadow>* Welcome! *</b></i> </b> How do you make a shop blog? This is pure HTML tables so if you want a slightly different design then check out draac.com <center><p><table background=http://www.boomspeed.com/spacefreak/pics/aishablog.gif width=500 height=350><tr><td width=500 height=5 colspan=3> </td</tr><tr><td width=500 height=110 colspan=3 valign=top><div style="width:480;height:110;overflow:auto"><font size=1 face=verdana color=#000000> <center>Howdy!! Welcome to my shop :) <br><BR><BR>Feel free to browse ...<br><BR><BR>Hope you are getting ready for Halloween, it rocks :)<BR><BR><BR>Hmm I need to restock ;)<br><BR><BR></div></td></tr></table> <p><a href=http://home.neopets.com/templates/homepage.phtml?pet_name=csshelp><img src=http://www.boomspeed.com/spacefreak/buttonz/freecode.gif width=100 height=40></a></center> How do you make a Guild blog? If you make your own layout you need to fiddle with the top and left positioning and maybe the height and width of the 'div' tags. Best with a violet background. <img src=http://www.boomspeed.com/spacefreak/pics/brownixiguildblog.gif> <div style="position:absolute;left:420;top:220;width:230;height:40;overflow:auto;font:bold 20pt comic sans ms;color:#BF8F00;FILTER:wave">- My Guild -</div> <div style="position:absolute;left:420;top:260;width:230;height:80;overflow:auto">This is the guild to join!!<br><br> :) :) :) :) :) :) :) :) :) :) :) :) <br><br> :) :) :) :) :) :) :) :) :) :) :) :) <br><br> :) :) :) :) :) :) :) :) :) :) :) :) <br><br> </div> <div style="position:absolute;left:315;top:370;width:240;height:40;overflow:auto;font:bold 10pt comic sans ms;color:#BF8F00;FILTER:wave"> _-*- UpdAtes -*-_ </div> <div style="position:absolute;left:315;top:400;width:240;height:125;overflow:auto">Finally got the new layout for the guild up ... do ya like it?<br> Things still to do in the guild :- <ol> <li>Get more content :P</li> <li>Post a suggestion ;)</li> </ol> <br><br></div> <div style="position:absolute;left:455;top:560;width:200;height:40;overflow:auto;font:bold 10pt comic sans ms;color:#BF8F00;FILTER:wave"> _*- LinKies -*_ </div> <div style="position:absolute;left:455;top:580;width:200;height:80;overflow:auto"> <center>Here are a list of links that ya should check out sometime :)</center> <ul><li>Guild <a href=http://www.neopets.com/guilds/guild.phtml?oid=csshelp>Website</a></li> <li><a href=http://www.neopets.com/browseshop.phtml?owner=csshelp>Guild Shop</a></li> <li>Want your link here? then post :)</li> </ul> <br><br></div> <style type="text/css"> td,p{font:8pt verdana} body{scrollbar-face-color:violet;scrollbar-shadow-color:#FFC2FF; scrollbar-highlight-color:#FFC2FF;scrollbar-3dlight-color:#FFC2FF; scrollbar-darkshadow-color:#FFC2FF;scrollbar-track-color:#FFC2FF; scrollbar-arrow-color:#FFC2FF;background:url(http://content.neopets.com/guilds/c/csshelp/csshelp_0412839001029988132.gif) fixed} </style> <p><center><a href=http://home.neopets.com/templates/homepage.phtml?pet_name=csshelp> <img src=http://www.boomspeed.com/spacefreak/buttonz/freecode.gif width=100 height=40> </a></center> How do you make a table like the one on this page? draac.com can help you more. <STYLE> td,p{color:indigo;font:9pt verdana} i{color:purple;font:8pt verdana} u{color:firebrick;font:bolder 8pt verdana} a:visited,a:link{color:red;font:8pt verdana;text-decoration:none} A:hover{COLOR:pink;FONT:8pt verdana;background:red;text-transform:uppercase} a:active{color:hotpink;font:8pt verdana;text-decoration:none} BODY{scrollbar-face-color:hotpink; scrollbar-shadow-color:pink;scrollbar-highlight-color:pink; scrollbar-3dlight-color:pink; scrollbar-darkshadow-color:pink; scrollbar-track-color:pink; scrollbar-arrow-color:pink; background:pink url(http://images.neopets.com/backgrounds/petpet9.gif)} textarea{height:40;width:380;border:4px ridge pink;background:pink} marquee{font:8pt;color:firebrick} ul{list-style:square inside} </style> <center> <p><table width=544 height=500 bgcolor=hotpink border=1 cellspacing=2 cellpadding=0 align=center> <tr> <td colspan=3 align=center bgcolor=lightpink> <img src=http://www.boomspeed.com/spacefreak/bannerz/faeriequeendoll.jpg> </td></tr> <tr> <td width=100 bgcolor=lightpink valign=top> <p><u>Nav</u><br> <a href=#lback>-link back</a> <p><p><p> <u>linkz</u> <p><a href=http://home.neopets.com/templates/homepage.phtml?pet_name=csshelp> <img src=http://www.boomspeed.com/spacefreak/buttonz/cb.gif> </a> </td> <td width=344 bgcolor=lightpink td valign=top> <p> <marquee behavior=alternate><b>... welcome! ...</b></marquee> <p><center> Howdy, I got this premade table from CSSHelp out :) ... if you have any probs neomail <a href=http://www.neopets.com/neomessages.phtml?type=send&recipient=_space_freak_>_space_freak_</a> :) <p> If you want to show your code use the xmp html tags or textarea html tags ... you can find more info at draac.com ... <i>ooo italic codes r cool :p</i> <p> <u><a name=#lback>Link</a> Back</u> <p> Ooo look another link section?! <p> <img src=http://www.boomspeed.com/spacefreak/buttonz/cb.gif> </a></center> </td> <td width=100 bgcolor=lightpink valign=top> Hmm what can go in this right hand column?? Uhmm .... </td> </td> </tr>	hmm, I've forgotten what goes in this column ... doh!! :) I'll fix it next week ;)