Diseño y Posicionamiento Web con Joomla › Foros › Joomla 1.5 › Modulos › color de fondo
- Este debate tiene 16 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 15 años, 2 meses por Anónimo.
-
AutorEntradas
-
-
17/07/2009 a las 20:00 #82893AnónimoInvitado
Hola a todos. Me gustaria saber como tengo que hacer para colocar un color de fondo en los modulos?
-
17/07/2009 a las 20:05 #82895Moderador ForoParticipante
Bueno, eso depende del modulo, di el nombre del mismo y fijate si tiene la opcion “Sufijo de la clase del módulo”
-
17/07/2009 a las 20:36 #82904AnónimoInvitado
Si. La mayoria tiene el “sufijo de la clase”. Que debo colocar ahi?
-
17/07/2009 a las 20:42 #82906Moderador ForoParticipante
Eso depende tambien de las clases de tu plantilla. No se cual es tu web, si me dijeras cual es, podria ayudarte mejor o la plantilla que utilizas. En ocasiones con poner por ejemplo blue es suficiente o cualquier otro color. O -green con el guion depende.
-
18/07/2009 a las 01:05 #82917AnónimoInvitado
Muchas gracias por tu explicacion
mi plantilla es : JA_Purity
mi pagina web es: http://www.deporteshurlingham.com.ar
He probado como me dijiste y no cambia nada solo el titulo del modulo. -
22/07/2009 a las 00:13 #83024Moderador ForoParticipante
Prueba con esto por ejemplo _red como ves el guion bajo. Deberia funcionar.
-
22/07/2009 a las 01:51 #83035AnónimoInvitado
Muchas gracias por todo, pero debo decirte que en tres módulos es así como me dijiste pero en otros cuatro no pasa nada. Espero respuesta si no te aburre el tema. Saludos
-
22/07/2009 a las 08:52 #83041AnónimoInvitado
Analiza el post que inicie en la siguiente direccion http://foro.comunidadjoomla.org/templates-15x/tempolete-purity-t678.html
Aparte si dominas la herramienta de firebug podras agregar el color de fondo en la parte que deseas asi sea las columnas o el modulo del contenido.
-
22/07/2009 a las 17:52 #83048AnónimoInvitado
Agradezco tu intento pero lejos estoy de tus conocimientos. Te propongo algo: copio los css y tu me dices que agrego en el sufijo del modulo o lo que debo cambiar. Muchas gracias
/* MODULE
——————————————————— */
div.moduletable,
div.moduletable_menu,
div.moduletable_text {
padding: 0 0 20px;
margin-bottom: 15px;
background: url(../images/hdot.gif) repeat-x bottom;
}div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3 {
padding: 0 0 8px;
margin: 0;
color: #7BA566;
font-size: 125%;
font-weight: bold;
text-transform: uppercase;
}/* Module rounded */
div.module h3 {
margin: 0 -15px 10px;
padding: 8px 15px 5px;
border-bottom: 2px solid #F6F6F6;
color: #7BA566;
font-size: 125%;
font-weight: bold;
text-transform: uppercase;
}div.module_black,
div.module_green,
div.module_blue,
div.module_red,
div.module {
margin-bottom: 20px;
float: left;
clear: both;
width: 100%;
background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
}div.module div {
background: url(../images/b-bl.gif) no-repeat bottom left;
}div.module div div {
background: url(../images/b-tr.gif) no-repeat top right;
}div.module div div div {
padding: 0 15px 10px;
background: url(../images/b-tl.gif) no-repeat top left;
}div.module_black div div div div,
div.module_green div div div div,
div.module_blue div div div div,
div.module_red div div div div,
div.module_text div div div div,
div.module div div div div {
margin: 0;
padding: 0;
float: none;
width: 99%;
background: none;
}div.module_text h3 {
margin: 0 0 10px;
width: 100%;
clear: both;
display: block;
overflow: hidden;
}div.module_text span {
padding: 0 3px 0 0;
float: left;
clear: both;
display: block;
background: #F6F6F6;
font-weight: bold;
}div.module_text {
margin-bottom: 20px;
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6;
}div.module_text div {
background: url(../images/bt-bl.gif) no-repeat bottom left;
}div.module_text div div {
background: url(../images/bt-tr.gif) no-repeat top right;
}div.module_text div div div {
padding: 0 15px 10px;
display: block;
background: url(../images/bt-tl.gif) no-repeat top left;
}div.banneritem_text {
padding: 5px 0 !important;
}/* red */
div.module_black h3,
div.module_green h3,
div.module_blue h3,
div.module_red h3 {
margin: 0 -15px 10px;
padding: 8px 15px 5px;
border-bottom: 1px solid #F6F6F6;
color: #FFFFFF;
font-size: 125%;
font-weight: bold;
text-transform: uppercase;
}div.module_red {
background: url(../images/br-br.gif) no-repeat bottom right #BF0000;
color: #FFFFFF;
}div.module_red div {
background: url(../images/br-bl.gif) no-repeat bottom left;
}div.module_red div div {
background: url(../images/br-tr.gif) no-repeat top right;
}div.module_red div div div {
padding: 0 15px 10px;
background: url(../images/br-tl.gif) no-repeat top left;
}/* blue */
div.module_blue {
background: url(../images/bb-br.gif) no-repeat bottom right #006699;
color: #FFFFFF;
}div.module_blue div {
background: url(../images/bb-bl.gif) no-repeat bottom left;
}div.module_blue div div {
background: url(../images/bb-tr.gif) no-repeat top right;
}div.module_blue div div div {
padding: 0 15px 10px;
background: url(../images/bb-tl.gif) no-repeat top left;
}/* green */
div.module_green {
background: url(../images/bg-br.gif) no-repeat bottom right #7BA566;
color: #FFFFFF;
}div.module_green div {
background: url(../images/bg-bl.gif) no-repeat bottom left;
}div.module_green div div {
background: url(../images/bg-tr.gif) no-repeat top right;
}div.module_green div div div {
padding: 0 15px 10px;
background: url(../images/bg-tl.gif) no-repeat top left;
}/* black */
div.module_black {
background: url(../images/bl-br.gif) no-repeat bottom right #333333;
color: #FFFFFF;
}div.module_black div {
background: url(../images/bl-bl.gif) no-repeat bottom left;
}div.module_black div div {
background: url(../images/bl-tr.gif) no-repeat top right;
}div.module_black div div div {
padding: 0 15px 10px;
background: url(../images/bl-tl.gif) no-repeat top left;
}div.module_blue ul,
div.module_blue ol,
div.module_red ul,
div.module_red ol,
div.module_black ul,
div.module_black ol,
div.module_green ul,
div.module_green ol {
margin: 0;
padding: 0;
}div.module_blue li,
div.module_red li,
div.module_black li,
div.module_green li {
margin-left: 20px;
padding: 0;
line-height: 150%;
}div.module_blue a,
div.module_red a,
div.module_black a,
div.module_green a {
color: #FFFFFF;
}div.advs {
float: left;
width: 100%;
clear: both;
display: block;
}/* LEFT COLUMN + RIGHT COLUMN
——————————————————— */ -
22/07/2009 a las 18:28 #83050Moderador ForoParticipante
Una cosa, ya que estamos con tu web, voy a ver si te puedo hechar un cable al margen del tema de los modulos y los colores de fondo.
Te dejo una captura desde una pantalla 1024×768 que es hoy dia la resolucion estandar.
Al ser tu plantilla auto ajustable segun el ancho de la pantalla cuando se visualiza con una pantalla con resolucion 1024×768 el lado derecho (la posicion right) se monta encima del cuerpo de tu web.
Posibles soluciones:
He observado que tienes selecionado el visionado de dos columnas, si lo pasas a una columna, evitaras ese problema.
¿Como? .. Accede a tu administrador en Menus / Menu Principal / inicio en “Parámetros – Básico” cambia el numero de columnas de 2 a 1Attachments: -
22/07/2009 a las 20:31 #83061AnónimoInvitado
Muy bueno. Ya lo hice y quedó bien. Que más te parece que puedo mejorar?
Como le doy un color de fondo a los artículos si quiero? Insisto con el color, ya que veo la pág. como sin vida, triste -
22/07/2009 a las 21:17 #83062AnónimoInvitado
creo que es tiempo de cambiar el favicon
-
22/07/2009 a las 21:47 #83064AnónimoInvitado
FAVICON? Y ESO? JA JA, se olvidan de mis escasos conocimientos. :side:
-
23/07/2009 a las 03:28 #83088AnónimoInvitado
-
23/07/2009 a las 12:27 #83101Moderador ForoParticipante
El tema del favicon…. Bien para cambiarlo debes ir a tu plantilla, suele estar en la carpeta raiz de tu plantilla. Para hacer tu propio favicon que aparece al lado de la direccion web en tu navegador, puedes utilizar alguna imagen y pasarla a un tamaño apropiado con extension .ico
Aqui tienes un software de facil manejo y gratuito –> http://www.icofx.ro/ Despues de crear un favicon, solo debes reemplazar el de tu plantilla que suele ser el de joomla. Cuando lo cambies, no se visualizara a la primera, deberias poder visulizarlo reinicinado tu ordenador.
-
26/07/2009 a las 03:54 #83247AnónimoInvitado
Hola amigos. He fabricado un favicom y lo subi a imagenes, ahora no encuentro el de joomla para reemplazarlo. He buscado en la plantilla (editar HTML Y editar CSS) y no lo encuentro, alguna pista más precisa? MUCHAS GRACIAS
-
27/07/2009 a las 21:36 #83303AnónimoInvitado
sipo , ahi te va, tu archivo .ico osea el icono colocalo en la raiz de tu plantilla
templates/tuplantilla/favicon.ico
Taran¡
Yo la verdad no creo que una web atascada de color se vea con vida, esto lo da el contenido y las imagenes o videos, eso levanta mucho.
bueno cuidec suerte
-
-
AutorEntradas
- El foro ‘Modulos’ está cerrado y no se permiten nuevos debates ni respuestas.