free css template

Bienvenid@s A Mi Web

MAS BOX PARA EL DISEÑO ICE BLUE

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

  • Una respuesta honesta es señal de una amistad verdadera.

    Besos y abrazos a todas las personas que están en linea en este momento; muchas gracias por estar aquí.

    Reciban un fuerte abrazo fraterno desde

    Venezuela

    Se siempre Protagonista de Tú Propia Vida y seras siempre Feliz

    Mi Enlace

    Mi Canal You Tube
    Mi Canal You Tube

    El sabio aprende de sus errores y los enmienda, el necio se queda con ellos y hace de ellos tribulaciones.

    Powered by MyPagerank.Net

    Creative Commons License

    Bookmark and Share