Ψ 韩儿 Ψ: 2011/11/1

在评论区添加图片

就像这张图一样，就是在评论区上面那里添加一张图片就像我这样的

先到设计-->修改Html-->在扩张窗口小部分模板打 (√)

Ctrl + F 寻找【<div class='comment-form'>】

然后在【<div class='comment-form'>】的下面添加以下的代码

<img align='center' border='0' src='图片网址'/>

温馨小提示❤
❤图片网址-->要连接的图片网址，图片可以自己制作哦

好了就预览看看代码有没有问题，然后就保存起来就完成了 =]

呜呜呜，我要离开这里了...
你们知道我要去哪里吗？
我要去台湾玩耍了啦 XD
咦咦咦!!! 你们在想什么了？
是不是以为我死了？
哼，那么想我死啊 XD
还有我会到12月2号才回来，
所以我的部落格会一段日子没更新，
留言也暂时不会回复，
请你们见谅啊，
我回来一点给你们写教程 XD

话归正题，星期④我就去台湾去那里玩了 XD
长这么大以来还是第一次要坐飞机呢
很是兴奋地说，
但是呢...就有一点点的那么不满足，
因是和家人去的，
而且，我有洁癖，
而且我身边的人又有很多爱咬手指的 + 挖鼻孔的 =w=
看到的时候真的很想一巴扫过去，
然后很凶的对他说：你能不能别这么恶心？滚去洗手 !!!
但是在现实中我却不敢，
因为有很多都是长辈，
我一巴下去我就会小命不保了，
但是这次的我的旅行里有很多这种人....
我不知道我该怎样好 TT
你们说我该怎么样嘛，
我不想这样肮脏的过生活....
各位小朋友，我们应该照顾自己的清洁卫生，
做个健康干净的孩子=]

Haizz~刚从外公家回来，
去那里住了一天就感觉我又肥了几十圈，
因为昨天表哥他们回来，
哇佬，我那个表哥是欠打到没有人有咯
就因为要教我妹妹做英文功课，
结果我就一直中洗，
还一直叫我大大声念出来给他听，
我的英文程度就是不好嘛 =w=
然后还说什么跪着就高过我了，
哈哈真的是天大的玩笑啊，
我真的有股冲动想直接把他踹下去，
然后用很骄傲的语气说
：别以为你读过几本臭书就了不起啊？本小姐拿一本国文进来你啥都不会做(因为他是住新加坡的)

然后我很懒惰帮我妹妹做功课啊，
我就把我妹带去外公家的几份假期作业都丢给他，
照道理说在新加坡的华文水平应该很低嘛，
我问他为什么你会这些成语的时候，
他尽然还说：Hello~请问我几岁了？我已经中四了勒
我无言=.=
然后我就说：我拿国文给你做要不要？
他就反回来问我：什么是国文？
哈哈，原来他活了16年了连什么是国文都不知道啊？

然后就有宵夜吃，
他们打包了果条和牛油鸡
天呐!!!是我的最爱也 ><
结果我就吃了⑤、⑥个牛油鸡==
肚子饿饿嘛~
不吃白不吃咯，
反正也不是时常吃宵夜了，
久久吃一次没关系的啦 XD

然后今天早上起来的时候吃咖喱面，
哇 @@ 好好吃哦
然后整个下午我都很闷的躺在房间里，
啊~~~放假也是好闷哦 ><"

话说最近的心情也不是很好，
因为某个人某个事，
我不知道要怎样，
Haizz~我后悔了呢，
怎么办呢？
哎哟~某人看见了没有，
原谅我啦，
我知错了，
我会改啦!!!TT
对不起嘛...不是故意要丢下你的，
我只是想出去散心而已，
真的，没有别的意思了=]
还有谢谢你❤ 那么的用心哦
我是很幸福❤

哇哈哈，我会去台湾买多多东西吃，
反正也许只能去一次，
那为什么我不吃呢？
反正肥了某人不介意，
陈嘉慧，开心的去玩吧 =]

鼠标经过小工具标题会有变化

如果不明白的话就去指着我小工具的标题下就知道了咯，这个就是我要教的。

如果还是不明白的话就是当鼠标经过小工具标题的时候框框会变成另外一种框框

