Ayuda CSS - Rediseño de Neopets

Backgrounds / Fondos

1. Image / Imagen en mosaico
   <style>body{background:url(http://images.neopets.com/backgrounds/tile4.gif) fixed}</style>
2. Non-tiled image (positioned bottom right) / No en mosaico (puesta al fondo a derecha)
   <style>body{background:url(http://images.neopets.com/evil/jhudora.jpg) fixed no-repeat right bottom}</style>
3. Solid colour / Color solido
   <style>body{background:cyan}</style>
4. Stretched? Don't think you can
5. Imagen diferente? Cambia:
   http://images.neopets.com/backgrounds/tile4.gif con tu URL.
6. Como consigo la URL? Dale click derecho, y en el menu "Propiedades"
7. Imagenes en tu PC? Subelas a un servidor web, por ejemplo: www.tinypic.com

   Fuentes

8. Color y fuente
   <style>td,p,body{color:red;font:8pt verdana}</style>
9. Color HTML, codigo CSS
   <b style=color:C000CC>Space</b>
10. Tipo
    <style>font{color:cyan;font:8pt verdana}
11. Brillante?
    <style>td,p{filter:glow(color=red,strength=2)}</style>

    Links / Hipervinculos
    

12. Color y fuente
    <style>a{color:red;font:8pt verdana;text-decoration:none}</style>
13. Cambiar al pasar el mouse
    <style>a:hover{color:black;background:red;border:4px ridge black}</style>
14. Cambiar al pasar el mouse color Arcoiris
    <style>#ol,a:hover{background:url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif)}</style>

    Areas de Texto
    

15. Color, borde and fuente
    <style>TEXTAREA{color:red;font:8pt verdana;border:4px solid red}</style>
16. Fondo Arcoiris
    <style>TEXTAREA{background:url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif)}</style>

    Scrollbars / Barras
    

17. Solo Internet Explorer
    <style>body{scrollbar-face-color:red;scrollbar-shadow-color:gold;scrollbar-highlight-color:gold;scrollbar-3dlight-color:gold;scrollbar-darkshadow-color:gold;scrollbar-track-color:gold;scrollbar-arrow-color:black}</style>

    Cambiar imagenes
    

18. Image glow
    <style>img{filter:glow(color=red,strength=2)}</style>
19. Remove white stuff around images
    <style>p img{filter:chroma(color=white)}</style>
20. Fade Images
    <style>img{filter:alpha(opacity=80)}</style>
21. Fade Guild table
    <style>td table{filter:alpha(opacity=90)}</style>

    Añadir imagenes
    

22. Añadir Pic HTML
    <img src=http://images.neopets.com/items/faeriepntbrush.gif>
23. Añadir banner
24. <img id=wel src=http://www.boomspeed.com/spacefreak/bannerz/rainbowBanner2.jpg><style>#wel{position:absolute;top:40;left:140}</style>
25. Añadir shield
    <style>i.shield{background:url(http://www.boomspeed.com/spacefreak/shieldz/redshield.gif);height:221;width:100;position:absolute;top:360;left:596}</style><i class=shield> </i>
26. Añadir un "blinkie" a tu nombre:
    Primero cambia tu nombre en las preferencias de usuario y agregale esto. Cambia el "." por tu nombre:<u>.</u> Luego por este codigo en tu pagina CSS: <style>u{background:url(http://www.boomspeed.com/spacefreak/blinkies/angelfaeriequeen.gif) no-repeat;text-decoration:none}</style>

    Remover Imagenes
    

27. Remover imagenes
    <style>img{display:none}</style>
28. Remover 'User Lookup : ' text
    <style>center font b{display:none}</style>
29. Remove top banner (where it says Neopets in the top left corner)
    <style>table{background:none}</style>
30. Remove black vertical line
    <style>td{background:none}</style>
31. Remove yellow box background in left side bar
    <style>#n{background:none}</style>
32. Remove yellow box altogether
    <style>#n{display:none}</style>
33. Remove top flash banner ad
    <style>#ban{display:none}</style>
34. Remove most pics. Add a <p>
    in front of the image you want to add
    
    <style> img{visibility:hidden}p img{visibility:visible}</style>
35. Remove most stuff! Add a <p>
    in front of the image you want to add
    <style> img{visibility:hidden}p img{visibility:visible} center font b,#n,hr,#ban{display:none} table,td{background:none}</style>

    Relog

36. Change colour, font and border
    <style>#nst{background:pink;font:8pt courier;border:double hotpink}</style>

    Cursores

37. Change it
    <style>body{cursor:crosshair}</style>
38. Add own
    <style>body{cursor:url(http://www.boomspeed.com/spacefreak/cursors/illusen.cur)}</style>

    Barra izquierda
    

39. Remove it
    <style>table{background:none}#m,#n,#mb,#ol{display:none}</style>
40. Replace it
    <img id=mymenu src=http://www.boomspeed.com/spacefreak/pics/sfnmrainbow.jpg usemap=#a border=0><style>#mymenu{position:absolute;left:1;top:40}</style>
41. Neo-Valentine
    <style> img{visibility:hidden}p img{visibility:visible}td,#n,td table,table{background:none} hr,center font b{display:none}#sff1{position:absolute;top:47;left:0}#n{background:url(http://images.neopets.com/t/val/ms.gif);height:255;width:130}#nst,textarea,input,select{background:pink;filter:alpha(opacity=80)}#sff2{position:absolute;top:3;left:0}.tt{position:absolute;top:44;left:410}#sff3{position:absolute;top:720;left:0}</style> <p><img id=sff1 src=http://images.neopets.com/t/val/m5on.gif usemap=#a border=0><p><img id=sff2 src=http://images.neopets.com/t/val/hdr.gif border=0><p><img id=sff3 src=http://images.neopets.com/t/val/1.gif>
42. Neo-Birthday
    <style> img{visibility:hidden}p img{visibility:visible} td,#n,td table,table{background:none}hr,center font b{display:none}#sff1{position:absolute;top:47;left:0}#n{background:url(http://images.neopets.com/t/bday/ms.gif);height:255;width:130}#nst,textarea,input,select{background:red;filter:alpha(opacity=80)}#sff2{position:absolute;top:3;left:0}.tt{position:absolute;top:44;left:410}#sff3{position:absolute;top:720;left:0}</style> <p><img id=sff1 src=http://images.neopets.com/t/bday/m5on.gif usemap=#a border=0><p><img id=sff2 src=http://images.neopets.com/t/bday/hdr.gif border=0><p><img id=sff3 src=http://images.neopets.com/t/bday/1.gif>
43. Neo-Halloween
    <style> img{visibility:hidden}p img{visibility:visible} td,#n,td table,table{background:none}hr,center font b{display:none}#sff1{position:absolute;top:47;left:0} #n{background:url(http://images.neopets.com/t/hw/ms.gif);height:255;width:130} #nst,textarea,input,select{background:#c8c0ff;filter:alpha(opacity=80)}#sff2{position:absolute;top:3;left:0} .tt{position:absolute;top:44;left:410}#sff3{position:absolute;top:720;left:0}</style> <p><img id=sff1 src=http://images.neopets.com/t/hw/m5on.gif usemap=#a border=0><p><img id=sff2 src=http://images.neopets.com/t/hw/hdr.gif border=0><p><img id=sff3 src=http://images.neopets.com/t/hw/3.gif>

    Musica

44. Userlookup (remove *'s)
    <img d*y*n*s*r*c=http://images.neopets.com/mp3/meepitjuicebreak.mp3>
45. Alternative Neo's HTML Guide

    Tablas

46. User lookup
    <style>p table{width:598;border:1px solid purple;background:pink;filter:alpha(opacity=60)}</style>
47. DIV-ine
    <div align=center style=background:lightblue;overflow:auto;height:100;width:598;border:double black>1<p>2<p>3<p>4</div>
48. Double DIV-ine!
    <div align=center style=background:url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);overflow:auto;height:115;width:598;border:double black><b>welcome!</b><div align=center style=filter:alpha(opacity=80);background:cyan;overflow:auto;height:80;width:568;border:double black>1<p>2<p>3<p>4<p></div></div><p>
49. Rest of page
    <div style=background:url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);overflow:auto;height:300;width:598;border:double black>
50. Double Rest of page
    <style>p img{filter:chroma(color=white)}</style><p><div align=center style=background:url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);overflow:auto;height:220;width:598;border:double black><b>styles by <a href=http://www.neopets.com/~CSSHelp>_space_freak_</a></b><div style=filter:alpha(opacity=80);background:cyan;overflow:auto;height:180;width:568;border:double black>
51. Shop items
    <p><div style=background:url(http://www.boomspeed.com/spacefreak/bg/rainbow.gif);border:solid><div style=filter:chroma(color=white);overflow:auto;height:180;width:598>
52. Remove pet lookup table
    <style>td{background:none}</style>

    Otras cosas
    

53. Remove shop items border (Remove *'s)
    <body l*i*n*k=white>
54. Battledome challenger Change scorchio_red to your pet species and colour eg aisha_faerie,chia_tomato <p><table width=300 border=1 cellpadding=6 cellspacing=0 align=center><tr><td width=300 align=center><img src=http://images.neopets.com/pets/angry/scorchio_red_baby.gif width=150 height=150 border=1><p><b>NEW BATTLEDOME CHALLENGER!!!</b><p><b>_Flaming_Punch_</b> will be waiting for you in the <a href=http://www.neopets.com/battledome.phtml?type=challenge&pettochallenge=_Flaming_Punch_><b>BATTLEDOME</b></a>!!!<p><i>This is not just any Scorchio, it is _Flaming_Punch_, and he is out to get your blood!</i></td></tr></table>
55. Something has happened <p><table align=center width=400><tr><td bgcolor=#ffffcc width=400 align=center colspan=2 cellpadding=3><b>Something has happened!</b></td></tr><tr><td width=80><img src=http://images.neopets.com/events/1000neopoints.gif border=1 height=80 width=80></td><td width=320>Donating to the Money Tree helps other neopians!<br></td></tr></table>