DyDy colaborador/moderador 1º full


Cantidad de envíos: 12912 Puntos de posteo: 8310 inscripción: 31/10/2007
 | Tema: Mas Box para el diseño Ice blue Lun Oct 06, 2008 4:34 pm | |
| Este tutorial lo hizo Ladiscoteka y yo se los traigo aki: Si no nos basta con los 5 box´s q tenemos con este código podemos tener los q nos plazca Donde poner el código?    | Código: | Espero les ayude en algo un saludo! <style type="text/css"> <!-- table.rb_neu{position:absolute;left:760px;top:1000px;} --> </style>
<!-- Aquí comienza la configuración del box extra! -->
<table class="rb_neu" width="168" border="0" cellspacing="0" cellpadding="0" id="table1"> <tr> <td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif">AQUI VA EL TITULO DEL BOX</td> </tr> <tr> <td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">AQUI EL CONTENIDO DEL BOX<br><br><p><br><br></td> </tr> <tr> <td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer"> </td> </tr> </table>
|
Para la ubicación del box debemos de editar los valores q he puesto en color verde
Ahora si tenemos un diseño personalizado
Las imágenes a editar son las siguientes
http://img.webme.com/designs/iceblue/images/heading_right.gif <= Esta url equivale a la imagen del heading del box
http://img.webme.com/designs/iceblue/images/shouty.gif <= Esta url equivale ala imagen de fondo del contenido del box
http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif <= Esta url equivale a la imagen de pie del box
Solo queda intercambiar las imágenes por las nuestras |
|