Friday 3 June 2011

To 阿盈 ♥

首先找

#header h1 {

放上 :

display:none;

如以下 :

#header h1 {
display:none;
}

然后再找

#header-inner {

在#header-inner {...}加上

background:url(DIRECT LINK)no-repeat center;
padding:200px;

那个px是看你的图片多大
自己慢慢加大数字啊
如果你的图片比较小酒放小那个数字 (:

Sunday 17 April 2011

教程 || 图片变清晰或变模糊

图片模糊、滑鼠指向后会变清晰

首先去 设计→修改HTML
按 CTRL+F 找






在它上面加


img:hover{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

img{
filter: alpha(opacity=75);
moz-opacity:.75;
opacity:.75;
}




图片清晰、滑鼠指向后会变模糊

首先去 设计→修改HTML
按 CTRL+F 找






在它上面加


img:hover{
filter: alpha(opacity=75);
moz-opacity:.75;
opacity:.75;
}

img{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

Saturday 16 April 2011

教程 || 页面设计

给旧版 :

首先去 设计→修改HTML
按 CTRL+F 找


.PageList li a {



然后把 .PageList li a { 后面的东西全部删掉



font-family:Old English Text MT;
font-size:24px;
font-weight:normal;
float:center;
background:#FFFFFF;
border:2px dashed #000000;



所以你的code就如下面的code那样



.PageList li a {
font-family:Old English Text MT;
font-size:24px;
font-weight:normal;
float:center;
background:#FFFFFF;
border:2px dashed #000000;
}




如果找不到 .PageList li a {
你就按 CTRL+F 找





然后在 ]]> 的前面
加上

.PageList li a {
font-family:Old English Text MT;
font-size:24px;
font-weight:normal;
float:center;
background:#FFFFFF;
border:2px dashed #000000;


现在来分析这个code :

.PageList li a {
font-family:Old English Text MT;
font-size:24px;
font-weight:normal;
float:center;
background:#FFFFFF;
border:2px dashed #000000;

蓝色的部分是字体
红色的部分是字体的大小
青色的部分是框框、第一个是线的粗细;第二个是线的style;第三个是线的颜色
黄色的是背景颜色、如果要放图片的话、就变成

background : url(图片DIRECT LINK);

** 灰色的部分就是放进图片direct link的地方 **



请自行更改 :D



给新版 :

首先去 设计→修改HTML
按 CTRL+F 找

.tabs-inner .widget li a {


在 .tabs-inner .widget li a {....}
加上


background:url(图片direct link);
border:1px dashed #000000;
margin-right: 15px;

background的部分如果你不要放背景只要放颜色的话、
就改去

background:#FFFFFF;

蓝色部分请自行更改颜色 :D



嗯嗯、大概就是这样了
不明白的话、来问我吧
啦啦啦~

Thursday 14 April 2011

教程 || Facebook Like Button

首先 去设计→修改HTML
然后在『扩展窗口小部件模板』的空格打勾。
按着 Ctrl 和 F 寻找



<div class='post-header-line-1'/>



或寻找



<data:post.body/>



接着在以上代码的后面加上



<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>


如果要把Facebook Like Button放在文章底下的话
就把那个code
[ code是 <iframe...> 的那个 ]
放在 <data:post.body/> 的后面就可以了

我这样说你们明白没有?
不明白的话、就在chatbox或这留言告诉我哪里不明白呗 (:



---------------------------------------------------------------------------


如果你是了不能够的话
应该只有一个原因、就是我打的code不对
我不知道要怎样在部落格理放code啊 !! ><
其实我对于部落格的东西不厉害的 ==

你们可以去 : http://twy95.blogspot.com/2011/01/facebook-like-button.html
他写得很清楚
如果不明白的话问我吧 :D

Sunday 3 April 2011

To Sing Yii ♥

你的标题图和留言箱的图都改好了 :D
在这里给你code哈


小兽标题图

Direct Link:http://i886.photobucket.com/albums/ac68/estherbabyxuan/new-1.gif

我制作的动画会比较怪
因为不能直接去page element那边upload
如果在那边直接upload的话、图片不会动

我来教你怎样弄吧
不要嫌我啰嗦就好 TT

去Edit Html那边
按CTRL+F找 : .Header h1 {
把底下的东西全部delete掉
变 - display:none;

Example ....

原本

.Header h1 {
font: normal normal 40px Crafty Girls;
color: #000000;
text-shadow: 0 0 0 rgba(0, 0, 0, .2);

变成

.Header h1 {
display:none;


然后再去找 : .header-outer {
也是把底下的全部delete
变 - background:url(DIRECT LINK);
DIRECT LINK里面是放标题图的direct link

Example...

原本

.header-outer {
background: transparent none repeat-x scroll 0 -400px;
_background-image: none;
}

变成

.header-outer {
backgroung:url(DIRECT LINK);
}

**DIRECT LINK记得改 (:

最后去找 : .header-inner .Header .titlewrapper {
看到底下有22px的东东吗?
自己乔乔、那个是乔你header的大小
如果不乔标题图就看不到
把它乔大就是了
[ 我不会讲 -.- ]


标题图 OK !! :D



留言箱的图

Direct Link:http://i886.photobucket.com/albums/ac68/estherbabyxuan/wsycommentbox-1.gif
Width:154px
Height:294px




呼呼、希望你满意 !!