color de fondo

  • Este debate tiene 16 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 14 años, 8 meses por Anónimo.
Mostrando 16 respuestas a los debates
  • Autor
    Entradas
    • #82893
      Anónimo
      Invitado

      Hola a todos. Me gustaria saber como tengo que hacer para colocar un color de fondo en los modulos?

    • #82895
      redloModerador Foro
      Participante

      Bueno, eso depende del modulo, di el nombre del mismo y fijate si tiene la opcion “Sufijo de la clase del módulo”

    • #82904
      Anónimo
      Invitado

      Si. La mayoria tiene el “sufijo de la clase”. Que debo colocar ahi?

    • #82906
      redloModerador Foro
      Participante

      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.

    • #82917
      Anónimo
      Invitado

      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.

    • #83024
      redloModerador Foro
      Participante

      Prueba con esto por ejemplo _red como ves el guion bajo. Deberia funcionar.

    • #83035
      Anónimo
      Invitado

      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

    • #83041
      Anónimo
      Invitado

      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.

    • #83048
      Anónimo
      Invitado

      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
      ——————————————————— */

    • #83050
      redloModerador Foro
      Participante

      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 1

    • #83061
      Anónimo
      Invitado

      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

    • #83062
      Anónimo
      Invitado

      creo que es tiempo de cambiar el favicon

    • #83064
      Anónimo
      Invitado

      FAVICON? Y ESO? JA JA, se olvidan de mis escasos conocimientos. :side:

    • #83088
      Anónimo
      Invitado
    • #83101
      redloModerador Foro
      Participante

      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.

    • #83247
      Anónimo
      Invitado

      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

    • #83303
      Anónimo
      Invitado

      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

Mostrando 16 respuestas a los debates
  • El foro ‘Modulos’ está cerrado y no se permiten nuevos debates ni respuestas.
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad