Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje06-05-2010, 19:41 (UTC)    
Título del mensaje: Doble Box Urgente
Responder citando
Hola ... me gustaria poder reemplazar el menu principal por mas cajas Box ... mejor dicho que el contenido quede en el centro y a ambos lados queden cajas ... el menu lo adherire horizontal luego ... si hay una respuesta urgente agradeceria mucho.
↑
Mensaje06-05-2010, 20:50 (UTC)    
Título del mensaje:
Responder citando
pasanos el code de tu desing
______________
Su firma exede el tamaño permitido de 450x100px.
por eso fue removida. CP
↑
Mensaje07-05-2010, 18:59 (UTC)    
Título del mensaje:
Responder citando
makewebpage escribió:
pasanos el code de tu desing
El Codigo es Este ...:

<div style="width:100%; position: relative; margin-left: auto; margin-right: auto;">
<center> <style type="text/css">
<!--
body{background-image:url(http://i44.tinypic.com/1ypylf.jpg);background-attachment:fixed;background-color:#FFFFFF;}

td.sidebar_heading{background-image:url(http://f.imagehost.org/0210/Apple_Wallpaper_13.jpg);background-color:;width:160px:;}
td.shouty{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}
td.shouty2{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}
td.shouty3{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}
td.shouty4{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}
td.shouty5{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}
td.edit_rb_footer{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}

td.edit_header_full{visibility: hidden;}

td.nav_heading{background-image:url(http://help-4-pwg.zxq.net/upload/barra.jpg);background-color:;height:24px;heidth:24px;}
td.nav{background-image:url(http://help-4-pwg.zxq.net/upload/barra.jpg);background-color:#NÚMERO DEL COLOR;}
td.nav:hover{background-image:url();background-color:#FF4500;}

td.edit_content_top{visibility: hidden;}
td.edit_content{background-image:url(http://help-4-pwg.zxq.net/upload/barra.jpg);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom{visibility: hidden;}
td.edit_content_bottom:hover{visibility: hidden;}
td.edit_content_bottom2{visibility: hidden;}

td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rechts_bottom{background-image:url();}

td.edit_below_nav{visibility:hidden;}
td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
--></style>
<style type="text/css">
td.edit_content_bottom2{visibility: hidden;}
</style>
↑
Mensaje07-05-2010, 19:08 (UTC)    
Título del mensaje:
Responder citando
pero preciso el html no el css
______________
Su firma exede el tamaño permitido de 450x100px.
por eso fue removida. CP
↑
Mensaje07-05-2010, 21:46 (UTC)    
Título del mensaje:
Responder citando
makewebpage escribió:
pero preciso el html no el css


lamento decirtelo makewebpage pero eso es un diseño iceblue(tal vez tengas ya tiempo sin utilizarlos y por eso no recuerdas los codigos). ahora ipuczamorano si se puede hacer lo que desas pero tiene una desventaja, el box que se creara del lado derecho no se puede centrar junto con la pagina, si aun lo quieres este es el codigo implementado en tu diseño sin centrar, solo necesitas editar donde dice "nombre del box" y "contenido del box"

Código:
<style type="text/css">
<!--
body{background-image:url(http://i44.tinypic.com/1ypylf.jpg);background-attachment:fixed;background-color:#FFFFFF;}

td.sidebar_heading{background-image:url(http://f.imagehost.org/0210/Apple_Wallpaper_13.jpg);background-color:;width:160px:;}
td.shouty{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}
td.shouty2{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}
td.shouty3{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}
td.shouty4{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}
td.shouty5{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}
td.edit_rb_footer{background-image:url(http://i46.tinypic.com/14b7yom.png);background-color:#NÚMERO DEL COLOR;}

td.edit_header_full{visibility: hidden;}

td.nav_heading{background-image:url(http://help-4-pwg.zxq.net/upload/barra.jpg);background-color:;height:24px;heidth:24px;}
td.nav{background-image:url(http://help-4-pwg.zxq.net/upload/barra.jpg);background-color:#NÚMERO DEL COLOR;}
td.nav:hover{background-image:url();background-color:#FF4500;}

td.edit_content_top{visibility: hidden;}
td.edit_content{background-image:url(http://help-4-pwg.zxq.net/upload/barra.jpg);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom{visibility: hidden;}
td.edit_content_bottom:hover{visibility: hidden;}
td.edit_content_bottom2{visibility: hidden;}

td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rechts_bottom{background-image:url();}

td.edit_below_nav{visibility:hidden;}
td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
--></style>
<style type="text/css">
td.edit_content_bottom2{visibility: hidden;}
</style>
<style type="text/css"> <!-- td.nav{visibility:hidden;}
td.nav:hover{visibility:hidden;}
td.nav_heading{visibility:hidden;}
--> </style>

<style type="text/css">
<!--
table.rb_neu{position:absolute;left:20px;top:223px;}
-->
</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">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">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">
&nbsp;</td>
</tr>
</table>


y este es para agregar mas boxes

Código:
<style type="text/css">
<!--
table.rb_neu{position:absolute;left:20px;top:223px;}
-->
</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">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">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">
&nbsp;</td>
</tr>
</table>


en la parte donde dice table.rb_neu{position:absolute;left:20px;top:223px;} left y top son para ajustar en donde se colocara el box

espero sea lo que buscas
______________
↑
Mostrar mensajes anteriores:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.