Photobucket

教学♯


menu tab页面换成图片 


信息中心 - 设计 - 添加小工具 -Html/JavaScript
Copy以下的代码paste到Html/JavaScript



<center>
<ul class="basictab">
<li class="selected"><a href="链接网址1"><img src='图片网址1'/></a></li>
<li><a href="链接网址2"><img src='图片网址2'/></a></li>
<li><a href="链接网址3"><img src='图片网址3'/></a></li>
<li><a href="链接网址4"><img src='图片网址4'/></a></li>
</ul>
</center>



*链接网址就是你要开的网页的链接
*图片网址就是页面的图片网址



Back to top 





信息中心 - 设计 - 添加小工具 - HTML/JavaScript

Copy以下的代码Paste到HTML/JavaScript

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="返回顶楼"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5mUWjIMNCeO7WVDxbLcif7CebYRC6YNsgMJSYjdTXPEiLb9yNBgIjXKSTkifkLNKNNmWPklFQmOi0tqEzYJPax1m1xGQl4DBEvJOTzv_5DTkgDcN5dV4Kk5Cbad24lGAXDnk0y5nUXKI/s1600/t2.png" /></a>


蓝色字体就是鼠标指向TOP的时候出现的字眼,如上图所示

红色字体就是TOP图片的网址,可以自行更改










2011年5月29日 星期日


更换十字架鼠标




























信息中心 - 设计 - 添加小工具 - HTML/JAVASCRIPT

拷贝以下代码粘帖到HTML/JAVASCRIPT


<style type=text/css>
body{cursor:crosshair}
a {cursor: TYPE}</style>



完成 =D







获取图画 URL/Direct Link 的方式


1


我知道这个东西很多人都会,会到烂熟了,但是基于一些部落格新手不知道,所以决定分享 获取图画 URL/Direct Link 的方式。:D 很简单的~

1。获取图画 URL 的方式:

选择你喜欢的图画之后,按右键 (right click)。不要告诉我你连 right click 都不会…… 回去一年级上电脑课。

按了之后就会出现如图所示的东西。选择 Copy Image URL。就可以啦!:D

2。获取图画 Direct Link 的方式:

我时常用的是 PhotoBucket。曾经想尝试别的,但是不会操作。*失败* :O

OK 首先呢你必须要有一个 PhotoBucket 的 account。现在你已经可以用 Facebook account login 你的 PhotoBucket 账户了。


Log in 了之后,按 Upload now > Select Photos and Videos 开始上载图画。
 上载好了之后,Select all 然后 save 去你的 album。当你去到你的 album 的时候,指着图画,就可以获得 Direct Link 了。:D


完成 :D <3 




1图画在鼠标经过的时候会慢慢变大




图画在鼠标经过的时候会慢慢变大,这个效果不错,如果你的帖子没有位子放照片,这个效果就很棒啦!因为不用按进去图画,用鼠标经过图画就可以放大查看了!:DDDD

1。Design > Edit HTML > 按 Ctrl + F 寻找 ]]></b:skin>

2。在 ]]></b:skin> 上面 copy and paste 以下的 code:

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
Sumber : http://farixsantips.blogspot.com/2011/06/effect-hover-zoom-smooth-pada-object.html#ixzz1X07HXoVg
</style> 


红色的号码是图片放大的倍数,可以改变哟!

3。Preview 看看 code 有没有出现问题,没有问题就保存咯!:) *Preview 是看不到效果的哟。