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:

/* 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}:

<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.

Las imágenes las dejo adjuntas

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

Eso es todo, espero les sirva y lo usen sino me enojo ¬¬ jajajaja xD :thumbsup:

Estan buenas, gracias Kevinex

lindo aunque les agregaria CSS a los bordes (redondear)

13 Apr, 2011, 5:02 pm Solstice wrote:
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

...>.>?

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.

[highlight=#ffffff]muy bueno rep +1 kevin

saludos
[/highlight]

Hola, muy buen tutorial y aportación

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" ?

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

Solo cambia esto:

<p class="anuncio">

Por alguno de estos:

<p class="importante">
<p class="premios">