xlaunnyx got their homepage at Neopets.com

bienvenid@ guest a mi guia de graficos espero que la uses

Bienvenido a mi guia de Graficos ahora comensaremos y antes de que se me olvide en cada parte de la guia abra diferentes estilos haci sera mas variado=)(despues ire agregando nuevos estilos)

Si quieres colaborar con esta guia de graficos por favor mandame un neomail por ejemplo si quieres recomendarme un estilo de lookup o full guild layout en el neomail mandame la imagen del estilo y el codigo ponlo en alguna de las paginas de tus pets porque en neomail dice que no me la puedes mandar XD y tambien si ves algun fallo por favor mandame un neomail y tratare de solucionar el problema:)o si has echo un grafico con esta guia tambien dime para poner aqui el link aqui asi tendre mas pruebas de como queda al final

gracias por visitar mi guia

Lookups

imagen superior

imagen inferior

codigo del Lookup

</style>

<div id="abt">
<h1>Navigation</h1>
( <a href="/objects.phtml">Shops</a> )
( <a href="/petcentral.phtml">Central</a> )
( <a href="/explore.phtml">Explore</a> )
( <a href="/gameroom.phtml">Games</a> )
( <a href="/neoboards/index.phtml">Boards</a> )
( <a href="/nf.phtml">News</a> )
( <a href="/~alan_rogers2132">SunnyNeo</a> )<br><br>

<h1>About Me</h1>
All about you here!<br><br>
<b>Bold</b><p><i>Italic</i></p>
<p><u>Underlined</u></p>
<p>About you here! About you here! About you here! About you here! About you
here! About you here! About you here! About you here! About you here! About you
here! About you here!</p>
<p>About you here!</p>
<p>About you here!</p>
</div>

antes de empezar quiero aclararles que el codigo de este lookup es de una pag llamada sunnyneo.com asi que no dire que es echo todo por mi bueno empezemos:)
copia y pega el Url en tu navegador que sale al principio de esta seccion la que dice imagen superior la imagen es asi pero mas grande esta imagen la hice mas pequeña

te saldra una imagen asi como unos cuadros copia la imagen y pegala en algun programa de edicion de graficos como paint, photoshop, paintshopro entre otros...

ya que tienes la imagen editala a tu gusto =3 ponle imagenes , colores es bueno que le pongas una imagen en el centro guarda la imagen en png porque en jpg y gif la imagen se pixela y se decolora un poco

cuando tengas la imagen superior lista copia el url de la parte inferior en tu navegador son como unas rayas y tienes que ponerle los mismos colores que le pusiste a la parte superior osea el fondo y la parte donde van los trofeos y listo

cuando tengas las 2 partes terminadas tienes que subirlas a internet para eso tienes que hacer una cuenta en alguna de estas 2 paginas
o si no

entonces ve a tu perfil y copia el codigo del lookup en un cuadro blanco que es donde van los codigos =)
ahora que ya subiste las imagenes a internet debes copiar el Url de cada imagen en la parte respectiva, en el principio hay un Url ese es el Url de la parte inferior y en la mitad del codigo pega el Url de la parte superior ahora en la parte del codigo donde dice bout you here! About you here! About you here!... cambialo por tu propia info :) y si quieres ver como queda al final ve mi lookup

Lookups estilo 2

este estilo es muy simple solo un cuadro donde va toda tu info y lo demas son imagenes XD

