Barra Flotante (・∀・ )




Konbanwa! Después de tanto tiempo TuT pues la verdad he estado bastante ocupada con el tema de la escuela y pues mas difícil aún ya que asisto a una nueva escuela así que me llevará tiempo tomar confianza, en fin , disculpen por mi ausencia en el blog como les dije he estado ocupada tengo trabajos para exponer y más, trataré de publicar este fin de semana y pues la próxima semana definitivamente publicaré ya que hay dos días feriados por cual me parece excelente  ⊙ω⊙.
Vayamos con el tema, pues verán hoy les traigo un tutorial de una barra flotante que se vería así:



LIVE PREVIEW

Es una barra que se queda estática mientras deslizas el mouse por el todo el blog n.n , así que si te interesa vamos con el tutorial:3


PLANTILLAS BLOGGER

Nos dirigimos a :

Diseño > Añadir un gadget > HTML/JAVASCRIPT

Añadimos este código:


<div style="background-image: url('http://www.cenefasinfantiles.com/playdate/pag_68.jpg'); border-bottom: 1px solid; border-bottom: 3px solid #FFFFFF; border-top: 3px solid #FFFFFF; color: #FFFFFF; font-family: freestyle script; font-size: 40px; height: 50px; left: 0px; letter-spacing: 1px; overflow-x: hidden; overflow-y: hidden; padding: 9px; position: fixed; text-shadow: 4px 4px 5px #FFFFFF; top: 10px; width: 100%; z-index: 100;"><center>Be Free!</center></div>
Color de borde de la parte superior e inferior.
Url del fondo.
Color del texto.
Color del borde.
El texto que desees.

Espero el tutorial les haya servido n.n , si tienen alguna duda no olviden preguntar, pues nada hasta aquí hoy, nos vemos en un próximo post,bai :3


PD:
Espero poder publicar más seguido,so.


 

2 comentarios:

Park Byunpum dijo...

hola~!espero que estes genial en la nueva escuela^^
y gracias por la tuto~
saludos~

кuму dijo...

Muchas gracias eso viene bien para poner hiatus xD