# Hey October :) ♥
[ 因为有你、让我尝到幸福的滋味。♥ ]
我最亲爱的大家好!!
算一算 应该将近一个月没更新日记了吧
没办法、我懒惰啊 /______\
好吧,,上个月该更新的没更新
所以这次全部忘记了 囧
我会凭着我的记忆再另写一篇日记额
如果想不到 就算了吧 XD
我知道你们不会怪我的 :P
相信眼尖尖的你、有看到我的部落格不一样了吧?
真的米有想到我会那么那么快的换了维尼的设计
维尼 要想我哟 :(
好了 不废话 其实刚进来有没有被没看到日记内容而吓到呢? xD
这是个小小的效果啦 去翻淑慧姐的部落格都可以找到课程 看你厉不厉害而已 :P
这次主题是满天星 - 一种很美的花花花 XD
背景很不符合 但我很喜欢 渐变的感觉真的是一级棒 [ 原本颜色较深,,自己再弄浅点的,,不要盗图! ]
还有还有还有 Cbox在 Click here to view more 中哦 点一点按一按就找到啦 XD
[ Tips : 所以的东西随着字体走就对了 不要怀疑 ]
页面效果算是最满意的一部分 ,, 我花了不少时间在修改代码 囧
再次还要说一下 不要抄袭!! 我很难得勤劳熬夜弄出来的效果 & 设计 TT
因为中三的迪迪美眉们在考试啊 我就很难得又有放假时间 [ 一放就放差不多1个星期 xD ]
所以说 在这个假期熬夜是必然的事
然后接下来的更新应该都是唯美图了
如果你刚刚好想要某些唯美图 可以告诉我
我在赶在这个星期内发布 因为过完这个假期我就没机会更新了
还有还有 上一篇日记有提到要发布一个用过的BS给大家
结果都没人来告诉我要哪一个 好伤心
原来我的设计不受瞩目
whatever 我还是希望你们能给我些建议
本人乃是一个非常纠结的人 =.=
--------------------------------------------------------------------------------------------
上一篇日记有提到因为考试关系可能没去run for peace 2013
但很幸运的 我出席了!!
一片粉红海 真的太梦幻了! xDD [ 诶 好像怪怪的 ]
然后我三点就起床了 囧
原先朋友的表姐说要载其他人 怕迟到所以早去
哪知道一个两个放飞机 所以我们就很傻的7早8早到那边了 囧x2
当天我爱美就穿错了鞋去跑 结果脚超级痛
这是不良示范 小盆友们不要学哟 知道吗? xDD
.jpg)
.jpg)
: 取自网络 因为我没拍到
.jpg)
跟朋友&她妹妹合照
文凭和一些小赠品
回家直接倒头就睡 睡到7点多被叫醒吃晚餐
如果没被叫醒 我想我会直接睡到隔天了 XD
--------------------------------------------------------------------------------------------
在马来西亚日的前几天 也就那两三天而已 XD
心血来潮去云顶改改 viiiiiiiii ♥
前一晚在收拾行李的时候两只小瓜拿出墨镜装酷 囧
出发当天我有补习 所以补完习我就直接跟着走了
反正去了哪里有浴室可以洗澡 怕什么 XD
不知道是我穿太薄还是雾太多 [ 可我明明穿着一件厚厚的外套 虽然说当时穿着短裤 瓦力咧 ]
去到那边连胃都根本冷到发抖 牙齿也在跳舞 就一直催他们快点把行李搬下车
我要洗热水澡啊!!! ckeck in 了一件事就是跳床 XD [ 小孩子作风 请勿模仿! ]
然后拿了衣服就享受我的热水澡 一个词形容 舒服 A______A
当天去到那边已经9点多10点了 所以我们也直接去睡觉
没吹冷风 也懒惰下去走走了
隔天再出发!! wooooooow
隔天的行程想必不用写大家都知道了
如果还不知道 那就看图呗 :P
.jpg)
三姐 :)
四姐 :)
草莓 ♥.♥
某天宵夜 ; 星巴克 茶叶蛋 爆米花 xD
突然觉得我好瘦 =.="
Snow house ♥ 装修后都没去过 好像进去玩雪啊!!
铝丝艺术 很漂亮!! xD♥
上我的instagram 会看到更多更新 : babex_elaine
--------------------------------------------------------------------------------------------
以下是乱更新的 可选择不认真看 XD
吃冰淇淋的囧样 你也太强了吧
吃到额头都有 -.-
某天出去吃饭 装可爱的他 xD
自拍者言 ; 猜猜我是谁?
自拍者再言 ; 猜不到? 给你看眼睛特写
自拍者无力地言 ; 将将!! 就是我啦 XD
她拿我的手机自拍 [ 角度她弄的 快门键是我在按的 XD ]
遗传到我了哟 小妞 ;P
下次再教你拍耳朵&牙齿特写 ok? [ 其实你要拍鼻毛特写我也不介意的 XD ]
因为爱!!! XD
1 ,, 大家姐风范却不失可爱的柔颖 [ 我要被打了 XD ]
2 ,, 搞怪动作最多的玉冰 [ 他的斗鸡眼最可爱!! ]
3 ,, 超级爱美的悠恩 [ 在哪里都满顾形象的 除了在我们面前 咳咳 ]
4 ,, 在我校担任小护士的惠莹 [ PBSM的前任副主席 ]
5 ,, 史上最丑中学生的忆玲 [ 诶 很面熟吼? xD ]
6 ,, 唱歌韩国腔超浓的敏仪 [ 我很喜欢听他唱歌 A____A ]
算是第一次跟他们这样的合照吧 超喜欢!!
他们都是漂亮对不对? 而且对我也很好很好
好到我都快感动到哭了 [ 因为多次听不懂他们讲的东西 他们都会跟耐心解释给我听 因为我中四才开始认识他们 中五开始感情变好些 ]
毕业典礼那天 我还要抓你们拍多多照片 A______A [ 每次都说罢了 囧 ]
--------------------------------------------------------------------------------------------
更新到此 好好欣赏我的新设计吧
不爱不爱咯 ^^
还有还有 记得记得要告诉我你要什么系列的唯美图
还有要哪一个设计的basecode [ 最多人要的会发布在这里 ]
不然我当你们都不要了额
就将啦 希望这个设计能持久些 囧
标签： 分享, 生活點滴, 新皮儿, 页面效果, Blogskin
# 课程 ; 关于BS页面 ♥
Tutorials Require By Zrou elf
紫柔只要求发布怎样添加BS 页面
不过对于很多BS 新手都不知道BS 的页面是怎样进行修改 + 更改内容
所以我就发布了关于BS 页面的一切一切
紫柔亲别怪我嗯 ><
首先、你们要先懂得BS 是什么
然后学习怎么样使用BS . View HERE !
> 此课程乃博主亲手操刀、不允许转帖!
> 抄袭此课程者必定在部落格公开.
> 请勿盗图!
----------------------------------------------------------------------------------------------
此课程是使用 WANA 的skin 做example
所以你们也pandai pandai 自己慢慢看啦蛤><
bs 的代码是比较复杂 + 难懂的 [ 对新手来说可能会难懂一点点的 =3= ]
BS 设计示范 ::-
代码网页 ::-
----------------------------------------------------------------------------------------------
``` 页面在哪里?
→ 其实页面这东西嘛、我也不能说他固定在一个位置
不过通常发布 / 制作 BS 的人都会有给一些tips 比如 ::-
[ 我知道我edit 到很恐怖 lol 但是重点是箭头的颜色 ]
这些就是页面啦
黑色箭头 >> About
到模板那边按Ctrl+F 找 " about "
你就看到以下的代码
{{ <a class="navitot" onclick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="">About</a> }}
{{ <div id="about" style="display: none;"> }}
深灰highlight ; 显示的字体 [ 应该看得出吧 =3= ] 这个可以自己更改的
浅色highlight ; 这个就是页面的ID ,, 可以更改 .
但更改了 ID ,, 自然在 <a class .......> 里的ID 也要跟着改哦 ,, 不然会无效
----------------------------------------------------------------------------------------------
红色箭头 >> Post
这个是不可以改的! 因为他是关于你帖子的代码 [ 包括footer ,, older / newer post .. etc ]
只要你看到关于 POST ENTRY DIARY 等等类似这类的代码
建议你最好不要去改 [ 熟悉代码者可例外 ]
很大可能会导致你整个BS 失效
要注意哦 :)
----------------------------------------------------------------------------------------------
以下的示范图跟 " About " 是一样的
看你要怎样改 + 怎样排行罢了 :)
----------------------------------------------------------------------------------------------
``` 要怎样更改页面内容?
→ 把post title [ 帖子标题 ] 下面后的东西全部删除 换去你想要的内容即可
链接 : <a href=" 网址 "> 显示字体 </a>
图案 : <img src=" 图案direct link " />
分行 : <br> // </br>
引号 : <blockquote> ........ </blockquote>
----------------------------------------------------------------------------------------------
``` 如何添加页面? & 代码类型
→ 先在 </style> 的上面添加类似以下的代码 [ 众多课程部落格都会有课程 可查阅 ]
然后就在 </style> 的下面添加以下的呈现 / 解释代码的code
当然,,每个代码都有不一样的意思 自然要呈现的code不同
可添加 " hover " 字眼以示变化
example ::-
.navi { ..... }
.navi:hover { ..... }
呈现代码code _
<div class=' navi '> XXX </div>
#navi { ..... }
#navi:hover { ..... }
呈现代码code _
<div id=" navi "> XXX </div>
a.navi { ..... }
a.navi:hover { ..... }
呈现代码code _
<a class=" navi "href=" 网址 "> 显示字体 </a>
navi { ..... }
navi:hover { ..... }
呈现代码code _
<navi> XXX </navi>
有看出不一样么?
没错啦、就是navi 这个字前面的符号咯
每一个符号都有不一样的呈现方式
不过、通常 a.XXX { ..... } 都是跟网址连接有关系的
没有符号的则是自由发挥型
像Bold Underline 等等都是前面没符号的哟
navi 是可以自己更改的哦 [ 相信大家都知道吧? ]
----------------------------------------------------------------------------------------------
课程完毕、
如果有哪里不明白可以再此帖子留言询问
Cbox 询问将不回复哦 :)
就这样,,祝你们顺利弄出独特的BS ;)
{{ Tutorial writed by BabeX eling ,, 2013 / 03 / 27 . }}
标签： 回馈, 教學課程, 页面效果, Blogskin
# 课程 ; 往下滑落的页面 ♥
Tutorials Require By Hue Peng
备注一下下 : 这个效果不仅可以拿来当页面
也可以用来作为follow & dashboard 的效果图
> 此课程乃博主亲手操刀、不允许转帖!
> 抄袭此课程者必定在部落格公开.
> 请勿盗图!
----------------------------------------------------------------------------------------------
BT / BS 皆可使用
BT 使用者 ;
⒈ 模板 >> 修改HTML >> Ctrl+F 寻找 ]]></b:skin>
⒉ 在 ]]></b:skin> 的上面添加代码*1*
⒊ 浏览、确定没有出现乱码,,保存.
⒋ 然后在 布局 >> 添加小工具 >> HTML/JavaScript 添加代码*2*
⒌ 保存
BS 使用者 ;
⒈ 模板 >> Ctrl+F 寻找 </style>
⒉ 在 </style> 的上面添加以下的代码*1*
⒊ 然后在任何你想要的地方添加代码*3*
⒋ 保存.
代码*1*
#navig {
position:fixed;
text-align: center;
top:150px;
left:30px;
width:100px;
padding:3px;
background:#fff;
opacity:0.2;
margin-top:-10px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#navig:hover {
position:fixed;
top:160px;
opacity:0.9;
margin-top:0px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
Explain ;
橙色字体 ; 由顶端开始计算的距离
黄色字体 ; 由左 / 右开始计算的距离 [ 可换去left / right ]
青色字体 ; 宽度
水蓝字体 ; 背景颜色
蓝色字体 ; hover 过后 由顶端开始计算的距离 [ 增加10 -- 12px 为佳 ]
红色字体 ; 透明度
----------------------------------------------------------------------------------------------
代码*2*
<div style="background:#fff; width:100px; position:fixed; top:100px; left:30px; border-radius:2px; padding:10px; -moz-box-shadow: 0px 0px 5px #eee;-webkit-box-shadow: 0px 0px 5px #eee;box-shadow: 0px 0px 5px #eee;"><img src="图案direct link" width="100"/></a><br/></div>
<div id="navig"><a href="网址">显示字体</a></div>
Explain ;
青色字体 ; 宽度 [ 建议与代码*1* 的宽一样 ]
黄色字体 ; 由左 / 右开始计算的距离 [ 可换去left / right ]
橙色字体 ; shadow 代码 [ 可选择不要 ]
----------------------------------------------------------------------------------------------
代码*3*
<div style="background:#fff; width:100px; position:fixed; top:100px; left:30px; border-radius:2px; padding:10px; -moz-box-shadow: 0px 0px 5px #eee;-webkit-box-shadow: 0px 0px 5px #eee;box-shadow: 0px 0px 5px #eee;"><img src="图案direct link" width="100"/></a><br/></div>
<div id="navig"><a class="" onClick="document.getElementById('main').innerHTML=document.getElementById(' 页面ID ').innerHTML">显示字体</a></div>
Explain ;
青色字体 ; 宽度 [ 建议与代码*1* 的宽一样 ]
黄色字体 ; 由左 / 右开始计算的距离 [ 可换去left / right ]
橙色字体 ; shadow 代码 [ 可选择不要 ]
紫色字体 ; 页面ID [ BS的每个页面都有专属的代码 如: about ,, entry ,, post 等等 ]
{ highlight 处 的 <div id=" xxxx "> ,, 通常都在post title 的上面 }
Extra ;
注意 <a class=" HERE "..............</a> 你可以自己添加美化页面内容的代码
然后把HERE 换去页面内容的代表代码
----------------------------------------------------------------------------------------------
Extra ;
- <a href=" ... ">XXX</a> 可代替成关注 / 主页
// For Follow :
<a href="http://www.blogger.com/follow-blog.g?blogID=部落格ID">Follow</a>
// For Dashboard :
<a href="http://www.blogger.com">Dashboard</a>
- 如果要鼠标指着页面时是另一个鼠标的话,,可以在 navig {...} 里面添加这个代码
cursor:url( 鼠标url );
----------------------------------------------------------------------------------------------
课程完毕、
如果有哪里不明白可以再此帖子留言询问
Cbox 询问将不回复哦 :)
就这样,,祝你们成功 ;)
{{ Tutorial writed by BabeX eling ,, 2013 / 03 / 27 . }}
标签： 變化, 回馈, 教學課程, 页面效果, Blogskin
# 课程 ; 旋转式页面 effect ♥
Tutorials Require By 睿媛 ( Kuro )
这个课程说复杂、不是很复杂
说简单、又不是很简单
所以希望你们用心看完每个步骤
我试过很多次都是成功的
失败了请注明哪里失败 谢谢
> 此课程乃博主亲手操刀、不允许转帖!
> 抄袭此课程者必定在部落格公开.
> 请勿盗图!
----------------------------------------------------------------------------------------------
BT / BS 皆可使用
BT 使用者 ;
⒈ 模板 >> 修改HTML >> Ctrl+F 寻找 ]]></b:skin>
⒉ 在 ]]></b:skin> 的上面添加代码*1*
⒊ 浏览、确定没有出现乱码,,保存.
⒋ 然后在 布局 >> 添加小工具 >> HTML/JavaScript 添加代码*3*
⒌ 保存
BS 使用者 ;
⒈ 模板 >> Ctrl+F 寻找 </style>
⒉ 在 </style> 的上面添加以下的代码*1*
⒊ 然后在任何你想要的地方添加代码*2*
⒋ 保存.
代码 *1*
.nav {
font-family: '????', cursive;
font-size:14px;
color:#000;
line-height:50px;
}
.pic{
display: inline-block;
margin-left:15px;
width: 60px;
height: 60px;
-webkit-transition:0.6s;
}
#in{
margin-top:-60px;
text-align:center;
background: #ffffff;
width: 65px;
height: 65px;
opacity: 0.2;
padding:3px;
-moz-transform: scale(0) rotate(0deg);
-webkit-transform: scale(0) rotate(0deg);
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;
}
.pic:hover #in{
opacity:0.9;
-moz-transform: scale(1) rotate(360deg);
-webkit-transform: scale(1) rotate(360deg);
-moz-transition: 0.6s;
-webkit-transition: 0.6s;}
Explain ;
粉色 highlight ; 页面的代码 [ 字体美化 & 效果 ]
粉橘 highlight ; 图案的代码
粉黄 highlight ; 旋转出来页面的代码
浅青字体 ; 字体名字 [ 可查阅 这篇 ]
中青字体 ; 字体大小
深青字体 ; 字体颜色
青色字体 ; 字体的位置 [ 可高可低 ]
橙色字体 ; 横排 ( inline-block ) / 直排 ( block )
橘色字体 ; 距离左边的位置 [ left / right = 横排 ,, top / bottom = 直排 ]
黄色字体 ; 旋转出来页面距离图案的高 [ 依据 .pic{...} 的 height 来调 ]
深黄字体 ; 背景颜色 [ 灰色 / 白色最佳 ]
水蓝字体 ; 透明度
蓝色字体 ; 旋转度 [ 可更改 ]
* width & height 可自行更改、
更改了width & height ,, margin 代码自然要修改哦 *
----------------------------------------------------------------------------------------------
代码*2*
<div class="pic"><img src=" 图案direct link " width="70" height="70" />
<div id="in"><a class="nav"
onClick="document.getElementById('main').innerHTML=document.getElementById(' 页面ID ').innerHTML" title="">显示字体</a></div></div>
Explain ;
橙色字体 ; 高 & 宽
红色字体 ; 有些bs 的是 main 有些是post . 因BS而异 [ 亲们要pandai pandai 看清楚是什么哦 ]
在帖子代码里可找到
蓝色字体 ; 页面ID [ BS的每个页面都有专属的代码 如: about ,, entry ,, post 等等 ]
{ highlight 处 的 <div id=" xxxx "> ,, 通常都在post title 的上面 }
----------------------------------------------------------------------------------------------
代码*3*
<div class="pic"><img src=" 图案direct link " width="70" height="70" />
<div id="in"><a class="nav" href="页面网址" title="">显示字体</a></div></div>
Explain ;
橙色字体 ; 高 & 宽
----------------------------------------------------------------------------------------------
Extra ;
- 如果要鼠标指着页面时是另一个鼠标的话,,可以在 nav {...} 里面添加这个代码
cursor:url( 鼠标url );
- 如果要指着页面时有出现小题目/标题
可以在代码②/③ 的title添加你要的字. [ 青色字体 ]
- nav {...} 里面的效果可自行更改
- 若要更出众可以增加 border-radius ,, border ,, shadow 等等.
----------------------------------------------------------------------------------------------
课程完毕、
如果有哪里不明白可以再此帖子留言询问
Cbox 询问将不回复哦 :)
就这样,,祝你们成功 ;)
{{ Tutorial writed by BabeX eling ,, 2013 / 03 / 26 . }}
标签： 回馈, 教學課程, 页面效果, Blogskin, BT
.jpg)
.jpg)
.jpg)
.jpg)
