MyBB-Es.com

13-04-2011 06: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:

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

Las imágenes las dejo adjuntas Gran sonrisa

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

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

2,359 · 13-04-2011 06:59 PM

Estan buenas, gracias Kevinex Gran sonrisa

4,274 · 13-04-2011 07:02 PM

lindo aunque les agregaria CSS a los bordes (redondear)

13-04-2011 07:05 PM

(13-04-2011 07: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 Gran sonrisa

3,515 · 13-04-2011 08: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.

15-04-2011 06:36 PM

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

saludos
[/highlight]

17-08-2011 04:11 AM

Hola, muy buen tutorial y aportación Gran sonrisa

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>

3,515 · 17-08-2011 04:29 AM

Solo cambia esto:

Código:

<p class="anuncio">

Por alguno de estos:

Código:

<p class="importante">

<p class="premios">

17-08-2011 04:54 AM

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?

17-08-2011 05:23 AM

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 Guiño

MyBB-Es.com

Iniciar sesión

MyBB-Es.com

Más..

MyBB-Es.com

Iniciar sesión

MyBB-Es.com

Copyright ©

Más..