[Ayuda] Intento instalar barras en el header...
Intento instalar barras en el header con el siguiente tutorial [MOD] Barras en Header
El codigo es este
En el tutorial, no incluye las imagenes, yo con el propio paint las he sacado y las he guardado en la carpeta images
![[Image: i51z03.png]](http://i47.tinypic.com/i51z03.png)
![[Image: s1ovhg.png]](http://i50.tinypic.com/s1ovhg.png)
Y el resultado es este, no salen las imagenes, solo el texto.
![[Image: EDobq.png]](http://i.imgur.com/EDobq.png)
En teoria deberia salir algo asi:
![[Image: Iz3gLwXV.png]](http://screenshotuploader.com/i/01/Iz3gLwXV.png)
¿Que hice mal?
El codigo es este
<div class="anunciobar1">
<label>Nuevo:</label>
<strong style="color: maroon">Aqui contenido - </strong><span>Mas Contenido <strong>Contenido</strong> Mas 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
Y el resultado es este, no salen las imagenes, solo el texto.
En teoria deberia salir algo asi:
¿Que hice mal?
obviamente lo que se nota es que posiblemente no agregaste los valores al global.css, eso sería lo único
facepalm, eso está en el link que pusiste antes xD
ah, vi tu global.css y claramente no lo pusiste, así que agregalo.
eso lo pones en tu global.css al final supongo
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
exacto, al copiar y pegar se agregan solos, por eso es recomendable que al seguir un tutorial primero pegues en un block de notas
7 Dec, 2012, 2:51 pm Cluster wrote:
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.![[Image: i6eGq.png]](http://i.imgur.com/i6eGq.png)