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:
2. Después nos vamos a Plantillas -> Elegis tu template -> Índice - Plantillas -> index -> Agregamos esto debajo de {$header}:
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:
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.
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:
Ú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
Estan buenas, gracias Kevinex
(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
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.
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.
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" ?
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:
Por alguno de estos:
Código:
<p class="anuncio">Por alguno de estos:
Código:
<p class="importante">
<p class="premios">
Puedes editar el index para que quede asi el final
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
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