Tú Carrito esta vacío
Resultados 1 al 2 de 2

Temas similares

  1. No se me ve el banner Respuestas: 0
    Por marian_racing77 en el foro vBadvanced CMPS
  2. Por ferran en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  3. Por Kerozzene en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  4. banner Respuestas: 1
    Por nexovirtual en el foro Archivos de vBulletin 3.0 - 3.7
  1. #1
    Miembro especial Miembro de oro Array
    Fecha de ingreso
    30 ene, 09
    Mensajes
    142
    Gustado
    1 Veces
    Me Gustan
    4 Veces

    Predeterminado CSS para banner dinámico

    Hola.

    Necesito ayuda para crear un código que expanda el header de un foro de manera apropiada.

    Mi idea es la de crear dos partes del banner y que la parte de la dcha. colapse a la izq. llegado a un punto, es decir, llegado a un tamaño de pantalla que se vaya acortando hasta un límite establecido (el de la parte izq donde iría el logo).



    Este es el código de la parte del header, pero no colapsa la parte de la dcha. con la izq:

    <td align="left" valign="top"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/head_left2.gif" border="0" alt=""/></a></td>

    <td align="right" valign="bottom"><img src="$stylevar[imgdir_misc]/head_right2.gif" alt="" /></td>


    Gracias y un saludo


    PD: Un ejemplo de lo que me refiero se puede ver en el banner de la página driverheaven.net, aunque en ésta son tres partes y no dos como había planeado, aunque también podría servir ya que el fondo que uso es bastante homogéneo

  2. #2
    Miembro especial Miembro de platino Array Avatar de Daniel B.
    Fecha de ingreso
    25 abr, 09
    Ubicación
    cl 56 Nicolas de Federman, Apt 402
    Mensajes
    313
    Gustado
    19 Veces
    Me Gustan
    2 Veces

    Predeterminado Re: CSS para banner dinámico

    Hola,

    Si comprendo bien, esto te puede ayudar:
    Código:
    /* ENCABEZADO */
    .encabezado, .encabezado .eizq {
    	background: #3E4C59 url("imagen.gif") repeat-x top left;
    }
    .encabezadoTabla {
    	height: 95px;
    	border-collapse: collapse;
    }
    .encabezadoTabla {
    	width: 100%;
    }
    .encabezado .izq{
    	padding: 23px 0 0 15px;
    	background: transparent url("imagen.gif") no-repeat top left;
    }
    .encabezado .der {
    	vertical-align: bottom;
    	width: 171px;
    	padding: 0 20px 20px 0;
    }
    .encabezado .med {
    	background: transparent url("imagen.gif") no-repeat top right;
    	vertical-align: bottom;
    	width: 171px;
    	padding: 0 20px 20px 0;
    }
    El código de por si se entiende, simplemente aplicas class="encabezado" a lo que lo compone, class="med/der o izq" a los patrones, si tal cosa esta en la derecha, pues "der", y tabla se puede aplicar también a "encabezado",

    Ese código lo he sacado de un website mio, pero no puedo hacer spam, no sé si puedo ponerlo para darles el ejemplo no más...