新更新 UPDATES : STILL IN PROCESS











June 02, 2014
02 June 2014
WRITTEN BY CECELIA



大家哈咯~
我是Malaysia Chabor :3 Cecelia 博主小姐
今天又来跟大家分享教程啦 开心某?
想要在link hover有title出来?我现在就教你 :D
以下是例图:

 photo Untitled3.jpg  

 photo Untitled2.jpg

好啦 废话少说 :3 开始写教程


1. 到Template.
2. 按ctrl+f,然后寻找以下字眼:
</body>
3. 拷贝以下的代码,贴在</body>下面:

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

4. 再寻找 </style>,拷贝以下代码,贴在它上面,不用我多说,自己应该会自行更改吧.

#s-m-t-tooltip {
background: #fff;
font-size: 11px;
line-height: 11px;
font-family: trebuchet ms;
text-transform: lowercase;
color: #000;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 0px;
border: 1px solid #FF84B1;
}

5. preview过后,save.


注意:

<a link href="http://link.com/" title=" 你要出现字 ">LINK 1 <a>

粉色字眼区一定要有,没有的话,请自行添加。

-完-

Labels: ,


NEU
ALT










Layout by CECELIA