Eliop
Lambda
Verificación en dos pasos activada
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.