modelo
http://i249.photobucket.com/albums/gg240/xelielix/lo2.png
codigo
<style> body{ scrollbar-arrow-color: #000099; scrollbar-face-color: #0000CC; scrollbar-track-color: #000099;} body{background-color: #000000} A{COLOR: #522110; FONT-SIZE:9pt; TEXT-DECORATION:none} a:hover{color: #3B432B} #m,#n,#mb,#ol,.hdr,.tt,.sf,center font b{display:none} p table{width:450;border:0px dashed #304B7A;background #FF6633;} td,p,body{color: "blank";font:8pt tahoma} #main {width:1px;border-left:1px solid #000;border-right:1px solid #000;}#content {width:1px;}#Cr, #Cr table {display:inline;}#header, #footer {display:none;}.contentModuleHeaderAlt {display:none;}#topimg {border:0;} #BACK {position:absolute; left:0;top:0;width: 1199px} #Sta {width: 488px; height:489px;position:absolute; left:57px;top:87px;overflow:auto;}.contentModuleContent{background:none;}</style> <IMG src=http://i249.photobucket.com/albums/gg240/xelielix/loo3.png id ="BACK"><div id="Sta"><table> code by <a href="www.neopets.com/~cda_lookups">giras_24</a>

copia y pega XD el Url de el modelo que esta arriba sale como una cuadro asi

asi es la imagen pero aqui la puse mas pequeña para que vieran como era(y para que cupiera en la guia XD) entonces ponle imagenes colores recuerda todo a tu gusto

cuando termines tu imagen subela a internet ahora copia y pega el codigo del lookup en tu perfil y cambia el url de la imagen del lookup por el que tu hiciste t chaaaaachaaaann!! tienes tu lookup aqui les dejo la imagen de donde van las cosas

y si quieren ver omo queda visiten este Lookup

Lookups estilo 3

este estilo es mas o menos simple pero tambien queda bien este consiste en 2 cuadros aqui les dejo

modelo
http://i249.photobucket.com/albums/gg240/xelielix/loo3.png

codigo
<style> .contentModuleContent, .contentModule, .medText {border: 1px; background:transparent} .contentModuleHeader, .contentModuleHeaderAlt BODY, TD, P, A, FONT, { color: black; font-family:arial; font-size:10px; cursor:default; } #footer,.footerNifty,#header, .sf, .copyright {display:none;} table,td{background:transparent}#jdn1{position:absolute;left:0px;top:-6px;z-index:1;} #page {position:absolute;left:126px;top:539px;width: 750px;z-index:1;overflow: auto;height: 450px;} #info{position:absolute;left:644px;top:90px;width:360px;z-index:2;overflow: auto;height: 356px;} </style> </i> <div id=jdn1><IMG SRC="http://i249.photobucket.com/albums/gg240/xelielix/loo3.png" width="1004" height="1000"></div> <div id=info> <br> TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO </div> <br> <div id=page> <table>
te deberia salir una imagen asi pero mas grande claro aqui la puse mas pequeña

aqui les dejo la otra imagen para que sepan donde ira tu info y eso

ahora copia la imagen en algún programa de edición de gráficos y haz la imagen a tu gusto recuerda pintar los espacios donde va tu info de un color muy claro

ahora cuando termines la imagen solo sube la imagen a Internet pero recuerda guarda la imagen en gif, jpg o png entonces copia y pega el código del lookup en tu perfil y cambia el Url de la imagen del código por el url de tu imagen
si quieres ver como queda mira este lookup

lays para tienda/galeria

esta parte es un poco difícil pero no mucho

imagen superior
http://i249.photobucket.com/albums/gg240/xelielix/lotien.png

imagen inferior
http://i249.photobucket.com/albums/gg240/xelielix/parbajo.png

codigo
<style> body, div, table, tr, td{font-family: century gothic; color: #666666; font-size: 8pt;} body{background:url('http://i249.photobucket.com/albums/gg240/xelielix/parbajo.png');font: 11px verdana;} h1 {font-size: 13px;margin-bottom:3;font-weight: bold;text-transform:uppercase;border-bottom: 1px dashed #FE5A20;font-family: Georgia;color: #49A4DA} #ban, .adBox, #footer, .user, #nst, #header, hr{display:none;} .sidebar {display:none; background:none;} #main {background: none;border: none;} #main a, a b{color: #E4BC00; font-size: 8pt; text-decoration: none;} #main a:hover, a b:hover{color: #9BC9E8; font-size: 8pt; border-bottom: 1px dotted #4DA7DB;} #content a b, a {color: #E4BC00; font-size: 8pt; text-decoration: none;} #content a:hover b, a:hover {color: #9BC9E8; font-size: 8pt; border-bottom: 1px dotted #4DA7DB;} #main b, b {color:#48A7DB;} #content {display:inline;width:581px;} #main {display:inline;position:absolute;left:169px;top:340px;width:581px;} .tablestyle{display:inline;} div{display:none} #pic{display:inline;height:450; width:780;position: absolute; top:-340px; left:-169px; border:0px;z-index:0} #side{display:inline;position:absolute; left:-162px; top:-221px; width:136px; overflow:none;z-index:1} #navlist {width: 60px;font-size: 10px;border-top: 1px #ffffff solid;border-left: 1px #ffffff solid;border-right: 1px #ffffff solid;z-index:6;} #navlist a{width: 99%;display: block;background-color: #A1CAE8;border-bottom: 1px #49A9DC solid;border-left:2px solid #49A9DC;text-align: center;text-decoration: none;color: #444;margin-bottom:1px} #navlist a:hover {background-color: #A1CAE8; border-bottom:0px solid;border-left:0px solid} </style> <div id="pic"><img src="http://i249.photobucket.com/albums/gg240/xelielix/tien.png" /></div> <div id="side"> <h1>Wish list</h1> Items here, blah blah blah <h1>Recent items</h1> Newly added, blah blah blah <h1>Navigation</h1> <table border="0" width="99%" align="center"> <tr><td id="navlist" width="90"> <a href="http://neopets.com/addpet.phtml">Create</a> <a href="http://neopets.com/petcentral.phtml">Central</a> <a href="http://neopets.com/explore.phtml">Explore</a> <a href="http://neopets.com/gameroom.phtml">Games</a> <a href="http://neopets.com/objects.phtml">Shops</a></td> <td width="98" id="navlist"> <a href="http://neopets.com/neomessages.phtml">Mail</a> <a href="http://neopets.com/neoboards/index.phtml">Boards</a> <a href="http://neopets.com/nf.phtml">News</a> <a href="http://neopets.com/stuff.phtml">Stuff</a> <a href="http://neopets.com/help.phtml">Help</a> </td> </tr> </table><br /><center> </div> </div> aquí la información sobre tu tienda/galeria

primero copia en tu navegador el primer url que es de la parte de arriba del lay(lay es para abreviar layout)te saldrá una imagen como esta pero mas grande claro son como unos cuadros redondeados

aquí les dejo la imagen para que sepan donde van la cosas

ahora copia la imagen y pegala en algún programa de edición de gráficos el que se te haga mas fácil manejar :)

ponle imagenes de cualquier tema lo que mas te guste puedes ser de neopets, de anime, de pokemon... cuando la tengas terminada guárdala en gif, jpg o png
entonces cuando tengas la parte superior lista tienes que hacer la parte inferior solo son unas rayas tienes que ponerle los mismos colores que le pusiste a la parte superior osea el fondo y la parte donde van los items de tu tienda

cuando tengas la 2 imágenes listas tienes que subirlas a Internet en la primera parte de los lookups dice como hacerlo entonces vayan a su tienda denle donde dice editar tu tienda o tu galería en el cuadro blanco copia el código del lay (el tercer cuadro en el principio de esta sección)y cambia los url del código de la guía por las imágenes que tu hiciste el primer url del código es la parte inferior el segundo en la mitad del código es el de la parte superior=3
si quieres ver como quedo visita mi tienda

lay para tienda/galeria 2

este lay tambien es bastante bueno y no muy dificil de hacer aqui les dejo los codigos

imagen superior
http://i249.photobucket.com/albums/gg240/xelielix/laay.png

imagen inferior
http://i249.photobucket.com/albums/gg240/xelielix/lay-1.png

codigo
<style> body, div, table, tr, td{font-family: georgia; color: #000000; font-size: 8pt;} body{background:url('http://i249.photobucket.com/albums/gg240/xelielix/lay-1.png');} h1 {font-size: 14px;margin-bottom:3;font-weight: bold; text-transform:uppercase;border-bottom: 1px dashed #f4d26a;font-family: century gothic;color: #bdbdbd;text-align:right} #ban, .adBox, #footer, .user, #nst, #header, hr{display:none;} .sidebar {display:none; background:none;} #main {background: none;border: none;} #main a, a b{color: #b3d605; font-size: 8pt; text-decoration: none;} #main a:hover, a b:hover{color: #fbcbb1; font-size: 8pt;} #content a b, a {color: #b3d605; font-size: 8pt; text-decoration: none;} #content a:hover b, a:hover {color: #fbcbb1; font-size: 8pt;} #main b, b {color:#eeb308;} #content {display:inline;width:497px;} #main {display:inline;position:absolute;left:46px;top:422px;width:497px;} .tablestyle{display:inline;} div{display:none} table{width:480px;} table td{padding: 0px;} img{border:none;} #pic{display:inline;position: absolute; top:-422px; left:-46px; border:0px;z-index:0} #side{display:inline;position:absolute; left:513px; top:0px; width:190px; overflow:none;z-index:1;text-align:center;} #navlist {width: 76px;font-size: 10px;z-index:1;} #tablenav{width:193px} #navlist a{width:92px;display: block;background-color: #feec85;border-bottom: 1px #fddf2f solid;border-left:2px solid #fddf2f;text-align: center;text-decoration: none;color: #000000;margin-bottom:2px} #navlist a:hover {border-bottom:0px solid;border-left:0px solid;} #navlist a:visited { color: #000000; } </style> <div id="pic"><img src="http://i249.photobucket.com/albums/gg240/xelielix/laay.png" width="780" height="422" /></div> <div id="side"> <h1>Wish list</h1> <img src="http://images.neopets.com/items/food_jelly_wrench.gif" width="80" height="80" ><br><b>Orange Spanner Jelly</b><br><br> <img src="http://images.neopets.com/items/jel_cereal.gif" width="80" height="80" ><br><b>Jelly Cereal</b><br><br> <img src="http://images.neopets.com/items/jel_jellyberries.gif" width="80" height="80" ><br><b>Jelly Berries</b> <h1>Thank you</h1> Thank you's here! <h1>Navigation</h1> <table id="tablenav" border="0" width="193px" align="center"> <tr><td id="navlist" width="76" align="center"> <a href="http://www.neopets.com/myaccount.phtml">mi cuenta</a> <a href="http://neopets.com/petcentral.phtml">Central</a> <a href="http://neopets.com/explore.phtml">Explorar</a> <a href="http://neopets.com/gameroom.phtml">juegos</a> <a href="http://neopets.com/neoboards/index.phtml">foros</a></td> <td width="76" id="navlist" align="center"> <a href="http://neopets.com/objects.phtml">tiendas</a> <a href="http://neopets.com/nf.phtml">noticias</a> <a href="http://neopets.com/stuff.phtml">Videos</a> <a href="http://neopets.com/help.phtml">ayuda</a> </td> </tr> </table> </center></div> <center> Any other text here!

primero lo primero copia el primer url que esta arriba pegalo en tu navegador y te saldra una imagen asi como unos cuadros aqui la dejo pero aqui es mas pequeña claro

aqui la imagen de donde van las cosas

ahora modifica la imagen ponle textos de bienvenida imagenes... cuando la termines guardala en jpg, png o gif.

cuando tengas la imagen superior terminada haz la parte inferior es el segundo url de esta seccion la imagen son unas rayas ponle los mismos colores que la parte superior osea el fondo y la parte de el menu y donde van los items de tu tienda

si quieres ver como queda visita esta tienda

lay para tienda/galeria 3

este estilo es muy simple aqui les dejo los codigos solo consiste en un fondo y un blog

fondo
http://i249.photobucket.com/albums/gg240/xelielix/fondo.png

blog
http://i249.photobucket.com/albums/gg240/xelielix/bli.png

codigo
<style> body { background:black;} #main { background: url(http://i249.photobucket.com/albums/gg240/xelielix/fondo.png); border:2px solid #3099CE;} #header { border-bottom:2px solid #3099CE;} .sidebar { background:transparent;} .adBox2, .adBox, .ad_wrapper_fixed, #ban, .footOverlay, #ban_bottom, hr, #footer { display:none;} #blog { overflow:auto; height:145px; width:350px; color:black; font-size:7pt; font-family:arial; scrollbar-arrow-color:#ABB2C4; scrollbar-base-color:black; scrollbar-face-color:black; scrollbar-darkshadow-color:black; scrollbar-track-color:#ABB2C4; scrollbar-shadow-color:#ABB2C4; scrollbar-highlight-color:#ABB2C4; scrollbar-3dlight-color:black;} </style> <center> <table cellpadding="20" cellspacing="20" border="0" bgcolor="black"> <tr><td bgcolor="white" align="center" valign="middle" colspan="2"> <table width="400px" height="400px" background="http://i249.photobucket.com/albums/gg240/xelielix/bli.png" border="0"> <tr><td height="220"></td></tr> <tr><td width="20"></td><td valign="top"> <div id="blog"> STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE STUFF GOES HERE </div> </td> </tr> </table> <br /><br />

Bien comenzemos primero copia y pega el url del fondo de tu tienda te aparecera una imagen que dice fondo haci como esta

entonces copia y pega la imagen del fondo en el programa paint, photoshop... el que se te haga mejor para ti :) ponle alguna imagen o un color y ya todo estara a tu gusto =).
cuando tengas el fondo listo pega el url del blog en tu navegador te deberia aparecer una imagen asi

