Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje12-11-2011, 02:05 (UTC)    
Título del mensaje: [Resuelto] sustituir en ICE BLUE una "TD IMG"

¿Cual sería el código CSS para sustituir esta imagen definida en la plantilla de ICE BLUE?

<td class="edit_below_nav"> <img src="http://theme.webme.com/designs/iceblue/images/navi_ende.gif" width="185" height="198">
</td>

Aclaración:

A ver, el problema es que normalmente las imagenes en ICE BLUE se definen en el background=... de cada <td> en vez de definirlse en el img src=...

Ejemplo:

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

En tal caso el código para sustituir sería:

td.edit_navi_headbg{background-image:url(http://urldelaimagenque sustituye);background-color:;background-repeat:no-repeat;}

Pero en ese caso que os consulto, al no estar en el "background=..." la imagen a sustituir.., sino en el "img src=..." IGNORO cual sería el código CSS a colocar para lograr el cambio.

Espero me lo puedan aclarar si esque se puede. Gracias


Ultima edición por webmicro el Mie Nov 16, 2011 8:22 am; editado 5 veces
Mensaje12-11-2011, 17:30 (UTC)    
Título del mensaje:

Hola no entendi bien lo que quieres pero Aquí te dejo el código de la plantilla IceBlue, lo examinaremos y descubriremos cada parte del
código.
La sección de la plantilla se puede cubrir con una imagen o con un color.
Si ponemos la Url de una imagen dejamos vacio el color, si ponemos el color dejamos vacio la url de la imagen


Código:
<style type="text/css">

<!--
body{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rechts_bottom{background-image:url();}

td.edit_header_full{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.nav_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav:hover{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.sidebar_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_rb_footer{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.edit_content_top{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom:hover{background-image:url();}
td.edit_content_bottom2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}

--></style>


Primero el fondo:
Cita:
body{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rechts_bottom{background-image:url();}


Editamos el codigo segun corresponda, si es una imagen el tamaño seria 1024 x 768.

Segundo: El encabezado

Cita:
td.edit_header_full{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

Devemos conseguir una imagen de 1000 x 158
Tercero: El menú

Cita:
td.nav_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav:hover{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

1ra Línea - Título de Navegación: Debemos conseguir una imagen de 185x24 aprox. o escoger un Color:

2da Línea - Botón de menú: Debemos conseguir una imagen de 185x33 aprox. o escoger un Color:

3ra Línea - Botón de menú al pasar el cursor: Debemos conseguir una imagen de 185x33 aprox. o escoger un Color:


Cuarta: El box

Cita:
td.sidebar_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_rb_footer{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

Sinceramente me canse de poner el color rojo, jeje haci que los pondre en negrita lo que tienes que editar
Sigamos
1ra Línea - Título de Boxs: Debemos conseguir una imagen de 168x24 aprox. o escoger un Color:


2da Línea - Box1: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
3ra Línea - Box2: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
4ta Línea - Box3:Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
5ta Línea - Box4: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
6ta Línea - Box5: Debemos conseguir una imagen de 168x800 aprox. o escoger un Color:
Todas estas Líneas pertenen al contenido de cada box es decir el ice blue tiene 5 box y cada uno se le puede poner distinto fondo

7ma Línea - Pie de box: Debemos conseguir una imagen de 168x27 aprox. o escoger un Color:


Quinta : El Contenido

Cita:
td.edit_content_top{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom:hover{background-image:url();}
td.edit_content_bottom2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}


1ra Línea - Título de página: Debemos conseguir una imagen de 568x38 aprox. o escoger un Color:

2da Línea - Contenido: Debemos conseguir una imagen de 568x300 aprox. o escoger un Color

3ra Línea - Semifinal de Contenido:Debemos conseguir una imagen de 568x31 aprox. o escoger un Color:

4ta Línea - La dejaromos como está

5ta Línea - Final de Contenido: Debemos conseguir una imagen de 568x34 aprox. o escoger un Color:


Sexta parte - Dejarla como está:
Cita:
td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}


Bueno eso es todo espero te haya ayudado con tu duda ...
Saludos
______________
http://img.webme.com/pic/a/ayuda031/firma012221.png imagen redimensionada por exceso de tamaño
Mensaje13-11-2011, 00:29 (UTC)    
Título del mensaje:

Gracias. No,no me has ayudado en la duda.

Es muy util respuesta para cambiar la plantilla en general, pero para cambiar la imagen que yo quiero, eso no sirve.


Lo que yo necesito es sustituir ésta imagen:

http://theme.webme.com/designs/iceblue/images/navi_ende.gif

Y quiero sustituirla (que mas dá porqué o por cual) por otra que yo he diseñado y que digamos se llamará cuando exista:

http://url-de-mi-nueva-imagen.png

Bien, dicho esto, la imagen actual que yo quiero sustituir por otra mía es justamente la que queda debajo del Menu de la plantilla ICE BLUE y que solo se cita en todo el código en la linea que dice:



Código:


<td class="edit_below_nav"> <img src="http://theme.webme.com/designs/iceblue/images/navi_ende.gif" width="185" height="198">



Es la UNICA IMAGEN que dentro de un "<TD" que tenga un nombre de "CLASS=", en vez de definirse como "backgroud=" se define como "img src="

En todo el código si examinas las imagenes de tipo gif que se pueden sustituir mediante el CSS el formato es:

Código:


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





Por tanto, SIENDO EL UNICO CASO EN QUE NO ESTA LA IMAGEN EN UN BACKGROUND DENTRO DE UN TD QUE TIENE UN NOMBRE DE CLASS.., no me sirve cambiar el CSS así:

td.edit_below_nav{background-image:url(http://url-de-mi-nueva-imagen.png);background-color:;background-repeat:no-repeat;}

Ya que la imagen a sustituir dentro del "TD" "CLASS="edit_below_nav" no está definido como "background=" sino como "img src="

Yo necesitaría CONOCER LA SINTASIS DE LA INSTRUCCION CSS que permita en vez de actuar sobre {background-image:url... lo haga sobre "{image src" ò "{img src" ò "{image" o como rayos sea, porque he probado varias combinaciones y no doy con la buena.

¿Entiendes ahora?

Gracias en cualquier caso.

Gracias


Ultima edición por webmicro el Sab Nov 12, 2011 8:57 pm; editado 6 veces
Mensaje13-11-2011, 00:51 (UTC)    
Título del mensaje:

@webmicro

Si no te sirvio la explicacion de @ayuda031
Puedes Mirar la web de TokArg , Donde el Tiene
Un sistema de ICEBLUE

Cita:
http://tokarg.es.tl/Ice-Blue-Interactivo.htm


SALUDOS !
Mensaje13-11-2011, 01:05 (UTC)    
Título del mensaje:

Ya la he mirado gracias, en esa web no hay respuesta a mi pregunta.

Que repito, es así de simple:

¿Como puedo sustituir esta imagen de la plantilla ICE BLUE por otra mía?

IMAGEN: http://theme.webme.com/designs/iceblue/images/navi_ende.gif


¿Donde se cita esa imagen en el código de cualwuier web hecha con ICE BLUE ?

Aquí,m en esta linea:


Código:


<td class="edit_below_nav"> <img src="http://theme.webme.com/designs/iceblue/images/navi_ende.gif" width="185" height="198">
</td>



Gracias.


(Puede que no exista un código CSS para cambiar una imagen por otra aunque esté dentro de una columna de una tabla que si tenga nombre de clase...)

En tal caso seguramente la solución sea un truco consistente en:

1 - Declarar la clase de "display:none",
2 - Incluir una última opción de menu que no abra ninguna página
3 - En esa última opción de menu meter una imagen que sea con la que quiero construir una especie de pie de menú, tal cual lo tiene el cuerpo (central) y los boxes.

¿Va por ahí la cosa?


Ultima edición por webmicro el Sab Nov 12, 2011 9:07 pm; editado 2 veces
Mensaje13-11-2011, 01:09 (UTC)    
Título del mensaje:

Facilitarias el Trabajo y seria una respuesta mas rapida , Si le sacas una foto a tu web y marcas que img quieres sacar :D
Mensaje13-11-2011, 01:35 (UTC)    
Título del mensaje:

guias-programas escribió:
Facilitarias el Trabajo y seria una respuesta mas rapida , Si le sacas una foto a tu web y marcas que img quieres sacar :D


A ver la imagen en la web es esta:

http://img835.imageshack.us/img835/8276/fotody.jpg

la URL para ver la imagen "aislada" es esta:

http://theme.webme.com/designs/iceblue/images/navi_ende.gif


y ya explicar mas creo que es imposible.

¿ COMO CAMBIO ESA IMAGEN EN LA PLANTILLA ICE BLUE POR OTRA ?

Gracias
Mensaje13-11-2011, 01:41 (UTC)    
Título del mensaje:

guias-programas escribió:
@webmicro

Si no te sirvio la explicacion de @ayuda031
Puedes Mirar la web de TokArg , Donde el Tiene
Un sistema de ICEBLUE

Cita:
http://tokarg.es.tl/Ice-Blue-Interactivo.htm


SALUDOS !


En las instrucciones de esa web hay un error. Si lo pruebas, verás que no funciona.


Enlace donde lo pone: http://tokarg.es.tl/Ice-Blue-Interactivo.htm

Este code no es cierto que funcione cambiando la URL de la nueva imagen para que se cambie la imagen de la columna 13:


Código:


Barra izquierda [Barra izquierda]
Tamaño ideal: 185 px (ancho) x 198 px (alto)
Personalizar imagen:
<style type="text/css">

td.edit_below_nav{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>



Pruebalo y veras como justamente la imagen que yo quiero cambiar sigue saliendo SIEMPRE.


Ultima edición por webmicro el Sab Nov 12, 2011 9:42 pm; editado 1 vez
Mensaje13-11-2011, 01:43 (UTC)    
Título del mensaje:

Con este Codigo modificas la Imagen , Se pèga en Por Encima de La Pagina !

Cita:
<style type="text/css">
td.edit_below_nav{background-image:url(COLOCAR URL DE LA IMAGEN);}

</style>



Saludos !


EDITADO: Disculpa , tienes razon el codigo no canbia la img , Lo mejor seria consegir una plantilla IceBlue , y Modifcarla desde 0 , O Creandola con diferentes imagenes

CoN los nUmeros puedes Mirar aki http://tokarg.es.tl/Ice-Blue-Interactivo.htm
Asi te lo Modificas

Cita:
<style type="text/css">
body{background-image:url(URL IMAGEN 14);}
td.edit_navi_headbg{background-image:url(URL IMAGEN 5);}
td.edit_rechts_cbg{background-image:url(URL IMAGEN 13);}
td.edit_rechts_bottom{background-image:url(URL IMAGEN 6);}
td.edit_header_full{background-image:url(URL IMAGEN 10);}
td.nav_heading{background-image:url(URL IMAGEN 11);}
td.nav{background-image:url(URL IMAGEN 12);}
td.nav:hover{background-image:url(URL IMAGEN 12- HOVER);}
td.sidebar_heading{background-image:url(URL IMAGEN 9);}
td.shouty{background-image:url(URL IMAGEN ;}
td.shouty2{background-image:url(URL IMAGEN ;}
td.shouty3{background-image:url(URL IMAGEN ;}
td.shouty4{background-image:url(URL IMAGEN ;}
td.shouty5{background-image:url(URL IMAGEN ;}
td.edit_rb_footer{background-image:url(URL IMAGEN 7);}
td.edit_content_top{background-image:url(URL IMAGEN 1);}
td.edit_content{background-image:url(URL IMAGEN 2);}
td.edit_content_bottom{background-image:url(URL IMAGEN 3);}
td.edit_content_bottom2{background-image:url(URL IMAGEN 4);}
td.edit_below_nav{visibility:hidden;} td.edit_rechts_sbg{visibility:hidden;}
</style>


Ultima edición por guias-programas el Sab Nov 12, 2011 9:50 pm; editado 2 veces
Mensaje13-11-2011, 02:07 (UTC)    
Título del mensaje:

Ya dije que esa web

http://tokarg.es.tl/Ice-Blue-Interactivo.htm

tiene un error en lo que se refiere a la imagen que quiero cambiar.


Acceder a una plantilla ICE BLUE partiendo de cero, creo que tampoco serviría.

Creo que el error de ICE BLUE es que DEBERÍA generar para "esa imagen" una linea así :

Código:


<td width="185" height="198" align="left" valign="top" background="http://theme.webme.com/designs/iceblue/images/navi_ende.gif" class="edit_below_nav">



... En vez de generarla de esta otra manera que sospecho no es sustituible tocando código CSS en la plantilla.


Código:


<td class="edit_below_nav"> <img src="http://theme.webme.com/designs/iceblue/images/navi_ende.gif" width="185" height="198">
</td>



La cuestión es:

¿COMO RESOLVEMOS ESTE PROBLEMA... Para que sea posible sustituir la imagen http://theme.webme.com/designs/iceblue/images/navi_ende.gif por otra ?

Gracias


Ultima edición por webmicro el Sab Nov 12, 2011 10:10 pm; editado 2 veces
Mensaje13-11-2011, 02:26 (UTC)    
Título del mensaje:

Hola el codigo este:
Código:
<style type="text/css">
td.edit_below_nav{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>

Pero esta tiene un error la imagen si es sustituida pero nose porque vuelve a la normalidad.
por eso en las creacion de plantillas ice blue desactivan esa parte con el sigueinte codigo:
Código:
td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}

______________
http://img.webme.com/pic/a/ayuda031/firma012221.png imagen redimensionada por exceso de tamaño
Mensaje13-11-2011, 02:41 (UTC)    
Título del mensaje:

ayuda031 escribió:
Hola el codigo este:
Código:
<style type="text/css">
td.edit_below_nav{background-image:url(COLOCAR URL DE LA IMAGEN);}
</style>

Pero esta tiene un error la imagen si es sustituida pero nose porque vuelve a la normalidad.
por eso en las creacion de plantillas ice blue desactivan esa parte con el sigueinte codigo:
Código:
td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}


Gracias, pero eso solo confirma que el problema existe y no lo resuelve.

Yo si se cual es la razón por la cual la imagen no se cambia, lo puse en la entrada anterior:

La imagen está en un tag "<img src=...>" en vez de estar en un tag "<td class=... background=...>"

Por eso con el código CSS no se puede cambiarla.., a menos que exista (yo no lo conozco) otra manera por CSS de cambiar una imagen por otra imagen.


Es lo que estoy preguntando: ¿Como cambio esa imagen por otra? ¿Alguien lo sabe?


Saludos,


Ultima edición por webmicro el Sab Nov 12, 2011 10:43 pm; editado 3 veces
Mensaje16-11-2011, 01:40 (UTC)    
Título del mensaje:

Si no se puede creo que es mejor cerrar el tema y en vez de poner resuelto ponerle en el titulo (SIN RESOLVER)

Saludos,


Ultima edición por webmicro el Mar Nov 15, 2011 9:40 pm; editado 1 vez
Mensaje16-11-2011, 01:58 (UTC)    
Título del mensaje: Re: [SIN RESOLVER] sustituir en ICE BLUE una "TD IMG&am

Creo que el codigo que estas buscando es este:

Cita:
<style type="text/css">
td.shouty,.shouty2,.shouty3,.shouty4,.shouty5{background-image:url(COLOCAR URL DE LA IMAGEN);}
td.shouty,.shouty2,.shouty3,.shouty4,.shouty5{visibility: hidden;}
</style>

La imagen debe ser de un ancho de 185 px .

Bueno espero que te ayuda eso
______________
Es una reina, es una reina, fiesta fiesta. Tito el bambino


Ultima edición por brianpwg el Mar Nov 15, 2011 9:58 pm; editado 1 vez
Mensaje16-11-2011, 03:33 (UTC)    
Título del mensaje: Re: [SIN RESOLVER] sustituir en ICE BLUE una "TD IMG&am

Lo siento por postear tan tarde, no había visto el tema xd

Con css no es posible, amenos de que se editara un poco el html de PWG...

la solución es simple, con jquery

pegue esto en Editar diseño -> opciones avanzadas -> texto por encima de la web
Cita:
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".edit_below_nav img").attr({
src: 'URL DE LA IMAGEN POR LA QUE QUIERA SUSTIRUIR'
});
});
</script>


por arte de magia el atributo src de la imagen habrá cambiado

saludos!
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */


Ultima edición por buzzdungeon el Mar Nov 15, 2011 11:38 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group