Holaaaabuenooo que tal todo?? genial noesta es la primera entrada tras el nuevo diseño la plantilla aun necesita unos retoques como la nueva firma que esta vez es de subaru sakamaki un nuevo menu que esta al costado del blog.Ese menu incluye Plantillas,Dudas & Mas (que era la opción del anterior diseño) & una nueva opción que se llama Video Update si queréis descubrir que es clicar la opción del menu.
Ahora vamos con el tutorial que es como hacer mi Tooltip ya editado con colores & letras cte cte
- Plantilla
- Edicion HTLM
- Pegar el siguiente code antes de </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'/>Vista previa-guarda & vuelve a entrar
<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>
- Plantilla
- Edicion HTLM & Ctrl+F
- Pegar el siguiente code antes de ]]></b:skin>
#s-m-t-tooltip {
-webkit-animation: ToolHorizontal 1s infinite;
background: #cba4f4; /* COLOR DE FONDO */
color: #fff; /* COLOR DE TEXTO */
font-family: 'ABeeZee'; /* TIPO DE LETRA */
font-size: 9px; /* TAMAÑO DEL TEXTO */
letter-spacing: 1px; /* ESPACIO ENTRE LETRAS */
border: 2px solid #fff; /* BORDE DEL TOOLTIP */
border-radius: 5px; /* ESQUINAS REDONDEADAS */
text-shadow: 0 0 0.5em #b26bfe , 0 0 0.5em #b26bfe;
text-transform: uppercase;
line-height: 11px;
text-align: center;
display: block;
padding: 10px 15px 10px 15px;
margin: 20px 10px 0px 10px;
z-index: 999;
}
Este es el color del fondo del tooltip si no lo queréis moradito como el mio lo cambiáis
Este es el color del resplandor del tooltip si no lo queréis con el color que tengo {otro {recomiendo que sea unos tonos mas oscuros al del color del fondo para que se vea mejor}
Espero que este tutorial os haya gustado ya haré mas tipos de tooltips la siguiente entrada sera ya del sorteo que voy a organizar & como veo que no me contesta la chica a la que le envié las preguntas del proyecto escogeré a otra persona así que atentas!! un beso & no os olvidéis de explorar el nuevo menu!
buen tutorial lo ocupare en mi nuevo diseño mas adelante como en 5 semanas besos dejalo en los tutos
ResponderEliminarno me sirvio kyumy
ResponderEliminarsera que la plantilla que tienes no es compatible
Eliminarcual plantilla debo usar entonces
EliminarNo no olvida lo de la plantilla fue un fallo mio que mañana arreglo es que se me olvido poner un conde que necesitais
EliminarMuy util el tuto :3 gracias por compartir
ResponderEliminarHola Kumy,buen tuto!! Yo ya personalicé hace tiempo mi blockquote para mi nuevo diseño con el tuto de Mell ^^
ResponderEliminarPor cierto,cuando termine la nueva plantilla te importaría echarla un vistacillo? Esque me gustaría saber tu opinión!
Gracias!!!
claro con mucho gusto x3 y gracias por comentar
EliminarHola kumy gracias por el tutorial :3 y muy lindo tooltip pero bueno no se si meterme pero no les va a funcionar a las chicas si no copias los script que falta de la base de mel n.n
ResponderEliminarCierto que fallo se me olvido ese conde o.o mañana lo arreglo
EliminarHola! No me funciona :c! esta muuy lindo! pero ñ.ñ no funciona ah
ResponderEliminarGracias por el tuto! :D
ResponderEliminarLindo tuto pero no funciona sin el script D: ...saludos *O*)/
ResponderEliminarmuy chulo, gracias ^^
ResponderEliminarQue kawaii gracias
ResponderEliminarkumy gracias por la tutorial^^esta genial~!
ResponderEliminar¡Gracias por el tutorial! c':
ResponderEliminarHola.
ResponderEliminarMuchas gracias por el tutorial, haber si algún día lo utilizo (aunque no creo que se pronto porque soy un desastre con estas cosas XD)
Saludos.
Muy bueno Kumy, pero ¿cómo se pone en los gagets? u_u
ResponderEliminarByekawaii!!
No se pone en ningun gadget :/
EliminarHolaaa :) Esta super bien el tuto hace tiempo que querría apender a hacer eso pero al intentado poner, cuando pongo el script, me desaparece el icono en el que lo quiero colocar
ResponderEliminarNo entendi muy bien que es lo que te ocurre me puedes enviar a mi mail una captura de pantalla de lo que te pasa & asi poder ver mejor el problema?
EliminarMi mail es
candelaaisika@gmail.com
no me sirvio ;c
ResponderEliminar