copia esta imagen en algun programa bla bla bla... y cuando tengas lista las 2 imagenes subelas a internet en la primera parte de los lookups dice como hacerlo(por si no sabes como) cuando tengas todo terminado copia el codigo del lay en tu tienda/galeria y cambia los url de las imagenes del codigo por la tuyas y listo
si quieres saber como queda visita esta tienda

blogs

esta parte es bastante facil aqui les dejo las imagenes y los codigos

<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="300" height="300" background="http://i249.photobucket.com/albums/gg240/xelielix/para.png"><tr><td width="300" height="85" colspan="3"> </td></tr><tr><td width="124" height="209"></td><td width="170" height="209"><div style="width: 170px; height: 209px; overflow: auto; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #000000; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#C63636; scrollbar-face-color:#950000; scrollbar-highlight-color:#D60000; scrollbar-3dlight-color:#950000; scrollbar-darkshadow-color:#5B0000; scrollbar-shadow-color:#950000;"><br><div style="padding: 5px;"> AQUÍ ES DONDE VA TODO LO QUE QUIERAS ESCRIBIR. <br></div></div></td><td width="6" height="209"></td></tr><tr><td width="300" height="6" colspan="3"></td></tr></table></div>

<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="300" height="300" background="http://i249.photobucket.com/albums/gg240/xelielix/blo3.png"><tr><td width="300" height="156" colspan="3"> </td></tr><tr><td width="1" height="143"></td><td width="167" height="143"><div style="width: 167px; height: 143px; overflow: auto; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#858585; scrollbar-face-color:#606060; scrollbar-highlight-color:#858585; scrollbar-3dlight-color:#606060; scrollbar-darkshadow-color:#3B3B3B; scrollbar-shadow-color:#606060;"><div style="padding: 5px;"> AQUÍ ES DONDE VA TODO LO QUE QUIERAS ESCRIBIR. <br></div></div></td><td width="132" height="143"> </td></tr><tr><td width="300" height="1" colspan="3"></td></tr></table></div>

