whatever;
HOME ABOUT DHY ABOUT SALSA TUTOBIES LINKIES FOLLOW
My Identitiy
Watashi wa DHY dessu.


Yeah hello stalk peeps. Run around in our blog. We dare you to leave your message on our cbox and follow us. Oh ya, we are Dhy n' Salsa.


Our Banner.
you grab ours, we grab yours.





The Scream
Scream if you see strangers


Sparks fly whenever you smile :') I was made for lovin' you...



CAUTIONS: do not copy me. coz I have now an application to show what code is same to me and i have plagirsm checker on my PC. beware.






Customizing Tooltip... #1
5 Dec 2013 | 0 crush

Haiii!
Oya thanks ke kak Ezah, ya! =) Oyaaa, Mau liat tooltip gitu, ya? Ooke, yaaa! Mulai yuk!

--------------------------------------------------------------------------------
Preview:
Before:
After:
---------------------------------------------------------------------------------
  • Pertama, copy code ini:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>    (function($){        $(document).ready(function(){            $("[title]").style_my_tooltips();        });    })(jQuery);</script>
  • Lalu, paste dibawah kode <html>
  • Terus copy lagi code dibawah ini.

#s-m-t-tooltip {    max-width:250px;    background: #F1F6FF;/* change the background color */    font-size: 10px;/* change the font size */    line-height: 13px;    box-shadow:inset 0px 0px 2px 2px #E6EEFF;    font-style:italic;    font-family: Georgia;/* change the font */    letter-spacing: 2px;    text-transform: lowercase;/* can be lowercase, uppercase, none */    color: #222222;/* change the text color */    text-align: center;    padding: 3px 4px 3px 6px;    display: block;    z-index: 100;    border-radius: 5px;    position: absolute;    margin-left:10px;    margin-top:16px;}

  • Lalu paste diatas kode </style>.
  • Preview and save.
 -----------------------------------------------
Dan kalo kalian mau pake tooltip... begini caranya:

Link Tooltip
<a href="URL Here" title="Title here">Hover here !</a>
Blue: URL
Green: The tooltip!

Image Tooltip
<img src="URL Image" title="Title here" />
 Red: Image URL
Blue: Tooltip :)
--------------------------------------------------
Done ok? Byeee!

PASTFUTURE


Post a Comment

Guuuys.
Have you read my entry? (´⌣`ʃƪ) So now you have to comment! Cause, in this kingdom #eh there are a rules! #peace :P

Copyright © by Dhy and Salsa. | Color and Inspiration by mrsbaekyeol | 2014 All rights reserved.