Intento instalar barras en el header con el siguiente tutorial [MOD] Barras en Header

El codigo es este

<div&nbsp;class="anunciobar1">

<label>Nuevo:</label>

<strong&nbsp;style="color:&nbsp;maroon">Aqui&nbsp;contenido&nbsp;-&nbsp;</strong><span>Mas&nbsp;Contenido&nbsp;<strong>Contenido</strong>&nbsp;Mas&nbsp;contenido...</span>

</div>

En el tutorial, no incluye las imagenes, yo con el propio paint las he sacado y las he guardado en la carpeta images

[Imagen: i51z03.png]
[Imagen: s1ovhg.png]

Y el resultado es este, no salen las imagenes, solo el texto.

[Imagen: EDobq.png]

En teoria deberia salir algo asi:

[Imagen: Iz3gLwXV.png]


¿Que hice mal?

obviamente lo que se nota es que posiblemente no agregaste los valores al global.css, eso sería lo único

obviamente lo que se nota es que posiblemente no agregaste los valores al global.css, eso sería lo único

Por favor, podias indicarme que valores hay que ingresar? Es que lo obvio conmigo no existe xDDD

facepalm, eso está en el link que pusiste antes xD

ah, vi tu global.css y claramente no lo pusiste, así que agregalo.

.anunciobar1 {

    background: url(images/anunciobar_img.png) no-repeat -6% 58% #FFF6BF;

    border: 2px solid #FFD324;

    padding: 5px 80px;

    margin-bottom: 15px;

    font-size: 14px;

    -webkit-border-radius: 5px;      

    -moz-border-radius: 5px;      

    border-radius: 5px;     

    color:#4A4A4A;

    -moz-box-shadow: -2px 2px 2px #B8B8B8;

    -webkit-box-shadow: -2px 2px 2px #B8B8B8;

    box-shadow: -2px 2px 2px #B8B8B8;

}

.anunciobar1 a:link{

color: #105209;

font-weight: bold;

text-decoration:none;

}

.anunciobar1 a:visited{

color: #105209;

font-weight: bold;

text-decoration:none;

}

.anunciobar1  a:hover, .anunciobar  a:active{

color: #C40C0C;

font-weight: bold;

text-decoration:none;

}

.anunciobar1 label {

    color: white;

    cursor: default;

    font-weight: bold;

    text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */

    -moz-text-shadow: 0 0 2px #000;

    -webkit-text-shadow: 0 0 2px #000;

}

.anunciobar2 {

    background: url(images/anunciobar_img.png) no-repeat -6% 58% #ADCBE7;

    border: 2px solid #0F5C8E;

    padding: 5px 80px;

    margin-bottom: 15px;

    font-size: 14px;

    -webkit-border-radius: 5px;      

    -moz-border-radius: 5px;      

    border-radius: 5px;     

    color:#4A4A4A;

    -moz-box-shadow: -2px 2px 2px #B8B8B8;

    -webkit-box-shadow: -2px 2px 2px #B8B8B8;

    box-shadow: -2px 2px 2px #B8B8B8;

}

.anunciobar2 label {

    color: white;

    cursor: default;

    font-weight: bold;

    text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */

    -moz-text-shadow: 0 0 2px #000;

    -webkit-text-shadow: 0 0 2px #000;

eso lo pones en tu global.css al final supongo

  es un valor que se agrega si copias de el bbcode a tu plantilla, solo transforma cada   en un espacio

  es un valor que se agrega si copias de el bbcode a tu plantilla, solo transforma cada   en un espacio

XD creo que eso se le agregó al copiar y pegar el txto aqui, no creo que lo haya puesto así... verdad?

exacto, al copiar y pegar se agregan solos, por eso es recomendable que al seguir un tutorial primero pegues en un block de notas

exacto, al copiar y pegar se agregan solos, por eso es recomendable que al seguir un tutorial primero pegues en un block de notas

Tienes razón, es lo mas recomendable, ya he conseguido solucionar el problema y me encanta el resultado. Agradezco mucho la paciencia que teneis conmigo, gracias a todos! Solucionado, podeis cerrar el tema.

[Imagen: i6eGq.png]