<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="200" height="320" background="http://i249.photobucket.com/albums/gg240/xelielix/blog2-1.png"><tr><td width="200" height="203" colspan="3"> </td></tr><tr><td width="9" height="108"></td><td width="182" height="108"><div style="width: 182px; height: 108px; overflow: auto; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #000000; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#7EDFFF; scrollbar-face-color:#10C3FF; scrollbar-highlight-color:#7EDFFF; scrollbar-3dlight-color:#10C3FF; scrollbar-darkshadow-color:#0F86C0; scrollbar-shadow-color:#10C3FF;"><div style="padding: 5px;"> AQUÍ ES DONDE VA TODO LO QUE QUIERAS ESCRIBIR. <br></div></div></td><td width="9" height="108"></td></tr><tr><td width="200" height="9" colspan="3"></td></tr></table></div>

<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="425" height="300" background="http://i249.photobucket.com/albums/gg240/xelielix/blo3.png"><tr><td width="425" height="90" colspan="3"></td></tr><tr><td width="1" height="209"></td><td width="219" height="209"><div style="width: 219px; height: 209px; overflow: auto; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #0E3374; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#355EA6; scrollbar-face-color:#0E3374; scrollbar-highlight-color:#355EA6; scrollbar-3dlight-color:#0E3374; scrollbar-darkshadow-color:#051E49; scrollbar-shadow-color:#0E3374;"><br><div style="padding: 5px;"> THIS IS WHERE ALL YOUR SPIFFY TEXT GOES. <br></div></div></td><td width="206" height="209"></td></tr><tr><td width="425" height="1" colspan="3"></td></tr></table></div>

