Foros del Web » Creando para Internet » CSS »

Propiedades de un ID en CSS

Estas en el tema de Propiedades de un ID en CSS en el foro de CSS en Foros del Web. Bueno de antemano muchos saludos a todos y les agradezco la ayuda que me puedan brindar. El problema es que quiero modificar la imagen de ...
  #1 (permalink)  
Antiguo 09/12/2008, 03:44
Avatar de La_pcra  
Fecha de Ingreso: diciembre-2008
Mensajes: 6
Antigüedad: 9 años
Puntos: 1
Propiedades de un ID en CSS

Bueno de antemano muchos saludos a todos y les agradezco la ayuda que me puedan brindar.

El problema es que quiero modificar la imagen de fondo de los box de una plantilla, el problema es que es prediseñada y no se mucho de css el codigo que quiero modificar es el siguiente: ( no lo pongo todo para no confundirlos )

Código:
class="edit_rb_footer" id="edit_rb_footer_1">

class="edit_rb_footer" id="edit_rb_footer_2">
Como veran el class es el mismo, pero el id es distinto. Mi pregunta es ¿Como le puedo hacer para modificar la ID?, por que ya modifique el CLASS pero me pone la misma imagen en FOOTER_1,_2, etc

entonces como es una plantilla ya predeterminada me preguntaba si en lugar de modificar el CLASS podria modificar el ID.

Yo hice lo siguiente:

Código:
Por defecto viene asi:

td.edit_rb_footer{background-image:url(Aqui modifico el codigo como quiero pero como les habia dicho me pone lo mismo en todas las ID);widht: 168px;height: 48px;background-color:#091833;background-repeat: no-repeat;} 

Intente con esto:

td.edit_rb_footer_1{background-image:url(Es el nombre de la ID pero no me lo toma);widht: 168px;height: 48px;background-color:#091833;background-repeat: no-repeat;}

¿Que es lo que puedo hacer ?

Muchas gracias y espero su ayuda. Saludos y buen dia.
  #2 (permalink)  
Antiguo 09/12/2008, 03:59
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Propiedades de un ID en CSS

Si lo que quieres es modificar la imagen de fondo, lo que tienes que hacer es retocar la imagen con algún programa y guardarla con el mismo nombre...
Lo que pasa es que lo que querias hacer era modificar el id y en tu intento estás modificando la clase, y claro como en el html no existe una clase "edit_rb_footer_1" sino que es un id...
Podrías probar así...
#edit_rb_footer_1 td{background-image:url(ruta);widht: 168px;height: 48px;background-color:#091833;background-repeat: no-repeat;}

aunque habría que verlo con más detalle porque modificando un template puede haber muchas cosas que interfieren...

Si tienes un link a la web nos sería de gran ayuda...

Aresillo!!
  #3 (permalink)  
Antiguo 09/12/2008, 14:01
Avatar de La_pcra  
Fecha de Ingreso: diciembre-2008
Mensajes: 6
Antigüedad: 9 años
Puntos: 1
Respuesta: Propiedades de un ID en CSS

Bueno muchas gracias Aresillo, aqui te dejo mi pagina web; http://lapcra.es.tl la idea es modificar uno de los modulos de la derecha, para hacer un modulo de eventos; hice un diseño navideño pero no puedo modificar solo uno, ya que como habia comentado se modifican todos los modulos

Probe con el codigo:

#edit_rb_footer_1 td{background-image:url(ruta);widht: 168px;height: 48px;background-color:#091833;background-repeat: no-repeat;}

Pero no dio resultado alguno, les agredezco la ayuda.
  #4 (permalink)  
Antiguo 09/12/2008, 14:10
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Propiedades de un ID en CSS

Pufff..
Está todo maquetado con tablas... y me es una locura...
Qué estáas utilizando? joomla o que? o está hecho mano?
Dame info...

Aresillo!!
  #5 (permalink)  
Antiguo 09/12/2008, 15:18
Avatar de La_pcra  
Fecha de Ingreso: diciembre-2008
Mensajes: 6
Antigüedad: 9 años
Puntos: 1
Respuesta: Propiedades de un ID en CSS

El servicio que ocupo se llama PWG (Pagina Web Gratis) y puedes elegir entre varias plantillas y despues modificarlas a tu gusto, modificando el siguiente codigo:


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

<!--
body{background-image:url(URL DE IMAGEN);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
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> 


Espero sirva de algo.
  #6 (permalink)  
Antiguo 10/12/2008, 13:44
Avatar de La_pcra  
Fecha de Ingreso: diciembre-2008
Mensajes: 6
Antigüedad: 9 años
Puntos: 1
Respuesta: Propiedades de un ID en CSS

Mmmmm me parece que no hay solución, no puedo hacer alguna otra cosa?
  #7 (permalink)  
Antiguo 10/12/2008, 20:14
 
Fecha de Ingreso: noviembre-2008
Mensajes: 94
Antigüedad: 9 años
Puntos: 6
Respuesta: Propiedades de un ID en CSS

Para modificar una clase usas el punto (.):

.nombredelaclase { estilos }

Pero para modificar un id usas el símbolo de número (#)

#nombredelid { estilos }

O sea que para cambiar el fondo de cada id simplemente pones:

.clase { colores y eso que sean iguales para todos los ids y demás elementos de esta clase }
#id1 { fondo y demás cosas únicas a este id }
#id2 { otras cosas únicas de este id }
  #8 (permalink)  
Antiguo 10/12/2008, 23:57
Avatar de La_pcra  
Fecha de Ingreso: diciembre-2008
Mensajes: 6
Antigüedad: 9 años
Puntos: 1
Respuesta: Propiedades de un ID en CSS

Muchisimas gracias rb3m. Ahora ya esta solucionado mi problema, ya podre poner mi modulo de eventos. Te lo agradezco muchisimo, eres un crack.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:40.