跟隨我的腳步唄...

添加 Click To Enter 圖片







啊哈哈

部落已經生灰塵了

真是的

到現在才捨得更新

>//<






设计 → 修改 HTML → √ Expand Widget Template






设计 → 修改 HTML → CTRL + F

寻找

]]></b:skin>






③ 在 它的 添加 以下代码



/* to top */
#toTop { width:100px;background:none;border:0px solid #ccc;text-
align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-
decoration:none; }
</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="图画 URL/DirectLink"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>






【 紅色字體 】

是你的 圖片網址 :)
記得要改











即可! ♥ :P









謝謝欣賞 ♥ 如喜歡就分享 ♥ Follow 我的部落喔 :P ♥

贱 :)))










只是個字眼

却包含了很多的意思






我把你當朋友

可 你 卻 一 再 的






我不想把你看得那麼賤

可是你

糟蹋 了你自己

:))))






對於你給我的印象

早就不好了

現在

印象更深刻

;)






你在我眼中

是多麼的多麼的HIAO

不止我

就連我的一些朋友

都清楚






如果你不想讓人更討厭你

請你

檢討你自己

不要一再而再的當 假面公主






前面說的勁是好話

背面說的

卻是不堪一擊的賤話 :)






在我眼中

你只不過在

好像小丑










這樣

只會顯得你

更加的不堪入目 ! :)










我只說一遍

請那些不管事的人不要

對號入座

感謝









謝謝欣賞 ♥ 如喜歡就分享 ♥ Follow 我的部落喔 :P ♥

扩展式菜單





也就是這個冬菇啦 :D

這教程 專屬 于 Snoopy Mui 的嚕 :P






设计 → 修改 HTML → CTRL + F

寻找

<head>






② 在 它的 后面 添加 以下代码



<script src='http://pujangga.googlecode.com/files/jquery.tools.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#accordion&quot;).tabs(&quot;#accordion div.pane&quot;, {tabs: &#39;h2&#39;, effect: &#39;slide&#39;, initialIndex: null});

});

</script>










即可! ♥ :P






④ 设计 → 添加小工具 HTML/Javascript






⑤ ② 在 它的 里面 添加 以下代码



&lt;style type=&quot;text/css&quot;&gt;
h5 {
font-family: trebuchet-ms, arial, tahoma;
font-size: 13px;
padding: 0 0 1em;
font-weight:bold;
color: #ffffff;
}
.msg_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#FFB6D6;
margin:1px;

-moz-border-radius: 35px;
border-radius: 35px;

}
.msg_body {
padding: 5px 10px 15px;
background-color:#FFFFFF;
}
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://sites.google.com/site/jquery01/tabmenuaccordion.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(&quot;.msg_body&quot;).hide();
//slides the element with class &quot;msg_body&quot; when paragraph with class &quot;msg_head&quot; is clicked
$(&quot;#firstpane h5.msg_head&quot;).click(function()
{
$(this).next(&quot;div.msg_body&quot;).slideToggle(700).siblings(&quot;div.msg_body&quot;).slideUp(&quot;slow&quot;);
});
//slides the element with class &quot;msg_body&quot; when mouse is over the paragraph
$(&quot;#secondpane h5.msg_head&quot;).mouseover(function()
{
$(this).next(&quot;div.msg_body&quot;).slideDown(&quot;slow&quot;).siblings(&quot;div.msg_body&quot;).slideUp(&quot;slow&quot;);
});
});
&lt;/script&gt;
&lt;div class=&quot;msg_list&quot; id=&quot;secondpane&quot;&gt;
&lt;h5 class=&quot;msg_head&quot;&gt;标题 ①&lt;/h5&gt;
&lt;div class=&quot;msg_body&quot;&gt;
&lt;center&gt;

标题 ① 的 内容</div>
<h5 class="msg_head">标题 ②</h5>
<div class="msg_body">

标题 ② 的 内容
</div>
<h5 class="msg_head">标题 ③</h5>
<div class="msg_body">
标题 3 的 内容</div>
</div>










小常识


淡紫色字體

标 题 字 体 的 颜 色 代 码



粉色字體

标 题 背 景 的 颜 色 代 码



橙色字體

内 容 的 背 景 的 颜 色 代 码



藍色字體

是 你 要 的 标 题 題目



紅色字體

是 裏 面 要 放 的 內 容








即可! ♥ :P













謝謝欣賞 ♥ 如喜歡就分享 ♥ Follow 我的部落喔 :P ♥

製作 [ 個人狀態 ]






這篇是給 yvonne♥ 的 :))






就是我了 :D
阿吡
3.2.12







设计 → 添加小工具 HTML/Javascript







② 在 它的 里面 添加 以下代码



<fieldset style="border-radius: 2px; border: 3px dotted #FBCCE7; moz-border-radius: 4px;">
<legend><img src="图画 URL" /></legend>你要的内容
<div class="separator" style="clear: both; text-align: right;">
名字</div>
<div class="separator" style="clear: both; text-align: right;">
日期</div>
</fieldset>

紅色字體 可自行更改 :D 】








即可! ♥ :P

諾有不明白之處 歡迎詢問 :D









謝謝欣賞 ♥ 如喜歡就分享 ♥ Follow 我的部落喔 :P ♥