+Follow
Dashboard
Isabella's blog.
Diary Profile Friends Chatting Others

how beautiful is your life ?

Credits
Template by : Nurul lzzati
Image by : Google / Photobucket
Background : Isabella
Music from : Youtube
Best view in : Google Chrome

Likes



Share


Previous





Life is an opportunity,
benefit from it.
Life is beauty, admire it.
Life is a dream, realize it.
Life is a challenge, meet it.
Life is a duty, complete it.
Life is a game, play it.
Life is a promise, fulfill it.
Life is sorrow, overcome it.
Life is a song, sing it.
Life is a struggle, accept it.
Life is a tragedy, confront it.
Life is an adventure, dare it.
Life is luck, make it.
Life is too precious,
do not destroy it.
Life is life, fight for it.

Thursday, December 8, 2011
如何自製Chatbox皮膚 @ 12:43 PM
0 talkative person(s)


其實製作Chatbox皮膚很容易，但需要耐心。
而寬度和高度需要依你的部落格來自定。
如果你想要放在sidebar的話，那你的chatbox皮膚絕對不能寬過Sidebar。

我製作chatbox skin的時候比較常用paint、美圖秀秀和photoscape
這裡我教你們最簡單的製作方法。
效果圖：


代碼例子：
Cbox代碼：
<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0pt; PADDING-LEFT: 0px; WIDTH: 250px; PADDING-RIGHT: 10px; BACKGROUND: url(http://i1123.photobucket.com/albums/l559/Isabella_En/chatboxskin.png) no-repeat left top; HEIGHT: 400px; PADDING-TOP:80px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" id="cboxdiv"><div><iframe style="id="cboxmain" height="250" marginheight="2" src="黃色ID" frameborder="0" width="240" name="cboxmain" marginwidth="2"></iframe></div><div><iframe style=" id="cboxform" height="90" marginheight="2" src="橙色ID" frameborder="0" width="240" name="cboxform" marginwidth="2" scrolling="no"></iframe></div></div>

Shoutmix代碼：

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<div id="shoutmix-dl-0306" style="padding-top: 75px;padding-left: 3px; width: 250px; height: 400px; background: url(http://i1123.photobucket.com/albums/l559/Isabella_En/chatboxskin.png) no-repeat scroll left top transparent;" align="left" position: relative;>
<iframe src="http://www.shoutmix.com/?shoutmixID" width="240" height="320" frameborder="0" scrolling="auto"style="filter:alpha(opacity=50);opacity:0.55;-moz-opacity:0.55;display:block; "></iframe></div>

點擊圖片放大



1. 打開美圖秀秀，按新建，
寬度高度隨你喜歡，但要符合你的部落格。






2. 你會看到這個樣子。


3. 放些飾品或者文字下去。


4. 保存。
注：如果你要透明背景，記得要換去png格式。
而透明背景只能是靜態，動態就不能了。



5.打開photoscape，然後添加邊框


6. 最後保存，如果出現這個，就按No


然後上傳圖片到Photobucket或者ImageShack獲取direct link
然後取代我的代碼，請參考以下代碼。

Cbox代碼：
<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0pt; PADDING-LEFT: 0px; WIDTH: 250px; PADDING-RIGHT: 10px; BACKGROUND: url(圖片direct link) no-repeat left top; HEIGHT: 400px; PADDING-TOP:80px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" id="cboxdiv"><div><iframe style="id="cboxmain" height="250" marginheight="2" src="黃色" frameborder="0" width="240" name="cboxmain" marginwidth="2"></iframe></div><div><iframe style=" id="cboxform" height="90" marginheight="2" src="橙色" frameborder="0" width="240" name="cboxform" marginwidth="2" scrolling="no"></iframe></div></div>

Shoutmix代碼：
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<div id="shoutmix-dl-0306" style="padding-top: 75px;padding-left: 3px; width: 250px; height: 400px; background: url(圖片direct link) no-repeat scroll left top transparent;" align="left" position: relative;>
<iframe src="http://www.shoutmix.com/?ShoutboxID" width="240" height="320" frameborder="0" scrolling="auto"style="filter:alpha(opacity=50);opacity:0.55;-moz-opacity:0.55;display:block; "></iframe></div>

上面劃綫部份的數字你可以自己更改，至於是用來幹什麼的，你自己研究。
黃色、橙色和藍色那些請參考這裡

有些人會想要自己自製ChatboxSkin然後分享給網友，
但是你要記得附上代碼，因為別人根本就不知道你製作的寬度和高度，
怎麼用咧？

而隱藏內容的Cbox皮膚我會下次更新。

好了，有任何不明白的地方可以問我。
要轉載可以，不過要先問過我，
還有要貼上我的鏈接。
這是我辛辛苦苦寫出來的教程，絕不容許任何人抄襲。

Labels:



❤ older posts / / newer posts ❤