Soporte » Diseño – Temas y plantillas » Linea fija superior de dos colores en un tema

  • Resuelto AndresCuneo

    (@andrescuneo)


    Hola a todos. Estoy desarrollando un sitio en WordPress y estoy en las primeras etapas.

    El cliente exige incluir el elemento superior que pueden ver en esta página, que es una línea fija de dos colores azul y amarillo anaranjado, que cubre el 100% del ancho y aparece en el tope de la pantalla: https://www.usach.cl/

    Este elemento tiene que estar presente en todas las páginas del sitio web.

    Sólo requiero la línea superior. El menú lo construiré como elemento aparte, probablemente con Visual Composer.

    Me gustaría saber cómo puedo incluir este elemento en el sitio que estoy creando.

    De antemano muchas gracias y quedo atento.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Moderador almendron

    (@almendron)

    Dada la posición de la línea, lo normal sería incluirla en el archivo header.php.

    La forma concreta de hacerlo ya es cosa tuya (imagen, div, etc).

    Iniciador del debate AndresCuneo

    (@andrescuneo)

    Hola, Almendrón, muchas gracias por tu respuesta.

    Estaba pensando en hacerlo con div precisamente sin imagen, pero me compliqué con el código dado que como puede verse tiene una división en dos colores.

    ¿Me podrías ayudar cómo quedaría el css más o menos? Te lo agradecería muchísimo 🙂

    ¡Saludos!

    Moderador almendron

    (@almendron)

    Crea una división y luego dentro de ella crea otras dos (cada una de ellas con una línea de distinto color).

    Moderador jose64

    (@jose64)

    Hola

    Si usas el inspector de elementos verás que la línea azul es una imagen y la naranja es el fondo repetido hasta cubrir. Si varías el tamaño de la página ya verás como las lineas no mantienen la proporcionalidad.

    -ttps://www.usach.cl/sites/all/themes/responsive/images/linx1.jpg

    -ttps://www.usach.cl/sites/all/themes/responsive/images/line.jpg

    Puedes seguir por esa vía también.

    Recuerda cerrar el tema si ya lo tienes claro marcando el debate como resuelto.

    Iniciador del debate AndresCuneo

    (@andrescuneo)

    Muchas gracias. Ya lo tengo listo pero no logro dar con el atributo para que el div aparezca en el tope de la página, inmediatamente después de la barra de direcciones del navegador. Si pongo el código en la sección head de la cabecera aparece unos 20 pixeles más abajo.

    Es muy fácil @andrescuneo comienza por aquí https://developer.mozilla.org/es/docs/Learn/CSS/Introduction_to_CSS/Como_funciona_CSS verás como ahí está la solución.

    Iniciador del debate AndresCuneo

    (@andrescuneo)

    Resuelto.

    ¡Muchas gracias a todos!

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • El debate ‘Linea fija superior de dos colores en un tema’ está cerrado a nuevas respuestas.