- Desde
- 12 Jun 2011
- Mensajes
- 2.879
Hola 
.
Tengo unos sitios donde añado diferentes mensajes arriba del header para mantener a los usuarios felices y que compartan tal mensajes, usualmente usaba una herramienta muy linda llamada HelloBar pero la única versión free era limitada y te añadía una marca de agua hacía su sitio. En fin, buscando y buscando me encontré con un excelente textbar y acá lo añado por si alguno le interesa.
¿Cuál será el resultado final?
Inicio:
Es demasiado fácil yo me lié un poco pero el peor amigo que tengo [MENTION=23219]Camilo Garcia[/MENTION] (mentira :love_heart: ) me ayudo con la nobatada que me faltaba.
Lo primero es irnos a nuestro style.ccs y al final añadimos:
Guardamos y nos vamos al sección donde queremos que aparezca la barra, en mi caso sería header.php así que, buscamos la sección </header> y justo antes pegamos lo siguiente:
Y eso es todo.
Quizás para ver la barra tengan que deloguearse ya que la barra de WP no me dejaba ver la nueva barra de texto, por otro lado, SI GUARDAN Y NO VEN NADA, presionen Ctrl + f5 para borrar cache.
Fuente del tutorial original | zackeryfretty
Un saludo.
.Tengo unos sitios donde añado diferentes mensajes arriba del header para mantener a los usuarios felices y que compartan tal mensajes, usualmente usaba una herramienta muy linda llamada HelloBar pero la única versión free era limitada y te añadía una marca de agua hacía su sitio. En fin, buscando y buscando me encontré con un excelente textbar y acá lo añado por si alguno le interesa.
¿Cuál será el resultado final?
Inicio:
Es demasiado fácil yo me lié un poco pero el peor amigo que tengo [MENTION=23219]Camilo Garcia[/MENTION] (mentira :love_heart: ) me ayudo con la nobatada que me faltaba.
Lo primero es irnos a nuestro style.ccs y al final añadimos:
Insertar CODE, HTML o PHP:
.hellobar {
padding-top: 3px;
height: 25px;
background: green;
color: white;
border-bottom: grey solid 5px;
box-shadow: 0 0 10px #999;
position: fixed;
width: 100%;
z-index: 1;
top: 0px;
}
.hellobar a {
color:white;
}
.hellobar a:hover {
color:white;
background:black;
}Guardamos y nos vamos al sección donde queremos que aparezca la barra, en mi caso sería header.php así que, buscamos la sección </header> y justo antes pegamos lo siguiente:
Insertar CODE, HTML o PHP:
<div class="hellobar">
<center>Awesome Stuff <a herf="http://your-awesome-url.com">Click here to learn more!</a></center>
</div>Y eso es todo
.Quizás para ver la barra tengan que deloguearse ya que la barra de WP no me dejaba ver la nueva barra de texto, por otro lado, SI GUARDAN Y NO VEN NADA, presionen Ctrl + f5 para borrar cache.
Fuente del tutorial original | zackeryfretty
Un saludo.
