Barras de Anuncios Elegantes v2.0

Kevinex 13 Apr, 2011, 4:50 pm

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

Última modificación: 16 Nov, 2013, 7:08 pm por THExBULLA.

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

Gustavo R. 13 Apr, 2011, 4:59 pm

Estan buenas, gracias Kevinex Big Grin

[Imagen: l7Qimoa.png]

Cluster 13 Apr, 2011, 5:02 pm

lindo aunque les agregaria CSS a los bordes (redondear)

Kevinex 13 Apr, 2011, 5:05 pm

(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

Omar G. 13 Apr, 2011, 6:11 pm

...>.>?

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.

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;

shater 15 Apr, 2011, 4:36 pm

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

saludos
[/highlight]

-NaKu- 17 Aug, 2011, 2:11 am

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

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

Omar G. 17 Aug, 2011, 2:29 am

Solo cambia esto:

<p class="anuncio">

Por alguno de estos:

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

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;

-NaKu- 17 Aug, 2011, 2:54 am

papi 17 Aug, 2011, 3:23 am

#10