Creamy.

教程 | Navigator Style 1 (BT/BS)

超超超超久违的教程 :) 带着新设计低调的回归。整个 2013 就过去了三分之一了说、即使压力再多也好,心情再烂也好,日子还不是一样得过。这个世界不会因为你一个人的心情不好、压力很大而停止运转,所以,倒不如重拾欢笑,开开心心地过每一天。♥

言归正传,这次更新的教程:Navigator Style. 就是我们常说的页面效果啦。这次分享的教程呢,效果是自创的。其实这个教程是有瑕疵的,就是只适合用在单色背景。或者熟悉代码的大家,可以把效果的 basecode 拿去慢慢研究的哟,不过记得 CR 我就是了 :>


Blog Template User
1. 页面 - 添加小工具 - HTML/JavaScript
2. 把以下的代码添加进去

Blogskin User
1. 模板 - edit HTML
2. Ctrl + F 寻找代码 </style>
3. 在 </style> 的下面添加以下代码


<style>
#navi1 {
width: 100px;
height: 10px;
color: #fff;
margin-left: -111px;
-webkit-transition-duration: .7s;
padding: 10px;
padding-right: 25px;
background: 背景色/url;
border: 1px dashed #888;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
}
#navi1:hover {
width: 100px;
height: 10px;
padding: 10px;
padding-right: 25px;
color: #fff;
margin-left: 0px;
-webkit-transition-duration: .7s;
background: 背景色/url;
border: 1px dashed #fff;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
}
#nav1 {
font-family: arial;
text-transform: uppercase;
height:12px;
background: url(背景url);
color: #fff;
-webkit-transition-duration: .7s;
border: 1px dashed #888;
}
#nav1:hover{
font-family: arial;
text-transform: uppercase;
height:43px;
background: url(背景url);
color: #888;
-webkit-transition-duration: .7s;
border: 1px dashed #888;
}
</style>
<div style="top:60%; left:1px; position:fixed;">
<div id="navi1">
<div id="nav1"><center><span style="text-shadow:1px 1px 1px #ccc;"><a href="页面链接">页面名称</a></span><br /><br />页面简介</center>
</div></div>
<br /><br />
<div id="navi1">
<div id="nav1"><center><span style="text-shadow:1px 1px 1px #ccc;"><a href="页面链接">页面名称</a></span><br /><br />页面简介</center>
</div></div>
<br /><br />
<div id="navi1">
<div id="nav1"><center><span style="text-shadow:1px 1px 1px #ccc;"><a href="页面链接">页面名称</a></span><br /><br />页面简介</center>
</div></div>
</div>


小解释
红色代码:背景的颜色代码 or 网址
蓝色代码:页面位置 *可自行更改
紫色代码:页面链接
橙色代码:页面名称 *示例图 - HOME
靛色代码:页面简介 *示例图 - BACK TO HOME

# 号外号外:其实我没有 color 起来的代码也可以自己更换,毕竟 basecode 给了你们,要更改起来就比较容易。

PS : 求对新设计的留言啊啊啊啊 :D


14.4.13


 Hey, how are you? Well, peeps! I'm here to update my blog again (╯3╰) Hmm, about two weeks I didn't touch my blog. Okie, quite miss my blog now. Unfortunately, I really busy. Everyday I'm busy for my tuition, homework that given by teacher and all those bla bla bla.

3.5.13 is the first day of my mid-term exam. Shxt! Paper 3 of History. Ok. I'm feeling die now. There is still two weeks till my exam. :( And right now, I'm still blogging, drama-ing, and online-ing.  Hmm, waiting to die. So, I decided that I'm not going to online from today onwards. *PS: Hope that I can do what I said.


Shocked when found out that I update my blog using English? Well, you have to suit it as I want to improve my grammar. Maybe the next few posts I'll using English too teehee 


 Announcement - Tutorial blog will update soon. Novel blog is under-construction. Any tutorial that requested I'll update for you all as rewards.


 As I will leave my blog temporarily no longer soon. But my insta and twitter will update daily. Here's the way to contact me :
 Instagram : @bii_babey
 Twitter : @ImSnowJing

See you there! :D 


久違的更新吶


 一個月又21天,我告別了寫日記發教程的部落格。

