[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 <div&nbsp;class="anunciobar1"> <label>Nuev...

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

El codigo es este

Código PHP:
<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
(7 Dec, 2012, 9:22 am)waylayer escribió: 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.


Código:
.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
Última modificación: 7 Dec, 2012, 9:49 am por ivnic.
&nbsp; es un valor que se agrega si copias de el bbcode a tu plantilla, solo transforma cada &nbsp; en un espacio
:)
(7 Dec, 2012, 12:14 pm)Cluster escribió: &nbsp; es un valor que se agrega si copias de el bbcode a tu plantilla, solo transforma cada &nbsp; 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
:)
(7 Dec, 2012, 2:51 pm)Cluster escribió: 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 resultadoBig Grin. Agradezco mucho la paciencia que teneis conmigo, gracias a todos! Solucionado, podeis cerrar el tema.

[Imagen: i6eGq.png]