<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="425" height="300" background="http://i249.photobucket.com/albums/gg240/xelielix/blo.png"><tr><td width="425" height="95" colspan="3"> </td></tr><tr><td width="169" height="200"></td><td width="250" height="200"><div style="width: 250px; height: 200px; overflow: auto; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #000000; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#858585; scrollbar-face-color:#606060; scrollbar-highlight-color:#858585; scrollbar-3dlight-color:#606060; scrollbar-darkshadow-color:#3B3B3B; scrollbar-shadow-color:#606060;"><br><div style="padding: 5px;"> AQUÍ ES DONDE VA TODO LO QUE QUIERAS ESCRIBIR. <br></div></div></td><td width="6" height="200"></td></tr><tr><td width="425" height="5" colspan="3"></td></tr></table></div>

bien elige alguno de estos modelos y copia la imagen en algun programa de edicion de graficos y ponle las imagenes que quieras textos... recuerda en el cuadro pequeño es donde ira las letras de lo que escribas asi que esa parte pintala de un color muy claro o si no no se veran las letras:( cuando la termines gurdala en gif, png o jpg y subela a internet aqui les digo como se hace para subirlas a internet(solo lo dije en la primera parte de los lookups y ya esta lejos XD) bueno tienes que hacer una cuenta en una de estas paginas

http://www.maj.com/ http://photobucket.com/

cuando hagas la cuenta sube la imagen y copia el url de la imagen tuya y cambiala por el url de la imagen de la guia(este url esta un poco despues del principio del codigo) y listo!!! tienes tu blog ahora copia el codigo del estilo del blog y pegalo en tu tienda/galeria lookup...

full guild layout

los full layout son los graficos para las asos si no sabes que es una aso te lo explicare las asos o asociaciones es como un club donde hay actividades hablan y demas... aqui les dejo los url y el codigo

modelo
http://i249.photobucket.com/albums/gg240/xelielix/layaso.png
parte superior
http://i249.photobucket.com/albums/gg240/xelielix/Dibujo-1.png
codigo
<style type="text/css"> body{background: url(http://i249.photobucket.com/albums/gg240/xelielix/layaso.png)} td,p,body{color:#000000;font:8pt verdana} #footer,.sidebar,.contentHeader{display:none} td,table{background:transparent;}#main{border:none; background:none;width:1000px;float:center;padding-top:0px}.conten{background:none} </style> <img src="http://i249.photobucket.com/albums/gg240/xelielix/Dibujo-1.png" style="position:absolute;top:0px;left:0px;"> <div style="overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; width:516px;height:606px;top:252px;left:262px;margin-right:-516px;margin-bottom:-606px;"> NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS NOTICIAS </div> <div style="overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; width:201px;height:380px;top:483px;left:797px;margin-right:-201px;margin-bottom:-380px"> LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS </div>

primero copia el primer url de esta seccion de la guia te debe salir una imagen asi pero mas grande

y aqui les dejo la imagen de donde van las cosas

entonces copia la imagen en algun programa de edicion de graficos y ponle todo lo que quieras es mejor que por la parte de arriba pongas el nombre de la aso y recuerda que en los espacios donde se va a escribir ponlos de un color claro para que se vean las letras:)
cuando tengas esa imagen lista tienes que hacer la imagen superior que es donde va la navegacion de la pagina y una pequeña parte de las noticias copia el url de la imagen superor es una imagen solo con un cuadro y la pequeña parte de las noticias de la que les hable antes tienes que ponerle los mismos colores que son el fondo y la parte de noticias

cuando las tengas terminadas subelas a internet y copia y pega el codigo en la parte que te dice para ponerle los codigos (no se como decirle XD) y cambia los url de las imagenes de la guia por los url de tus imagenes el primer url es de el modelo y el segundo es el url de la parte superior y chaaaaaachaaaaa!!!! tienes tu aso con un bonito lay

si usaste esta parte de la guia por favor mandame un neomail para poner tu aso aqui para que todos los que la visiten vean como queda al final
le agradesco a juanka12 por este estilo

si quieres ver como queda visita esta aso

blog guild layout

estos son muy faciles aqui les dejo la imagenes y los codigos

<div align="left"> <div style="overflow:auto;position:relative;width:205px;height:72px;top:20px;left:323px;margin-right:-205px;margin-bottom:-72px;"> textotextotextotextotexto </div> <div style="overflow:auto;position:relative;width:256px;height:271px;top:206px;left:20px;margin-right:-256px;margin-bottom:-271px;"> textotextotextotextotexto </div> <div style="overflow:auto;position:relative;width:254px;height:117px;top:66px;left:20px;margin-right:-254px;margin-bottom:-117px;"> textotextotextotextotexto </div> <div style="overflow:auto;position:relative;width:139px;height:190px;top:288px;left:296px;margin-right:-139px;margin-bottom:-190px;"> textotextotextotextotexto </div> <img src="http://i249.photobucket.com/albums/gg240/xelielix/bgl3.png"></div>

<div align="left"> <div style="overflow:auto;position:relative;width:568px;height:38px;top:15px;left:15px;margin-right:-568px;margin-bottom:-38px;"> textotextotextotextotextotexto </div> <div style="overflow:auto;position:relative;width:294px;height:190px;top:118px;left:285px;margin-right:-294px;margin-bottom:-190px;"> textotextotextotextotextotexto </div> <div style="overflow:auto;position:relative;width:116px;height:262px;top:315px;left:20px;margin-right:-116px;margin-bottom:-262px;"> textotextotextotextotextotexto </div> <div style="overflow:auto;position:relative;width:232px;height:191px;top:387px;left:347px;margin-right:-232px;margin-bottom:-191px;"> textotextotextotextotextotexto </div> <img src="http://i249.photobucket.com/albums/gg240/xelielix/bgl2.png"></div>

<div align="left"> <div style="overflow:auto;position:relative;width:206px;height:212px;top:21px;left:19px;margin-right:-206px;margin-bottom:-212px;"> textotextotextotexto </div> <div style="overflow:auto;position:relative;width:148px;height:168px;top:409px;left:19px;margin-right:-148px;margin-bottom:-168px;"> textotextotextotexto </div> <div style="overflow:auto;position:relative;width:318px;height:320px;top:258px;left:260px;margin-right:-318px;margin-bottom:-320px;"> textotextotextotexto </div> <div style="overflow:auto;position:relative;width:334px;height:40px;top:21px;left:246px;margin-right:-334px;margin-bottom:-40px;"> textotextotextotexto </div> <img src="http://i249.photobucket.com/albums/gg240/xelielix/bgl-1.png"></div>

estos estilos si son echos por mi:) alfin XD bueno empecemos
las imagenes que di son del tamaño real no las reduci copia el estilo que mas te guste y pegala en paint,photoshop... ponle imagenes textos lo que quieras recuerda pintar los cuadros de un color claro porque hay van los textos imagenes pequeñas...

cuando termines el grafico guardalo en png si quieres que se vea muy bonito porque si las guardas en jpg o gif la imagen se pixela, decolora y otras cosas es muy facil solo dale archivo y guardar como y no lo guardes en imagen de mapa de bits porque no lo podras subir a internet
ahora sube la imagen a internet y listo tienes tu propio BJL parta abreviar blog guild layout

Nota:en los cuadros mas planos rectangulares es donde va la navegacion si quieres poner:)
esta es la imagen de como van las cosas:

si quieres ver como queda visita esta aso

linkeame

Banner

<a href="http://www.neopets.com/~xlaunnyx" target="_blank"><img src="http://i249.photobucket.com/albums/gg240/xelielix/banner.png" border="0" alt="Photobucket"></a>

Botones

<a href="http://www.neopets.com/~xlaunnyx" target="_blank"><img src="http://i249.photobucket.com/albums/gg240/xelielix/botomcopia.png" border="0" alt="Photobucket"></a>

<a href="http://www.neopets.com/~xlaunnyx" target="_blank"><img src="http://i249.photobucket.com/albums/gg240/xelielix/link.png" border="0" alt="Photobucket"></a>

contador

afiliados

puedes encontrar esta guia en: