Barras de Anuncios Elegantes v2.0
Bueno amigos, estas barras de anuncios las uso desde hace tiempo, se ven más bonitos por lo menos para mi sí xD, bueno vamo con el tutoo! 1. Nos vam...

Bueno amigos, estas barras de anuncios las uso desde hace tiempo, se ven más bonitos por lo menos para mi sí xD, bueno vamo con el tutoo!

1. Nos vamos a Estilos -> Tu estilo que usas -> global.css -> Modo avanzado -> Agregamos esto:

Código:
/* BARRITAS */
.anuncio {
    background: url(images/anuncio.png) 4px 8px no-repeat #fbf8f4;
    padding: 4px 4em;
    margin: 0.5em auto 0 auto;
    border: solid 1px #ddd;
    font-weight: bold;
}

.importante {
    background: url(images/importante.png) 4px 8px no-repeat #F7F8E0;
    padding: 4px 4em;
    margin: 0.5em auto 0 auto;
    border: solid 1px #ddd;
    font-weight: bold;
}

.premios {
    background: url(images/premios.png) 4px 8px no-repeat #ECF8E0;
    padding: 4px 4em;
    margin: 0.5em auto 0 auto;
    border: solid 1px #ddd;
    font-weight: bold;
}

2. Después nos vamos a Plantillas -> Elegis tu template -> Índice - Plantillas -> index -> Agregamos esto debajo de {$header}:

Código:
<p class="anuncio"><span style="color: #993300;"><strong>Anuncio:</strong></span> <a href="URL">TEXTO.</a> (FECHA)</p>

Cuando vas agregar más cosas, solo cambias lo que dice "anuncio" por "importante" o "premios", los podes editar a tu gusto. Smile

Las imágenes las dejo adjuntas Big Grin

Demo: http://www.libelux.com/index.php

Eso es todo, espero les sirva y lo usen sino me enojo ¬¬ jajajaja xD :thumbsup:
www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda
Última modificación: 16 Nov, 2013, 7:08 pm por THExBULLA.
lindo aunque les agregaria CSS a los bordes (redondear)
:)
(13 Apr, 2011, 5:02 pm)Solstice escribió: lindo aunque les agregaria CSS a los bordes (redondear)

Sí, aunque ta muy quemado lo de los bordes, por eso ta mejor así ♥ igual el que lo use lo puede poner Big Grin
www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda
...>.>?

xD La verdad si me fascinan las tuyas (las barras >.>) pero ese estilo las uso mas para barras con mycode de moderación ya que me parecen mejor para eso.
{SIGNATURE_IMAGE}
[highlight=#ffffff]muy bueno rep +1 kevin Wink

saludos
[/highlight]
Hola, muy buen tutorial y aportación Big Grin

A que te refieres con: "Cuando vas agregar más cosas, solo cambias lo que dice "anuncio" por "importante" o "premios", los podes editar a tu gusto."

Hay que añadir dos más de estos y poner "importante" o "premios" ?
Código:
<p class="anuncio"><span style="color: #993300;"><strong>Anuncio:</strong></span> <a href="URL">TEXTO.</a> (FECHA)</p>
Solo cambia esto:
Código:
<p class="anuncio">

Por alguno de estos:
Código:
<p class="importante">
<p class="premios">
{SIGNATURE_IMAGE}
Y también cambiar esto no?

Código:
<strong>Anuncio:</strong>

Por:

Código:
<strong>Importante:</strong>
<strong>Premios:</strong>

O solo es lo que tu me dijiste?
Puedes editar el index para que quede asi el final
Código:
<p class="anuncio"><span style="color: #993300;"><strong>Anuncio:</strong></span> <a href="URL">TEXTO.</a> (FECHA)</p>
<p class="importante"><span style="color: #993300;"><strong>Anuncio:</strong></span> <a href="URL">TEXTO.</a> (FECHA)</p>
<p class="premios"><span style="color: #993300;"><strong>Anuncio:</strong></span> <a href="URL">TEXTO.</a> (FECHA)</p>

Con eso consigues tres barras de anuncios. Tambien puedes cambiarle el color del texto (es puro html) o poner mas anuncios, pero en ese caso deberas editar el global.css para añadir mas clases a as que añadiste antes (.anuncio, .importante y .premios) con sus respectivas propiedades Wink