先到-->设计-->修改 Html-->然后Ctrl + F 寻找【h2 {】

然后在【h2 {】的上面把以下的代码添加进去

h2:hover {
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
-webkit-transition-duration: 1s;
border-top: 2px solid #ffaad5;
  border-left: 2px solid #ffaad5;
  border-right: 2px solid #ffaad5;
  border-bottom: 2px solid #ffaad5;
}

温馨小提示❤
❤红色的字-->框框的外形
❤橙色的字-->框框的厚度，数目越大，厚度就越厚
❤浅蓝的字-->框框的外形种类
❤粉色的字-->框框的颜色

框框的外形如图：

A 形状的代码：

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;

B 形状的代码：

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

C 形状的代码：

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;

D 形状的代码：

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

E 形状的代码：

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;

F 形状的代码：

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

框框的边框种类：

好了就先预览看看代码有没有问题，然后好了就保存起来，现在就指看你的小工具标题有没有变化啊 XD

小工具标题添加框框

就像我的部落格旁边小工具框框这样，添加外框就是我要教的教程

先到-->设计-->修改Html--> Ctrl + F 寻找【h2 {】

然后在【h2 {】的下面添加以下的代码

-moz-border-radius: 35px;
border-radius: 35px;
border-top: 2px solid #ffaad5;
border-left: 2px solid #ffaad5;
border-right: 2px solid #ffaad5;
border-bottom: 2px solid #ffaad5;
-webkit-transition-duration: 2.0s;
margin:0 0 1.5em;
padding:7px 10px 7px 10px;

温馨小提示❤
❤红色的字-->框框外形的形状
❤浅蓝的字-->框框的厚度，数目越大框框就越厚
❤粉色的字-->框框的边框种类
❤橙色的字-->框框的颜色

框框外形形状：

A 形状的代码：

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;

B 形状的代码：

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

C 形状的代码：

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;

D 形状的代码：

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

E 形状的代码：

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;

F 形状的代码：

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

框框的边框种类：

好了就保存起来，就可以去看看你的部落格的小工具有没有框框了=]

粉系 Logo 底图

注：图片是四角的哦 ^^

破100咯 XD

关注者终于破 100 啦
Ok Ok 我知道 100 是很少，
但是我是第一次嘛...
别说我很什么哦 =]
对我来说已经是很多了啦 :P

其实当我开始玩部落格的时候，
那些设计是不能够见人的那一种，
是真的很丑咯 ><"
因为以前还小不知道能弄这么多东西啊
哇哈哈现在想起来还真的是很好笑咯

其实算起来我总共开过③个部落格，
第①个是在我小学的时候开的，
第②个是上次那个【+永爱+】咯
第③个就是现在这个咯

第①个是在我小学的时候有次朋友来我家的时候叫他开的，
结果写了第一篇就懒惰写了，
所以那个 Blog 就一直空着了，
然后好像在前年还是去年的时候有更新过一篇啦，
老实说，我现在不知道那个 Blog 是不是还在啊，
第①个 Blog，我真的是愧对于你啊，
请原谅我遗弃了你啊

第②个 Blog 就是那个【+永爱+】啦，
因为那个真的好乱啊，
我看了真的会很讨厌啊，
因为有些东西我都不知道是在哪里哪里，
所以，第②个 Blog 我又抛弃了你，
真的是很对不起啊 @@
说真的我不后悔抛弃了你，
因为现在这个 Blog 好过你好多啊 XD

这个就是我第③个 Blog 啦=]
或说这个部落格刚刚开张的时候人是才③个关注者而已，
哇佬，是真的少了好多，
第②个部落格少少都有40多个咯，
我的自尊心受伤了啊 TT
不过没关系，
我知道是我自己要重开的嘛，
所以就只好自己努力点，
写多一点对你们有用的教程，
希望能帮到你们啦 =]

如果你们有什么不明白的问题还是什么，
你们可以留言告诉我，
或者到 Facebook inbox 告诉我哦，
我很乐意帮助你们的，
如果有些我真的不会的话就别生气哦，
我很笨的，呵呵，
我会尽力的去帮你们的^^
谢谢你们的关注啦 XD

Click 按钮

这个就是要点击了才会显示内容的按钮啦=]

想要添加这个很简单而已啦

先到-->设计-->页面元素--> Html/Jave Script 把以下的代码放下去

<div>
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Click'; }" style="margin: 0px; padding: 0px; width: 95px;
" type="button" value="Click" /></div>
<div class="alt2" style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
要显示的内容
</div>
</div>
</div>
</div>

温馨小提示❤

❤要显示的内容-->就是人家点击了过后看到的内容

注：想要空到下一行的就在下一行添加【<br/>】

例子：

Hi=]

<br/>
Welcome to my blog=]

好了就可以保存起来，这样就完成了=]

慢慢显示出来的 Chatbox

这个就是有一个图片在旁边，然后点击了那张图片就会慢慢显示在中间的哦

先到-->设计-->页面元素-->添加小工具--> Html/Jave Script 把以下的代码放下去

<div style='display:scroll; position:fixed; top:70px; right:-0px;'>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
$(document).ready(function() {
//select all the a tag with name equal to modal
$('a[name=modal]').click(function(e) {
//Cancel the link behavior
e.preventDefault();
//Get the A tag
var id = $(this).attr('href');
//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
//Set heigth and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
//transition effect
$(id).fadeIn(2000);
});
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#mask').hide();
$('.window').hide();
});

//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>
<style>
img: { border: none; }
#mask {
position:center;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#boxes .window {
position:fixed;
left:0;
top:0;
width:230px;
height:450px;
display:none;
z-index:9999;
padding:20px;
}

#boxes #(你的Cbox账号名字)Cbox {repeat 0 0 white;
width:230px;
height:455px;
padding:20px 0 10px 10px;
}
#closesb {
padding:2px 0 0 0;
}

#author {
padding:8px 0 0 160px;
}
</style>
<ul><center> <a href="#(你的Cbox账号名字)Cbox" name="modal"><img src="(图片URL)" border="0" /></a> </center> </ul>
<div id="boxes">

<div id="(你的Cbox账号名字)Cbox" class="window">
<center>
(Cbox代码)
<div id="author">
</div><div id="closesb"><center><input type="button" value="Close" class="close" /><center>
</center></center></div></center></div>

<div id="mask"></div>
</div></div>