Holaaaaque tal? he podido sacar tiempo para poder publicaros un tutorial, la verdad que me gustaría que me dijerais que os gustaría que os publicara ya que yo tengo ideas pero quizás preferís que haga lo que vosotras o vosotros me pedís así que si no os importa me gustaría que me dijerais abajo en los comentarios QUE QUERÉIS QUE PUBLIQUEAhora dejando a un lado la pregunta vamos con el tutorial que es de como poner el tooltip al que llamé
Elegant Tooltip
- Plantilla
- Edicion HTLM
- Ctrl+f buscas & pegas antes de </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'/><script src='http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js' type='text/javascript'/><script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery);</script>
- Buscas de nuevo con Ctrl + F ]]></b:skin> y pegas el siguiente código antes que ]]></b:skin>
#s-m-t-tooltip {
background: #98b1d7; /* COLOR DE FONDO */
color: #fff; /* COLOR DE TEXTO */
text-shadow: 1px 1px 0px #6b8bba; /*Sombra de la letra, y los numeros son el grosor de la sombra*/
box-shadow: inset 0 0 30px #6b8bba, 0 0 2px #6b8bba;
font-family: calibri; /* TIPO DE LETRA */
font-size: 9px; /* TAMAÑO DEL TEXTO */
letter-spacing: 2px; /* ESPACIO ENTRE LETRAS */
border: 0px solid #fff; /* BORDE DEL TOOLTIP */
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
text-transform: uppercase;
line-height: 11px;
text-align: center;
display: block;
padding: 10px 15px 10px 15px;
margin: 20px 10px 0px 10px;
z-index: 999;
}
Aviso: no cambiéis nada si lo queréis tal cual esta en mi blog
Esto es todo lo último seria guardar & ver el fantástico resultado en mi opinión este estilo de tooltip me encanta si queréis ver otro estilo de tooltip que hice en otro tutorial pinchad aquí espero que os haya gustado mi tutorial <3 un gran abrazo & nos vemos en la próxima entrada
Seguro que aciertas, publiques el truco o tutorial que publiques. Siempre es un placer estar en tu casita. Un besazo, guapa.
ResponderEliminarno lo hago por no saber que publicar si no por saber si queréis que publique algo en especial XD lo entendiste mal
ResponderEliminarOh muy bueno el tuto gracias!!
ResponderEliminarmuy buen tutorial, la verdad todo lo que pones es interesante y bienvenido asi que pienso que deberias mostrarnos tus ideas :3, por otra parte podria pedirte un favor? me ayudarias a escoger el tema de la semana?????? pooooorfis solo debes votar en mi blog gracias :3
ResponderEliminarhola kumy! tanto tiempo. gracias por el tuto c:
ResponderEliminarpor cierto, cambié la URL de mi blog y el nombre, espero que lo puedas cambiar de los afiliados.
http://constellationofcancer.blogspot.com/
cuídate y saludos!
buen tutorial gracias
ResponderEliminarMuy linda la tool tip, tiene un efecto muy bonito ;)
ResponderEliminarSaludos~
GRACIAS por la tuto~!
ResponderEliminarMe encanto el tooltip, muy lindo, gracias
ResponderEliminarMe gusto de maravilla ●ω● ,gracias y saludinees~
ResponderEliminarMuy bueno :3 gracias por compartirlo >w<!
ResponderEliminar¡Hola, Kumy! Siempre me han gustado las cabeceras con blondas (puntillas) como la tuya y me gustaría saber cómo crearlas. Para mí sería estupendo si nos lo explicases. Y otra cosa que me intriga y que quisiera hacer para mi blog es crear una cabecera en que se integre mi propio avatar. Conozco muchos sitios que presentan en la cabecera una "caricatura" del autor y me encantarñia poder hacerlo para mi blog. ¿Conoces algún programa que lo permita? He probado algunos, pero no me acaban de convencer. Te facilito enlaces de dos blogs para que veas a qué me refiero: http://www.personalizaciondeblogs.blogspot.com y http://www.latitalily.blogspot.com
ResponderEliminarEn fin, guapa, un besazo.
Claro yo intentare hacer un graphic style enseñando a como hacer ediciones con bordes :3
EliminarHola kumy muchas gracias este tutorial me sirvio mucho en mi nuevo diseño no se si te acuerdes de mi ?? creo que apenas te dije eso en una entrada nueva en fin
ResponderEliminarsaludos muchos saludos linda ah
por cierto ya no tienes afiliados?? ya renove tu boton
saludos otra vez XD
si leei esa entrada no se si te conteste es que con el lio de los exámenes se me olvida contestar comentarios x-x
EliminarGenial! Me encanta utilizar las sombras para crear ese efecto como que sobresale.
ResponderEliminarEspero andes bien,
saludos! ~
Hola Kumy, no se si me recordaras... soy sofi, de mundo sofi y te queria felicitar por como vas con el blog y tus seguidores!! Te pasaba a saludar, espero que sigas asi hermosa. Besos :)
ResponderEliminarCuanto tiempo que tal estas ? te fuiste tan rápido :'( bueno espero que ya estés mejor y que vengas a quedarte de nuevo en blogger
EliminarKumy, hace mucho que no me pasaba por tu blog y esta bellisimo *---* ojala sigas haciendo crecer el blog, me gusta mucho y tus recursos siempre sirven y tu manera de escribir tambien es muy bonita... ademas de que poner iconitos en todas partes y eso me mata de ternura *---* gracias por el tutorial nena!
ResponderEliminar