13 jun 2009

Layout Zebra




<style>
#hi5-common-header, .profile-nav, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator, ins, #about-right, #about-center, #user-links a img, #picture-links, #about-left .subsection-separator, #comments .subsection, #comment-heading, .editorTop, #xabout-left a {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:url(http://i41.tinypic.com/eiqbzc.jpg) !important; background-attachment:fixed !important}

#user-picture a {display:block !important}
.box_profile_info_small_content {width:220px !important}
#user-picture a:hover {background:none !important}

#p_center {background:url(http://i43.tinypic.com/2rqygw2.png) no-repeat 100px !important; height:700px; width:900px !important; position:absolute;}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

#user-details {border:none !important}

div, h2 {color:#fff; font-family:century gothic; font-size:9.5px}
div a {color:#fff !important; font-family:Viner Hand ITC !important; font-size:9.5px} div a:hover {text-decoration:none;background-color:#fff; color:#000 !important}

#content-left {width:250px; height:215px; left:100px; position:absolute; overflow-y:auto; margin-left:162px; margin-top:160px; border:#fff 1px dotted; background:#000}
#content-left img {max-width:200px; max-height:300px}

h1 {height:30px !important; background-image:none !important; background-color:#fff !important; color:#000 !important; border-bottom:#999 2px solid !important}
h1:hover {background-color:#000 !important; color:#fff !important}

#user-details .content {background-image:none !important; width:200px; position:absolute; margin-left:105px; margin-top:190px}

#user-links {width:130px; background:#000; border:dotted #fff 1px !important; height:121px; overflow-y:auto} #user-picture img {border:dotted #fff 1px !important}
#user-links a:hover {border-left:6px #999 solid}

#user-picture {margin-left:-10px}

#comments {z-index:10 !important; position:absolute !important; width:250px; height:200px !important; overflow:auto; margin-top:340px !important; left:268px; overflow:hidden}
#comments .content {background:none}
#comments textarea {background-color:#000 !important; border:solid 1px #fff; color:#999; width:240px !important; height:70px}
input {background-color:#000 !important; border:solid 1px #fff; color:#999;}
</style>

3 comentarios:

  1. Hola navegando por la red me encontré con tu blog que seguramente esta muy bueno, pero me es imposible verlo a todo, es por eso que te mando un saludo y espero que le sigas poniendo tantas ganas como hasta ahora. Hasta pronto.


    Firma: http://lomascodiciadodelplaneta.blogspot.com

    ResponderEliminar
  2. Veo que te gusta probar con las combinaciones de colores de las plantillas,Bastante original y cool.
    Te dejo mi pagina para darme consejos para la mía ya que como veras no tengo mucha idea
    http://www.debatepopular.blogspot.com

    ResponderEliminar
  3. heyyy es maravilloso las cosas ke haces me cae ke eres unika super¡¡¡¡¡

    ResponderEliminar