Intento instalar barras en el header...

cerezas6 7 Dec, 2012, 8:43 am

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

El codigo es este

Código PHP:
<?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]

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?

waylayer 7 Dec, 2012, 9:22 am

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

cerezas6 7 Dec, 2012, 9:44 am

(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

waylayer 7 Dec, 2012, 9:48 am

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.

Cluster 7 Dec, 2012, 12:14 pm

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

waylayer 7 Dec, 2012, 2:46 pm

(7 Dec, 2012, 12:14 pm)Cluster escribió:   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?

Cluster 7 Dec, 2012, 2:51 pm

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

cerezas6 8 Dec, 2012, 4:04 am

(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 resultado Big Grin

. Agradezco mucho la paciencia que teneis conmigo, gracias a todos! Solucionado, podeis cerrar el tema.

[Imagen: i6eGq.png]

[Ayuda] Intento instalar barras en el header...