Páginas (2): 1 2   
Kevinex   13 Apr, 2011, 4:50 pm
#1
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
#2
Estan buenas, gracias Kevinex Big Grin
Cluster   13 Apr, 2011, 5:02 pm
#3
lindo aunque les agregaria CSS a los bordes (redondear)

Smile
Kevinex   13 Apr, 2011, 5:05 pm
#4
(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
#5
...>.>?

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.

[Imagen: signature.png]

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;
shater   15 Apr, 2011, 4:36 pm
#6
[highlight=#ffffff]muy bueno rep +1 kevin Wink

saludos
[/highlight]
-NaKu-   17 Aug, 2011, 2:11 am
#7
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
#8
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.

[Imagen: signature.png]

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;
-NaKu-   17 Aug, 2011, 2:54 am
#9
papi   17 Aug, 2011, 3:23 am
#10
Páginas (2): 1 2   
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.