9/5/14

[Tutorial]Como poner mi Tooltip!+Avisos//Corejido

Holaaaabuenooo que tal todo?? genial noesta es la primera entrada tras el nuevo diseñoimage 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'/>
<script src='http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js' type='text/javascript'/>
<script>
    (function($){
        $(document).ready(function(){
            $(&quot;[title]&quot;).style_my_tooltips();
        });
    })(jQuery);
</script>
Vista previa-guarda & vuelve a entrar 


  • 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!

23 comentarios:

  1. buen tutorial lo ocupare en mi nuevo diseño mas adelante como en 5 semanas besos dejalo en los tutos

    ResponderEliminar
  2. Respuestas
    1. sera que la plantilla que tienes no es compatible

      Eliminar
    2. cual plantilla debo usar entonces

      Eliminar
    3. No no olvida lo de la plantilla fue un fallo mio que mañana arreglo es que se me olvido poner un conde que necesitais

      Eliminar
  3. Muy util el tuto :3 gracias por compartir

    ResponderEliminar
  4. Hola Kumy,buen tuto!! Yo ya personalicé hace tiempo mi blockquote para mi nuevo diseño con el tuto de Mell ^^
    Por cierto,cuando termine la nueva plantilla te importaría echarla un vistacillo? Esque me gustaría saber tu opinión!
    Gracias!!!

    ResponderEliminar
  5. Hola 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

    ResponderEliminar
    Respuestas
    1. Cierto que fallo se me olvido ese conde o.o mañana lo arreglo

      Eliminar
  6. Hola! No me funciona :c! esta muuy lindo! pero ñ.ñ no funciona ah

    ResponderEliminar
  7. Lindo tuto pero no funciona sin el script D: ...saludos *O*)/

    ResponderEliminar
  8. kumy gracias por la tutorial^^esta genial~!

    ResponderEliminar
  9. Hola.

    Muchas 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.

    ResponderEliminar
  10. Muy bueno Kumy, pero ¿cómo se pone en los gagets? u_u
    Byekawaii!!

    ResponderEliminar
  11. Holaaa :) 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

    ResponderEliminar
    Respuestas
    1. No 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?
      Mi mail es
      candelaaisika@gmail.com

      Eliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com