這次 CB 帶著新皮兒 回歸 ㅋㅋㅋ *CB 乃 come back 請別往他處去想 :D 新設計其實從我的月考前就開始籌備了 到現在才完成的原因其實... 有他媽的多 :3 偷偷告訴你們一個秘密 我的原設計不是這樣的! 原設計本來是復古彩色風 後來演變成 日式顏風 then 是粉嫩色系 再 then 就是復古郵信風 再再後來才到這個,也就是你們現在看到的設計。極差... 相當的大。當然,每個設計都難產最主要的原因其實是.. 技窮了 =v= 好吧 這次的設計其實蠻簡單的,複雜的效果其實也沒有用很多。各式效果都也 credit 了它們的主人,就不多說了嗯。廢話好像有點多了 唔

回歸正題。一個多月沒有更新部落格 不代表 我沒有在注意著它們。勞資每天都有上線注意部落格的喲。留言能回復的也盡量回復了 ps: 這祇限教程部落格啦 畢竟日記部落格也關閉了整整一個月說 沒有新的留言根本 ㅋㅋㅋ 說起來,我還有很多篇帖子沒有更新說 我的新年帖 新年出街帖 還有等等等的帖子。要我一篇一篇發是不可能的了,那就濃濃濃濃縮成簡潔版一次過打在這篇帖子裡唄 XD

- - -

剛剛考慮了一下,新年帖貌似離現在有點久了 唔 :3 那就算了吧 skip 掉就好了。說回最近的就好 teehee :D

* 校園生活 Go!


校園生活嘛.. 其實也沒有什麼大事發生 ahemmm 就第一次月考過了,成績也發了。呃.. 華文 fail 掉了!oMo 人生中的第一個紅字說 =v= 勞資不活了 < 誇張 ==' 不過其實老師也已經提前告訴我們說我們肯定會 fail 的說。原因是:一個小時根本不夠完成一篇現代文、一篇新詩、一篇文言文外加語文知識題。欸。

Then.. 好像就沒有什麼東西發生了欸。啊有,功課 sibeh 多 =V=

* 日常生活 Go!


日常生活嘛、大事情.. 好像沒什麼呢~ Account 又重新補回了。不過是不同的老師啦、我都是去 < 超級 > 補的。那裡的老師還不錯的說 ㅋㅋㅋ

啊對了,130329 _ 勞資去馬六甲玩 唔 2 days 1 night trip 來 geh~ 跟我的表哥、表哥的女盆友、姑姑 & 姑丈去的說。老實說,我去馬六甲的次數屈指可數,不會很多次罷了,一個手數的完~ XD 這次去主要是去吃 ( ps : 表哥和我都是吃貨一枚 :3 這次去主要是去吃 satay celup.. 五個人.. 吃了.. 98 串.. 原本預定是去 Capitol ( 有 spell 錯嗎? 吃的說,那個人潮 horr.. 超多的 =v= 估計沒有排上 2-3 個小時應該是吃不到那種 :3 人太多,我們只好轉移陣地,去 < 萬里香 > 這里人也是很多.. 不過不知道為什麼我們竟然可以插到隊、等沒十昏中就可以粗了!Luckyyyyyyyyyy 啊~

吃完 luk luk 过后,就到 #DP 逛街 ( Dataran Pahlawan 逛街 XD 其实也只是随便逛逛而已啦、颗颗 Then, 我在那里收获了一双娃娃鞋 :P gam xia 我的姑丈 teehee :D 晚上就回到酒店 - Hotel Mahkota. 我们租的是类似 apartment 的房间啦,晚上冲好凉 休息够了之后,就到 hotel 对面的 Jetty (?) 走走逛逛。那里晚上真的很冷清... 人真的很少说 :3 去了内个 Gogo KTV 靠近海边的 KTV 吃宵夜、晚上了我还可以喝得下一杯 Vanilla Milkshake :P 宵夜过后,就走路回酒店。说真的,回到酒店,一躺在床上就睡着了 zZ 第二天睡到八九点才起身,起身过后就 check out 酒店房间,then 就到鸡场街吃早餐 - 海南鸡饭 /3\ 早上吃饭很奇怪对不 =v= 我也那么觉得,就我的表哥要吃啦 >3< 囧无言。早餐吃完还到 Nadeje take away 一整个大蛋糕再走 :3 其实也就是我最爱的千层蛋糕 blekk :P


ㅋㅋㅋ 当晚的收获 :D 

- - - 

现在是凌晨 1.17 am. 我准备上床睡觉去了 XD 祝大家晚安、还有  感谢看了 ↑ 那么烂的一篇文章 :P