Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje08-12-2009, 10:40 (UTC)    
Título del mensaje: (Resuelto)PONER MAS ANCHO LA COLUMNA CENTRAL DE ICE BLUE

HOLA ALGUIEN PODIA AYUDARME, QUIERO PONER LA COLUMNA CENTRAL DE ICE BLUE MAS ANCHA, BUENO ENSANCHAR LA PLANTILLA, POR QUE EN LA COLUMNA CENTRAL QUE ES DONDE SE SUPONE ESCRIBES LAS NOTICIAS EN TU PAGINA WEB ES MUY ESTRECHA Y LA NECESITO ALGO MAS ANCHA, POR FAVOR CUAL ES EL CODIGO....

Y OTRA COSA POR FAVOR, TENGO UN MENU CON QUICKMENU, QUIERO PONERLO JUSTAMENTE DEBAJO DEL ENCABEZADO, SIN ESPACIOS ENTRE EL MENU Y EL CABEZAL ''SIN ESPACIOS POR ARRIBA Y POR ABAJO DEL MENU'' CUAL ES EL CODIGO.

AYUUDA POR FAVOR!!!!


Ultima edición por maximodding el Mie Oct 26, 2011 3:39 pm; editado 1 vez
Mensaje08-12-2009, 12:07 (UTC)    
Título del mensaje:

Espero que esto le sirva:
Código:
<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>


Pegue el código en Texto por encima de la página.
Mensaje08-12-2009, 23:17 (UTC)    
Título del mensaje: NO SALE

LO SIENTO PERO HE PUESTO ESE CODIGO PERO NO ME SALE, HE CAMBIADO LOS PARAMETROS A 200PX, 50,80, ETC... A MUCHOS VALORES PROBANDO Y NADA, Y SE ENSANCHA LA COLUMNA DE CONTENIDO CENTRAL, ASTA AHY BIEN, PERO ESKE SALE DE FONDO DOS COLUMNAS DE CONTENIDO PRINCIPALES, YO KIERO PONERLA MAS ANCHA PERO SIN REPETIR FONDO DE COLUMNA.
Mensaje25-10-2011, 14:05 (UTC)    
Título del mensaje:

A mi tambien me interesa esto mismo.

Yo tambien he colocado ese código en diseño por encima de página y NO FUNCIONA, ni veo que a nadie antes le haya funcionado.

Pueden ver como queda aquí: www.webmicro.es.tl

¿Hay solución? Gracias.

Edito:

Por lo que veo habría que poder cambiar el width="568" por width="nuevo tamaño"

en los siguientes objetos:

http://theme.webme.com/designs/iceblue/images/cont_top.gif
http://theme.webme.com/designs/iceblue/images/cont2_bg.gif
http://theme.webme.com/designs/iceblue/images/cont_bottom.gif
http://theme.webme.com/designs/iceblue/images/footer.gif

¿Alguien sabe decirme como modificarlo y resolveríamos un problema que le ayudaría a muchos?

Gracias


Ultima edición por webmicro el Mar Oct 25, 2011 4:11 pm; editado 3 veces
Mensaje25-10-2011, 19:47 (UTC)    
Título del mensaje:

efectivamente se debe al 2do code. Tendrás que diseñarle a esa parte un nuevo fondo que cubra la nueva anchura, porque los fondos que tu ves están preparados para la anchura estándar de Iceblue. ¿Cómo lo haces?:

Cambia el fondo de la plantilla y pon uno mas grande.


espero que sea util,saludos
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje25-10-2011, 20:14 (UTC)    
Título del mensaje:

nuestrasxarlas escribió:
efectivamente se debe al 2do code. Tendrás que diseñarle a esa parte un nuevo fondo que cubra la nueva anchura, porque los fondos que tu ves están preparados para la anchura estándar de Iceblue. ¿Cómo lo haces?:

Cambia el fondo de la plantilla y pon uno mas grande.


espero que sea util,saludos


En tu respuesta sigo viendo el problema (que por cierto estaba claro ya desde antes). Lo que no veo es la solución.

Supongamos que cojo esos objetos y los convierto (escalados) a tamaño adecuado, con el width=??? que sea...

¿ Como sustituyo los viejos objetos de tamaño pequeño por los nuevos ? ¿Donde pongo que?

Verás, si editas el código html verás que la medida de esos objetos, no está en su width, sino en el width de una celda de tabla y en el width de otras dos tablas.

Te pongo el código:

Código:


<td width="568" height="1000" align="left" valign="top" background="http://theme.webme.com/designs/iceblue/images/cont_bg.gif" class="edit_rechts_cbg">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
           <td>
<table class="edit_rechts_tabelle" width="568" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td background="http://theme.webme.com/designs/iceblue/images/cont_top.gif" height="38" class="edit_content_top">
         <table width="568" border="0" cellspacing="0" cellpadding="0">


Bien, no es ya solo aumentar el tamaño de esos objetos de formato .gif, es también modificar el tamaño de ese "TD" y de esas dos tablas.

¿ Como lo hago si no puedo editar el BODY para modificarlo ?

