| Autor |
Mensaje |
-
maximodding
Nuevo
|
 08-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
|
|
|
↑
|
|
 |
-
vfcorporation
Semi-Experto
Ubicación: Murcia, España
|
08-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. |
|
|
↑
|
|
|
-
maximodding
Nuevo
|
08-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. |
|
|
↑
|
|
|
-
webmicro
Nuevo
|
|
|
↑
|
|
|
-
nuestrasxarlas
Semi-Experto
Ubicación: España
|
25-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? |
|
|
↑
|
|
|
-
webmicro
Nuevo
|
25-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
|
|
|
↑
|
|
|
-
master-nemesis
Semi-Experto
|
|
|
↑
|
|
|
-
webmicro
Nuevo
|
25-10-2011, 20:38 (UTC)
Título del mensaje: |
|
|
GRACIAS, voy a probarlo.
Ultima edición por webmicro el Mie Oct 26, 2011 2:30 pm; editado 3 veces
|
|
|
↑
|
|
|
-
webmicro
Nuevo
|
26-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:
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
|
|
|
↑
|
|
|
-
master-nemesis
Semi-Experto
|
26-10-2011, 16:08 (UTC)
Título del mensaje: |
|
|
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.______________  |
|
|
↑
|
|
|
-
webmicro
Nuevo
|
26-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
|
|
|
↑
|
|
|
|
