Creamy.

教程 | 添加蕾丝背景在帖子 / 小工具里

很难得的,最近真的很早睡觉。不到一点 / 两点就睡了 (( 众:这个叫很早睡 ?  嗯,对我来说是的。颗颗。以前不到四点我是绝对不会上床睡觉的。现在两点不到,已经开始觉得累了,而且也没有必要跟我自己的身体过不去,还是早睡比较好。况且,我也比较早起身了、典型的早睡早起。嘻。

废话不要多说,今天来发布答应了大家的添加蕾丝背景在帖子 / 小工具里。这个教程也是蛮多人问过的,所以今天就来发布吧。希望大家会喜欢 ♥ PS : 我最近很勤劳发教程有木有 ? 颗颗。


- Tutorial requested by ms.Elnic -

添加蕾絲背景在小工具里

Layout Template (2006) User / Blog Template User
1. 模板 - edit HTML

2. Ctrl + F 尋找代碼 .sidebar .widget  {

3. 在 .sidebar .widget  {...} 裏面添加以下代碼:
background: url(背景 url) repeat-x top;

 4. 預覽看看背景有沒有出現,即可保存。



添加蕾絲背景在帖子里

Layout Template (2006) User
1. 模板 - edit HTML

2. Ctrl + F 尋找代碼 .post {

3. 在 .post {...} 裏面添加以下代碼:
background: url(背景 url) repeat-x top;

 4. 預覽看看背景有沒有出現,即可保存。

Blog Template User
1. 模板 - edit HTML

2. Ctrl + F 尋找代碼 .post-outer {

3. 在 .post-outer {...} 裏面添加以下代碼:
background: url(背景 url) repeat-x top;

 4. 預覽看看背景有沒有出現,即可保存。

小解释
红色代码:蕾丝图片的 url

# 注:请确保你的 .sidebar .widget {...} / .post {...} 代码里面的 background: xxx; 已经全部删除了,不然是看不到效果的。


教程 | 将 sidebar 小工具分开 (BT)

呼,有好幾天沒有更新部落格了。因為最近在忙著為我的部落格們換新的設計。目前小說部落格已經換裝完畢了,顆顆。走的是微日系風格。嗯,還不錯啦。我個人還滿喜歡的說。再來,日記部落格已經關閉了,準備換設計當中。只是有一點點卡著了,所以不會那麼快開回。加上最近換設計時的速度越來越慢,以前一天就可以完成的設計,現在會拖個好幾天。原因是一邊看戲,一邊設計。結果網速被我的戲拖慢了,乾脆關掉部落格專心看戲 (⊙o⊙)… 我的錯,我懂。

因此,教材部落格暫時不關閉先。等我把這個部落格所需的設計素材準備好之後,再來開工。哇咔咔。因為我明白,如果一連幾天把部落格關閉,可能會造成大家的不便說 << 其實你沒那麼重要 ! 好唄,我懂了 T^T 總之,最近會儘量在換設計前把教材發佈完畢說。

好了。先說這一次要發佈的教程 : 將 sidebar 小工具分開。會決定先發佈這篇教程是因為大家要求的那個置放蕾絲在 sidebar 的教程,需要到這個效果。所以我就根據順序要發佈了。發了這篇教程后,就會發佈置放蕾絲在 sidebar 的教程了。希望大家會喜歡了,敬請期待喲。


- Tutorial requested by Janice -

1. 模板 - Edit HTML

2. Ctrl + F 尋找代碼
/* Widgets
----------------------------------------------- */
3. 在這個代碼下面把以下的代碼加上去:
.sidebar .widget{
background: url(背景網址);
border: 1px solid #ccc;
padding: 10px;
}
4. 預覽看看,效果有沒有出現,或有沒有不小心刪到其他代碼,即可保存。

小解釋
紅色代碼:背景圖片的網址
紫色代碼:邊框的粗度、類型、顏色
藍色代碼:內容與邊框之間的距離

額外知識
你可以為你的 sidebar 添加更多的效果喲。例如:
# 有形狀的邊框(參考此教程
# 內容字體有影子(參考此教程

等等等... 你想要的效果都可以添加進去 :)


教程 | 美化搜索框 (BT/BS)

这篇教程从 PMR 前拖到 holiday 之后。真的是觉得内疚死了、最近被逼着要早睡早起。托它的福,早上 11 点半我睡醒了 (( 众:这样叫很早莫 ? 对我来说那真的是很早了莫,平时是睡到两三点的。oMo 每天早上 4 / 5 点才睡,你们讲啦,想不睡到两三点都不可以 ;(

Okay, 废话太多了。这篇教程不大常看见(当然,我没有说它没有被发布过,也是有教程部落格发布过了)应该有蛮多人都不知道这篇教程吧…… ? 好啦,或许很多人都知道,可是总有一小部分的不知道,这样行了莫 >P< 好滴,废话真的不要再讲了,看教程咩。

To Miharu -
I'm so sorry that promised you to post this tutorial as soon as possible but seem like I'm didn't keep my promise. Sorry. Please forgive me :)


- Tutorial requested by Miharu -

Blog Template 使用者
1. 布局 - 添加小工具 - HTML/JavaScript

2. 将以下代码添加进去:

<center>
<form action="/search" method="get"><input type="text" name="q" value="" style="width:160px; height:19px; background:url(背景 url); color: #000000; font-size: 12px; border: 1px solid #000000;" />
<img src="图片 url" /><br /> <br />
<input type="button" value="Click to Search" style="font-size:12px; color:#000000; background: #cccccc; border:1px dashed #FFEBCD;" /></form></center>

3. 保存即可。

Blogskin 使用者
1. 模板

2. 将上面的代码添加进去你想要搜索框出现的地方

3. 预览看看你想要的效果有没有出现,即可保存。

小解释
# 我将代码分为两个部分来解释噢。的就是搜索框的美化代码的就是搜索键的美化代码

搜索框的美化代码
褐色代码:搜索框的高度、宽度(可以更改成你想要的高度、宽度)
橙色代码:搜索框的背景 url
红色代码:搜索框的字体颜色
蓝色代码:搜索框的字体大小
紫色代码:搜索框的边框粗度、种类、颜色
青色代码:小图标的图片 url(如果不要置放小图标,可将 <img src="图片 url" /> 删除)

搜索键的美化代码
紫色高亮:搜索键里显示的字(可更改成你喜欢的)
蓝色高亮:搜索键里字体的颜色
红色高亮:搜索键的背景色(可改成背景图)
绿色高亮:搜索键的边框粗度、种类、颜色


教程 | 迷你播放器【加强版】(BT/BS)

大家好,我又来发帖了。嘻,这一次来发一发之前你们通通在问我的那一个教程。之前发布过的 - 迷你播放器 - 不知道大家还记得吗?感觉这个播放器还蛮适合大家的胃口的,赫赫。所以今天来发布一下它的加强版,也是你们最关心的问题,就是这个播放器能不能添加多首歌曲。能!能哦。它能添加不超过 5 首歌曲哟。

教程还没有开始以前,麻烦各位读者到 - 此帖 - 看看。没有什么特别的理由,只是想把这篇帖子分享给我所有的读者。希望你们真的能明白我们这些博主的心思,不要践踏好莫 ?

Blog Template 使用者
1. 布局 - 添加小工具 - HTML / JavaScript

2. 添加以下代码:
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=第一首歌的MP3网址&t0=第一首歌的歌曲名字&f1=第二首的MP3网址&t1=第二首歌的歌曲名字&total=2" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />

Blogskin 使用者
1. Ctrl+F 寻找代码 </style>

2. 将代码添加在 </style> 的下面 / 任何你想要的地方

3. 保存即可。

小解释
红色代码:歌曲的 MP3 网址(可参考此教程:如何取得 MP3 网址
蓝色代码:歌曲的名称
紫色代码:歌曲的总数量
紫色高亮:歌曲的编号(由零开始)
紫色高亮:歌曲名称的编号(由零开始)

加强版解释
以上我给的代码呢,只是添加两首歌曲的代码。如果你想要添加更多的歌曲,就将以下代码添加在 &total 的前面:
&f1=第三 / 四 / 五首的MP3网址&t1=第三 / 四 / 五首歌的歌曲名字

如果你添加的是第三首歌曲, f1 就要改成 f2,以此类推。
如果你添加的是第三首歌曲名称, t1 就要改成 t2,以此类推。
此外、紫色代码要随着你添加的歌曲数量更改哟

这篇可能解释得会比较混乱,如果不明白的话,记得留言给我。其实它只是一个很容易明白的道理而已,可能被我解释得乱去了 /3// 对不起。如果你不明白的话,真的要留言给我。


. 近来 / 小白重现


ElaineKC 的福,我終於肯來更新日記了。這篇帖子會提及很多東西啊 ~ 太久沒有更新了,很多東西想要寫。可是又不知道該如何開頭。原諒我的詞窮啊—— 對不起  最近的生活、看的、我最愛的網友們 ( KC & Elaine Babez )、還有我最討厭的小白。阿米歐,覺得我最近嚴重犯小人你們懂莫 ? 下次上網都要看黃曆了,不然都不知道爲什麽會無故犯小人外加犯小白 !

小白的事情,待會兒再說吧。提一提最近的生活吧。最近的生活真的好愜意啊 —— 過到我開始擔心開學以後的生活該腫麼辦。啊,想這個還太早,先不想了  顆顆。 最近的生活就是看戲看到遲遲、第二天也睡覺睡到遲遲。然後就玩電腦  頹廢的日紙啊。感覺不想再這樣過日子下去了。明天起   明天起,會早早起身的,會多更新我的教程,會開始更新我的小說的。而且前陣子參加的小說比賽的小說都還沒有開始寫   咔咔咔。概念已經有了,明天開始寫吧。

然後啊,最近看完了《我們結婚了》的維尼夫婦那一 part. OMO 我愛上了 Nickhun  Victoria 啊—— 他們真的好配你們懂莫 ? Nickhun 真的是超帥的、Victoria 的身體真的超柔軟你們懂莫 ? 那種對我來說的極限動作,她可以輕輕鬆松就做掉了。真的超級的厲害啊。他們的蜜月旅行去了馬爾代夫 ! 是馬爾代夫啊,我很想去的一個地方。那裡的水超級無敵藍,而且清澈到完全看得到水底你們懂莫 ?! 我真的很雞凍啊—— 可是啊,完結了。最後一集放送,我真的看的好不捨,完全在電腦面前哭 T^T (( 你很愛哭吼 ?  我是個完全愛哭的人,真的。

最近啊,我認識了兩個超級超級好的網友 —— Elaine、KC. 首先,要跟你們說一下,我很愛你們啦 !!  不知道從什麽時候開始,就跟她們很能聊的說。幾乎每天每天,一定會在 面子書 聊上幾個小時的。我們的喜好,一模一樣 !! 我們討厭的人,一模一樣 !! 我們的遭遇,一模一樣 !! 我們的性格,也幾乎一模一樣 !! 我跟他們真的很能聊的說。真的很開心,可以讓我在網絡這個虛擬的世界中,遇到這些對我好的人。謝謝你們,真的很感動 T^T 跟你們約定哦,等我長大以後,一定會去找你們見面的,一定 ! ♥


雞毛蒜皮的事情交代完畢了  顆顆  現在要來發洩一次啊最近超級討厭的一件事情,是關於部落格的。最近的心思都沒有在部落格了。真的。總是遇到一些不可理喻的博友。我的天啊。大家有木有興趣知道是誰呢 ? 沒有興趣也沒有關係,關掉我的部落格就好了。如果你也想知道你是不是我說的其中之一,可以繼續看下去。事先聲明,我是個完全不介意你討厭我的人。我很拽我懂。那又如何 ? 你也可以拽啊,看你要不要罷了。不要羡慕我的拽。好吧,這真的拽了點。抱歉吶、可是我真的真的很討厭以下我說道的人 ! oMo 下大雨了現在。顆顆。<< 題外話 ?

> 無緣無故留言罵我的那位
不是我要舊事重提,只是講開了,就順道一提吧。你不滿意我放的歌曲所以留言告知我,我看到了啊。我也沒有說無視你的留言或什麽。只是看到了,不代表要接受並且要跟著你的意思去做啊。你就無端端在那裡嗆聲,說啥是壞學生,校長也拿你沒轍。納尼 !? 你是壞學生關我啥事啊 ? So ? 壞學生我要怕你 ? 我要對你畢恭畢敬 ? Sorry. 這是網絡世界。一個你看不到我,我看不到你的地方。我真的沒有那個必要去怕你。

> 我不是神,我是人
大哥大姐、ajushi amoni,你們好。真的很想跟你們說一句:俺,不是神,是人 ! 我是有開放部落格教程沒有錯。可注意,是【部落格教程】,僅限於【部落格】,以外的東西,我真的什麽都不懂的啊。還有,我不懂的事情可多了。不需要因為我不懂,就變的那麼驚訝吧 ? 我真的真的跟你們一樣,是人 ! 那個有頭髮,有耳朵,兩粒眼睛,一個鼻子一個嘴巴的人。明白嗎 ? 不要把我當成 superwoman, OK ?

> 原創需要腦子,抄襲也需要
在今天終於明白了這個道理。原來,我辛辛苦苦去挖出來的文字 horr, 你一句參考就【借】用過去了。真的是太棒了 ! 那些句子我用了整個晚上想出來,你一聲不響,就借過去了,你不覺得你真的很沒有禮貌嗎 ? 而且,真的很想對某位博主說一句,原來你的壞本性沒有改過,你還是你。還是那個愛抄襲的你 !! 噢,對不起,我應該說,愛【模仿】人家的你 !!! 你真的真的很愛模仿,排版你也要模仿,效果你也要模仿。你跟我講,你還有什麽是不要模仿的 ? 還有什麽 ? 啊 ? 你跟我講 ! Sorry, 雞凍了一點。以上的言論也涉及了我親愛的 KC 在裏面。

> 我不知道你發帖的目的
這個真的很 beh tahan. 首先,我真的很不明白,你發帖的目的是什麽。發了一個引起眾人好奇的帖子以後,就拍拍屁股走掉,讓我們自己在那裡想東想西,猜來猜去。Hallo, 你是吃飽沒事 do 嗎 ? 我建議你可以去做做家務、更新部落格、打電動 or what what what. 不要在這裡無聊好嗎 ? 或許你可以嫌我雞婆,多事管你。我就是,如何 ?

> Credit 不是大玩的
拿了誰誰誰的素材,我們一般都有 credit 的對某 ? 可是,我真的很想跟你講一句。【Credit 不是大玩的】。如果你沒有那個心要去 credit 拿素材的那個網站,可是又怕人家說你閒話,不用怕。不用 credit 的好。我相信,沒有一個博主會希望自己被 credit 在一個只是怕被人家說閒話而勉強 credit 我們的那一位。還有,某某 effect 或許是我們從 BS 挖來的,可是我相信通常都有更改過。不要拿一句 “ 你也是從 BS 挖來的 ” 來阻塞我們。挖來不用時間 ? 挖來更改的時候,不需要用腦 ? 還有,你從哪裡拿來請你記住 ! 寫在某某帖子裏面竟然說是自己從 BS 挖來的 ? Hallo, 不要不要臉 please.

> 不要因為問了某效果而丟臉,然後說謊
很多博友 horr, 不懂要怎樣講。也是全部,只是一部份。你們開口問了以後又沒有人會笑你。有必要爲了你那個不值錢的面子就說謊說,啊,這個啊,我從 BS 拿來的啦。哈哈。很好笑咯,你這樣讓我更看不起你咯。明明就是詢問了某博主才懂得使用,偏偏要說成是自己挖來的那一種。Hello, 不要覺得 paiseh 咯。有誰不需要問人家就懂這些東西的 ? BS code 的編寫者也是問了別人才懂的。不要侮辱人家 please !

> Chatbox VS Inbox
我真的要效仿 Elaine 了。以後 blog 歸 blog, FB 歸 FB ! 不要再 Inbox 我問任何關於 部落格 的東西了。有事情 ? 麻煩,部落格有留言箱。再不然,你那麼喜歡 FB 對不對 ? 去我的專頁留言也好, inbox 也好。你喜歡。真的不要再 inbox 我任何關於部落格的東西了。還有,你們說留言在 Chatbox 了,我卻沒有回覆你們。抱歉,這是不可能發生的事情。唯一會讓它發生的原因只有兩個:一、你不留網址給我。二、你留了電郵地址給我。大哥大姐、ajushi amoni、這是部落格的世界,你問的是部落格的東西,我要回答的也是部落格的東西。麻煩你 ! 留下你的部落格網址給我。不是你的電郵地址。我不是跟你在交友,不需要一直 email 來 email 去的咯。我也沒有耐心再在我的部落格開一個專屬工具,專門留言給那些不留網址的你們。受够了,真的受够了 :)
最後、給以上我提到的你們的一句話:
如果你有覺悟,覺得你是我講的以上的人,麻煩 自動一點。不要再成為以上 brainless 的人了。拜託。又或者,你覺得我刺到你的心肝兒裡去了,也可以留言罵我,像上次內位 XXX 一樣,我不介意。真的不介意。我大把時間跟你們玩。顆顆。還有,最重要的是:你可以不認同我說的全部東西,可是你沒有資格說我說錯了。或許我是主觀了些,可是說我錯的你,不也主觀了嗎 ? =]
完、晚安。

素材 | 日系小鼠标 III

前兩次發佈的系列素材 - 日系小鼠標 I - 日系小鼠標 II - 都有不錯的反應,顆顆。承蒙大家的喜歡,也收集到了蠻多大家想要的粉絲名鼠標。所以呢,再發佈這一次素材。全部素材都是照著大家的要求製作的,如果你們還想要別的,可以留言在帖子或者 Cbox 給我。我會幫忙找相關偶像的粉絲會名稱。當然啦,粉絲會名稱不限於歌團而已,那種 actor 也可以,或者歌手也可以。如果我找不到他們粉絲會的名字,會向你詢問的。

這次發佈的偶像團體有 2PM / T-ara / f(x) / F.T. Island 的,都是大家要求的哦。希望你們會喜歡唄。

# 1 不介意的话,使用前请留言告知。

# 2 右键已封锁,请使用 Ctrl+Click 到另一个新窗口拷贝网址。

# 3 若想要转载素材,请先得到博主的同意,并附上部落格链接。

日系小鼠標 III - 偶像系 -

Aff(x)tion ( f(x) )

Hottest ( 2PM )

Primadonna ( F.T. Island )

Queen's ( T-ara )


有关教程:

# 素材乃自制,转载请附上链接。

教程 | Slide Out Status Bar

这篇教程好像拖了 Allva 好久。Erm,, 也不知道我有没有记错,是不是 Allva 要求的。如果不是的话,麻烦通知我一声啊。歹势啊。其实这个教程吼,代码真的是我乱乱弄出来的,就算发布了,也不知道你们明白没有。囧。所以,如果要跟我拥有相同效果的亲们呢,有一些代码你们还是不要更换的好,我怕一换了,就弄不到那个效果出来了。不好意思啊。

最近可能会减少更新。Hmm, 网速真的很不给力。看戏上网不能同时一起进行 :( hurt 有时候部落格根本就是 load 到我发脾气。面书更惨,一直 refresh refresh 都不会出现首页。oMo 所以教程素材可能都会减少。对不起哟。颗颗。


- Tutorial requested by Allva -

1. 布局 - 添加小工具 - HTML/JavaScript

2. 添加以下代码:

<style type="text/css">
#stat {
padding: 3px;
width: 280px;
text-align: center;
position:fixed;
left:-250px;
top:250px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#stat:hover {
top:250px;
left:10px;
}
</style>

<div style="position:fixed;">
<div id="stat">
<div class="stat"><center>
<div style='width:200px;background:#ffffff; padding: 3px; border:1px dashed #cccccc; filter:alpha(opacity=1.5); border-radius:5px; color:#000000;'><center><marquee behavior='scroll' direction='left' scrollamount='4'>状态内容</marquee></center></div>
<div style="margin-top:-30px;margin-left:250px;"><img src="图片 URL" /></div></center></div></div></div>
 3. 保存,即可。

小解释
蓝色代码:整个状态的宽度
红色代码:1 - 距离顶部的距离
                      2 - hover 后,距离顶部的距离(可以选择跟上面红色代码一样 / 加大代码)
红色代码:状态框框的宽度
紫色代码:状态框框的类型 / 粗度 / 颜色
青色代码:状态框框的形状(可参考此帖)
紫色代码:状态字体的颜色
紫色代码:状态的内容(替换成你的内容)
蓝色高亮:状态旁边图片的网址

# 劝言:各位还是不要更换那些宽度什么的会比较好哦,真的,我怕一换了,就会失去那个原本的效果了。当然,如果你坚持要换也是可以。若是真的效果走掉了,你弄不到的话,欢迎你留言给我哟。能帮的一定会帮。


模板 | Smile to your life

# The live preview may got some mistake. You can click the preview image above to know more about the skin. Live preview is just for you to preview some effects there.


整个假期完全被我荒废去了。唉。小说也没更新,简直是变成废人一个了。(( 汗颜  还好的是,最近这几天总算做了一件蛮有意义的事情 —— 我的第一个 BS 模板诞生了!真的真的很开心的说。唯一一件有意义的事情 /3// 这次的模板风格偏向唯美风格。很故意的选用了那些复古花纹背景来弄内个边框还有 帖子背景。如何?还蛮不错吧?

真的很希望这个 BS 大家会喜欢噜。毕竟从代码到概念设计,完全没有抄袭 / 参考人家的代码。真的是我一字一字打出来的说、虽然很累,可是很开心啊。毕竟是第一个自己亲手码的 BS skin。内一个叫大满足啊—— 好了。废话说完了。准备下线去看我结了。任何意见 / 想要我改进的地方,欢迎留言在留言箱 / 帖子里。我会看到的  嘻嘻

对了。留言箱(Cbox)的留言最近少掉很多。是不是你们找不到在哪里?颗颗   它藏身在右上角的 See More 里面哟。重复一次,是右上角的 See More 里面哟。不要忘记给我留下你那宝贵的意见了。当然啦,你喜欢的话,可以抱走拿去 re-edit。最重要的是,不要 remove 掉我的 credit 啦。真的是码字码到很辛苦的说。不要占为己有哟。

好啦。是时候说再见了。颗颗   下次会制作更棒的模板给大家的。敬请期待。另外,想要的任何素材,欢迎留言也。


分享 | 100 x 100 唯美动漫小图

上次发布过了这个唯美小图,这一次再追加,不过有一点点的不一样。这一次发布的是关于动漫的。虽然我不是动漫迷,可是我相信应该有不少的博友都是动漫迷呗。嘻嘻   首先很感谢 Zenia 提供的动漫图片网站。ありがとう。还好这次找到的都是方形的唯美图片。不然的话,我的缩小工程会很麻烦说 /3// 再一次感谢 Zenia 亲的帮忙。

# 1 不介意的话,使用前请留言告知。

# 2 右键已封锁,请使用 Ctrl+Click 到另一个新窗口拷贝网址。

# 3 若想要转载素材,请先得到博主的同意,并附上部落格链接。

100 x 100 唯美动漫小图









有关教程:

# 素材非自制,但也是经过博主辛苦收集且上传,转载请附上链接。