Eso es lo que necesito saber para acabar de arreglar el problema sin salirme de PWG.

Si lo sabes, o alguien lo sabe, se agradece lo comparta con todos los demás.

Un saludo


Ultima edición por webmicro el Mar Oct 25, 2011 4:36 pm; editado 3 veces
Mensaje25-10-2011, 20:31 (UTC)    
Título del mensaje:

Hola,
Lo que pasa con el código de agrandar la página. Resulta que las imagenes de la parte centrar los contenedores y la partes del content. se tendran que agrandar las imagenes o hacer unas nuevas.

Cita:
<style type="text/css">

td.edit_content_top{background-image:url(http://theme.webme.com/designs/iceblue/images/cont_top.gif);background-color:;}

td.edit_content{background-image:url(http://theme.webme.com/designs/iceblue/images/cont2_bg.gif);background-color:#;}

td.edit_content_bottom{background-image:url(http://theme.webme.com/designs/iceblue/images/cont_bottom.gif);background-color:;}

</style>


Se tiene que modificar lo rojo por la imagenes que piensan remplazar la parte central.

http://theme.webme.com/designs/iceblue/images/cont_top.gif
http://theme.webme.com/designs/iceblue/images/cont2_bg.gif
http://theme.webme.com/designs/iceblue/images/cont_bottom.gif

Esas imagenes se tendran que agrandar mas px.

Para mas información visita estos links.

http://www.paginawebgratis.es/forum/viewtopic.php?t=3296 - [Código CSS] "Estirar la web en toda la pantalla
http://www.paginawebgratis.es/forum/viewtopic.php?t=3625 - Personaliza iceblue

Recuerden que el tema ya paso su limite de mensaje de los cuales no se responden mas pasado el año sin ser comentado.

Saludos.
______________
Mensaje25-10-2011, 20:38 (UTC)    
Título del mensaje:

master-nemesis escribió:
Hola,
Lo que pasa con el código de agrandar la página. Resulta que las imagenes de la parte centrar los contenedores y la partes del content. se tendran que agrandar las imagenes o hacer unas nuevas.

Cita:
<style type="text/css">

td.edit_content_top{background-image:url(http://theme.webme.com/designs/iceblue/images/cont_top.gif);background-color:;}

td.edit_content{background-image:url(http://theme.webme.com/designs/iceblue/images/cont2_bg.gif);background-color:#;}

td.edit_content_bottom{background-image:url(http://theme.webme.com/designs/iceblue/images/cont_bottom.gif);background-color:;}

</style>


Se tiene que modificar lo rojo por la imagenes que piensan remplazar la parte central.

http://theme.webme.com/designs/iceblue/images/cont_top.gif
http://theme.webme.com/designs/iceblue/images/cont2_bg.gif
http://theme.webme.com/designs/iceblue/images/cont_bottom.gif

Esas imagenes se tendran que agrandar mas px.

Para mas información visita estos links.

http://www.paginawebgratis.es/forum/viewtopic.php?t=3296 - [Código CSS] "Estirar la web en toda la pantalla
http://www.paginawebgratis.es/forum/viewtopic.php?t=3625 - Personaliza iceblue

Recuerden que el tema ya paso su limite de mensaje de los cuales no se responden mas pasado el año sin ser comentado.

Saludos.


GRACIAS, voy a probarlo.


Ultima edición por webmicro el Mie Oct 26, 2011 2:30 pm; editado 3 veces
Mensaje26-10-2011, 10:08 (UTC)    
Título del mensaje:

master-nemesis escribió:


Cita:
<style type="text/css">

td.edit_content_top{background-image:url(http://theme.webme.com/designs/iceblue/images/cont_top.gif);background-color:;}

td.edit_content{background-image:url(http://theme.webme.com/designs/iceblue/images/cont2_bg.gif);background-color:#;}

td.edit_content_bottom{background-image:url(http://theme.webme.com/designs/iceblue/images/cont_bottom.gif);background-color:;}

</style>




Hola master-nemesis,

Efectivamente FUNCIONA !

Mira aquí el resultado: http://webmicro.es.tl/

RESUMEN DE LO QUE HICE (faltaban algunas cosas)

Hay que ampliar a "1030" el ancho de las siguientes cinco imágenes y subirlas a Tus imagenes:

· http://theme.webme.com/designs/iceblue/images/header.jpg
· http://theme.webme.com/designs/iceblue/images/footer.gif
· http://theme.webme.com/designs/iceblue/images/cont_bg.gif
· http://theme.webme.com/designs/iceblue/images/footer.gif
· http://theme.webme.com/designs/iceblue/images/header.jpg

Yo les cambié el tipo de archivo a .png (va en gustos)

Procedimiento:

1º - Copias esas URL en tu PC
2º - Usas cualquier programa que escale imágenes
3º - Las guardas ya ampliadas en tu PC
4º - Subes las imagenes a tu website en PWG usando:

| Kit de construcción | Controlar imagenes | Agregar una nueva imagen | Elegir tipo de archivo | Examinar | Subir |

IMPORTANTE..! No olvides desmarcar la casilla Achicar imagen, si la tienes marcada.

5º - Entras en editar Diseño y colocas el siguiente código por encima de pagina:

IMPORTANTE..! La parte ocultar Headline es opcional (yo lo oculté porque prefiero modificar el banner para usarlo como banner y headline)

Código:


<!-- --------------------------------------------------- -->
<!-- Inicio: Ocultar la "headline" de la web -->
<!-- --------------------------------------------------- -->

<style type="text/css">
td.headline {display:none;}
</style>

<!-- -------------------------------------------------- -->
<!-- Final : Ocultar la "headline" de la web -->
<!-- -------------------------------------------------- -->


<!-- --------------------------------------------------- -->
<!-- Inicio: Ensanchar plantilla ICE BLUE   -->
<!-- --------------------------------------------------- -->

<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
<!-- --------------------------------------------------- -->
<!-- Final : Ensanchar plantilla ICE BLUE   -->
<!-- --------------------------------------------------- -->

<center>

<!-- --------------------------------------------------- -->
<!-- Inicio: Ensanchar objetos ICE BLUE   -->
<!-- --------------------------------------------------- -->

<style type="text/css">

td.edit_header_full{background-image:url(http://img.webme.com/pic/w/webmicro/header.png);background-color:;}

td.edit_content_top{background-image:url(http://img.webme.com/pic/w/webmicro/cont_top.png);background-color:;}

td.edit_content{background-image:url(http://img.webme.com/pic/w/webmicro/cont2_bg.png);background-color:#;}

td.edit_content_bottom{background-image:url(http://img.webme.com/pic/w/webmicro/cont_bottom.png);background-color:;}

td.edit_rechts_cbg{background-image:url(http://img.webme.com/pic/w/webmicro/cont_bg.png);background-color:;}

td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/w/webmicro/footer.png);background-color:;}

</style>

<!-- --------------------------------------------------- -->
<!-- Final : Ensanchar objetos ICE BLUE   -->
<!-- --------------------------------------------------- -->



Procedimiento:

| Kit de construcción | Editar diseño | Configuraciones avanzadas | Texto por encima de pagina | Guardar |

y después el siguiente código por debajo de pagina:

Código:


</center>



Procedimiento:

| Kit de construcción | Editar diseño | Configuraciones avanzadas | Texto por debajo de pagina | Guardar |

IMPORTANTE..! Las URL's de esos cinco objetos, apuntan a mi website http:// www.webmicro.es.tl

Cada cual deberá cambiar webmicro por el nombre de su website



Una vez se haya actualizado, ir a la home page y pulsar F5 para que se refresque la ventana en local.

Si todo se hizo bien, el problema se habrá resuelto.

"master-nemesis" De nueno gracias por la ayuda. Por mi tema resuelto.

Saludos,


Ultima edición por webmicro el Mie Oct 26, 2011 2:32 pm; editado 7 veces
Mensaje26-10-2011, 16:08 (UTC)    
Título del mensaje:

webmicro escribió:
Ahora necesito que me ayudes con el código CSS para modificar que se puedan sustituir también los siguientes archivos que olvidé en un principio:

· http://theme.webme.com/designs/iceblue/images/header.jpg
· http://theme.webme.com/designs/iceblue/images/footer.gif
· http://theme.webme.com/designs/iceblue/images/cont_bg.gif


Los códigos que son atraves de tablas, no es muy frecuente usarlos, ya que seria algo complicado de hacerlo, pero seria casi lo mismo, pero es mejor segir desarrolando el código, ahora agregas estos 3 códigos entre las etiquetas <style type="text/css"> </style> de las mismas anteriores.

<style type="text/css">

Cita:
td.edit_header_full{background-image:url(http://theme.webme.com/designs/iceblue/images/header.jpg);background-color:;}

td.edit_content_bottom2{background-image:url(http://theme.webme.com/designs/iceblue/images/footer.gif);}

td.edit_rechts_cbg{background-image: url(http://theme.webme.com/designs/iceblue/images/cont_bg.gif);background-color:;}


</style>

Lo tienes que agregar y modificar lo que esta en rojo y agregas las imagenes mas anchas como lo venistes haciendo anteriormente.

Este tutorial podria ayudarte mas con el diseño.

=> http://www.paginawebgratis.es/forum/viewtopic.php?t=2381

- Lo del tutorial sobre como ampliar el diseño iceblue al 100% es una buena iniciativa, pero habra que hacer para casi todas las resoluciónes, ya que las resoluciones de los monitores son de 1024x768 // 1280x1024 // 1600x1200 // inferiores de 800x600 px y cada una de esas visualizaciones son distintas.

Se estará trabajando en estos tutoriales en futuro cercano.

Saludos.
______________
Mensaje26-10-2011, 17:00 (UTC)    
Título del mensaje:

Hola "master-nemesis"

Mientras respondías yo estaba modificando el post con la solución. Nos hemos cruzado.

Gracias por la ayuda. Por mi parte: Tema Resuelto. Creo que se puede cerrar.


Ultima edición por webmicro el Mie Oct 26, 2011 1:07 pm; editado 3 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group