+Follow
Dashboard
Isabella's blog.

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.

Monday, August 19, 2013
美图秀秀简单制作水印 @ 10:00 PM
0 talkative person(s)
制作辛苦,请勿盗图文


1。新建画布
2。宽度高度按自己喜好设定,背景按透明



点击文字,输入静态文字


随自己喜好选择字体,颜色,大小


也可以按饰品,放自己喜欢的图案
完成后按1。保存
2。设定png格式,否则背景会是白色而不是透明


现在可以随意放水印在自己喜欢的图片了
打开你要的图片
按文字 - 导入模板 - 用户自定义


选刚刚做好的水印


以后就可以在文字-用户自定义里找到了
点它自动就会出现


随自己喜好设定位置,大小,透明度,旋转角度等等
完成后点击保存就可以了


示范图:




这篇是教大家怎么简单制作自己的水印罢了,如果想要一些特殊又漂亮的,建议大家还是找专业的人帮你们弄哦。

Labels:

Thursday, December 8, 2011
自製隱藏內容的cbox皮膚、如何隱藏cbox內容 @ 5:30 PM
0 talkative person(s)
效果圖:

圖一是使用paint畫出來的邊框,背景不透明


圖二是使用Photoscape畫出來的邊框,背景透明

我比較建議使用Photoscape啦,
因為如果用paint加了一些效果的話背景本來是透明的也會變成不透明的。
想要下載Photoscape的朋友可以按這裡

下面我用圖二的效果圖來示範代碼:

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

Shoutmix代碼:

<div id="shoutmix" style="padding-top: 80px; padding-left: 10px; width: 250px; height: 200px; background: url(http://i1123.photobucket.com/albums/l559/Isabella_En/cboxskin3.png) no-repeat scroll left top transparent;" align="left" position: relative;>
<iframe title="isabella_en" src="http://www.shoutmix.com/?ShoutmixID" width="230" height="103px" frameborder="0" scrolling="auto"style="filter:alpha(opacity=50);opacity:0.55;-moz-opacity:0.55;display:block; ">
</iframe><!-- End ShoutMix --></div>


橙色ID和ShoutmixID是什麽?請往下看。

下面開始製作皮膚過程。


1. 打開美圖秀秀,點擊新建
寬度隨你喜歡,高度最好別超過200 。


2. 添加字體和飾品。


3. 保存。記得如果背景透明的話要png格式。


4. 打開photoscape,添加邊框,紅框部份是線條類型。


5. 也可以添加一些線條,好了后按保存。


6. 你也可以用paint添加邊框和線條,但是背景會變成白色的。



 最後把你完成的圖片上傳到Photobucket或者Imageshack獲取圖片Direct Link。


 現在教你們如何隱藏cbox或shoutmix的內容。

隱藏Cbox內容:



在你的Cbox代碼里按Ctrl+F尋找iframe,

<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0pt; PADDING-LEFT: 0px; WIDTH: 250px; PADDING-RIGHT: 10px; BACKGROUND: url(圖片DirectLink) no-repeat left top; HEIGHT: 200px; PADDING-TOP: 10px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" id="cboxdiv"><div><iframe style="id="cboxmain" height="230" marginheight="2" src="http://www3.cbox.ws/box/?boxid=3274125&amp;boxtag=hy67r5&amp;sec=main" frameborder="0" width="200" name="cboxmain" marginwidth="2"></iframe></div><div><iframe style=" id="cboxform" height="100" marginheight="2" src="橙色ID" frameborder="0" width="250" name="cboxform" marginwidth="2" scrolling="no"></iframe></div></div>

把灰色部份的刪掉,如圖。
劃綫部份的數字可以自行更改。
橙色ID是什麽?別著急,請往下看。



隱藏Shoutmix內容:
在你的Shoutmix代碼里按Ctrl+F尋找title,title後面的height調成103就可以了。

<div id="shoutmix" style="padding-top: 80px; padding-left: 10px; width: 250px; height: 200px; background: url(圖片Direct Link) no-repeat scroll left top transparent;" align="left" position: relative;>
<iframe title="isabella_en" src="http://www.shoutmix.com/?ShoutmixID" width="250" height="103px" frameborder="0" scrolling="auto"style="filter:alpha(opacity=50);opacity:0.55;-moz-opacity:0.55;display:block; "></iframe><!-- End ShoutMix --></div>

劃綫部份可以自行更改。
橙色ID和ShoutmixID可以看這裡
想要簡單製作Chatboxskin可以看這裡

好了,有任何不明白的地方可以問我。
要轉載可以,不過要先問過我,
還有要貼上我的鏈接。

這是我辛辛苦苦寫出來的教程,絕不容許任何人抄襲

Labels:

如何自製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:

Saturday, December 3, 2011
添加長條形Youtube Player @ 6:21 PM
0 talkative person(s)



頁面元素→添加小工具→HTML/Javascript

<center><embed src="http://www.youtube.com/v/z9Pv7D-X9Hw&feature=related&autoplay=1&amp;hl=en_US&amp;color1=0xFCDFFF&amp;color2=0xFCDFFF" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object></center>


過後就開始在youtube找你要放在部落格的歌
找到了就放進代碼里




看到紅框裡的字嗎?
紅色的字替換成類似框裡的那個就對了


藍色是youtube player 的邊框顏色
紫色的是youtube player的背景顏色
橙色的是長度和高度,可以自己調,數目越大就越長/高

顏色代碼按這裡
當你把顏色代碼paste進上面的代碼以後,請把#符號拿掉,不然顏色會顯示不出來。

Labels:

Tuesday, November 22, 2011
添加多功能標籤 Multi tab @ 2:37 PM
0 talkative person(s)



首先登入你的部落格,設計→ 修改HTML
Sign in blogger,design→ Edit HTML


Ctrl+F 尋找 </head>
Ctrl+F find </head>

把以下的代碼paste在它的前面
Copy and paste the HTML in front of it

<script type='text/javascript'>

//<![CDATA[

function tabtampil_oom(TPID, id)

{

var Tabtampil = document.getElementById(TPID);

var TTs = Tabtampil.firstChild;

while (TTs.className != "TTs" ) TTs = TTs.nextSibling;

var TT = TTs.firstChild;

var i = 0;

do

{

if (TT.tagName == "A")

{

i++;

TT.href = "javascript:tabtampil_ubah('"+TPID+"', "+i+");";

TT.className = (i == id) ? "Active" : "";

TT.blur();

}

}

while (TT = TT.nextSibling);

var Halamans = Tabtampil.firstChild;

while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;

var Halaman = Halamans.firstChild;

var i = 0;

do

{

if (Halaman.className == 'Halaman')

{

i++;

if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";

Halaman.style.overflow = "auto";

Halaman.style.display = (i == id) ? 'block' : 'none';

}

}

while (Halaman = Halaman.nextSibling);

}

function tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id);

}

function tabtampil_inisial(TPID) { tabtampil_oom(TPID, 1);

document.write('');}

//]]>

</script>


按預覽看有沒有問題,沒有的話就按保存。
Preview and save it if don't have any problem .

過後再按頁面元素→添加小工具→HTML/JavaScript
and then click page element→Add a Gadget→HTML/JavaScript

<style type="text/css">

div.TabTampil div.TTs

{height: 24px; overflow: hidden; }

div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active

{ background-color: #82CAFA; }

div.TabTampil div.Halamans

{ clear: both; border: 1px solid #000000; overflow: hidden; background-color:#ffffff;}

div.TabTampil div.Halamans div.Halaman

{ height: 100%; padding: 0px; overflow: hidden; }

div.TabTampil div.Halamans div.Halaman div.Alas

{ padding: 3px 5px; }

div.TabTampil div.TTs a

{ border-left:1px solid #000000; border-right:1px solid #000000; border-top:0px dashed #000000; border-bottom:0px dashed #000000; float: left;

display: block; width: 95px; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", Serif;

font-size: 11px; font-weight: 900; color: #000000}

</style>

<form action="tabtampil.html" method="get">

<div id="TabTampil" class="TabTampil">

<div style="width: 300px;" class="TTs"> <a>标题1</a> <a>标题2</a> <a>标题3</a></div>

<div style="width: 300px; height: 300px;" class="Halamans">

<div class="Halaman">

<div class="Alas">

<br/>



内容1





</div>

</div>

<div class="Halaman">

<div class="Alas">

<br/>



内容2



</div>

</div>

<div class="Halaman">

<div class="Alas">

<br/>



内容3



</div>

</div>

</div>

</div>

</form>

<script type="text/javascript">tabtampil_inisial('TabTampil');</script>





藍色的是選中標題的時候出現的顏色

青色是內容邊框的顏色

紅色是內容的背景顏色

紫色是標題的邊框顏色

橙色是標題的字體顏色

顏色代碼請按這裡

標題只可以寫字,而內容可以放code或者字

border是厚度,數字越大就越厚

solid 是線條類型,下面有其他的類型

只要把solid的字眼換取你要的字眼就可以了

Labels:

Monday, November 7, 2011
Hello Kitty Chatbox 皮膚 @ 7:06 PM
0 talkative person(s)
第一次製作皮膚,不美的話請見諒 ><

在換皮膚前,我先教你們怎麼找到Cbox ID和Shoutmix ID吧。


Cbox 用戶請看這裡:

首先,在你取得你的Chatbox code之後,

尋找類似下面的code,那就是你的Cbox ID 了。


copy起來,再放到我已經調好的Chatbox Skin就可以了。



Shoutmix 用戶請看這裡:



箭頭指著的地方就是你的shoutbox ID啦~
也就是說,你登入shoutmix時填的Shoutbox ID哦!


好了,找到了你的ID后開始為你的chatbox穿上漂亮的衣服吧!



動態文字+白色背景:


Cbox用戶:
<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0pt; PADDING-LEFT: 0px; WIDTH: 300px; PADDING-RIGHT: 0px; BACKGROUND: url(http://i1123.photobucket.com/albums/l559/Isabella_En/kitty_.gif) no-repeat left top; HEIGHT: 400px; PADDING-TOP: 90px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" id="cboxdiv"><div><iframe style="id="cboxmain" height="200" marginheight="2" src="黄色" frameborder="0" width="290" name="cboxmain" marginwidth="2"></iframe></div><div><iframe style=" id="cboxform" height="100" marginheight="2" src="橙色" frameborder="0" width="280" name="cboxform" marginwidth="2" scrolling="no"></iframe></div></div>

Shoutmix 用戶:

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<div id="shoutmix-dl-0306" style="padding-top: 90px;padding-left: 9px; width: 300px; height: 400px; background: url(http://i1123.photobucket.com/albums/l559/Isabella_En/kitty_.gif) no-repeat scroll left top transparent;" align="left" position: relative;>
<iframe src="http://www.shoutmix.com/?你的shoutboxID" width="280" height="300" frameborder="0" scrolling="auto"style="filter:alpha(opacity=50);opacity:0.55;-moz-opacity:0.55;display:block; "></iframe></div>







靜態文字+透明背景:



Cbox用戶:

<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0pt; PADDING-LEFT: 0px; WIDTH: 280px; PADDING-RIGHT: 0px; BACKGROUND: url(http://i1123.photobucket.com/albums/l559/Isabella_En/Kitty3.png) no-repeat left top; HEIGHT: 400px; PADDING-TOP: 110px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" id="cboxdiv"><div><iframe style="id="cboxmain" height="200" marginheight="2" src="黄色" frameborder="0" width="260" name="cboxmain" marginwidth="2"></iframe></div><div><iframe style=" id="cboxform" height="80" marginheight="2" src="橙色" frameborder="0" width="260" name="cboxform" marginwidth="2" scrolling="no"></iframe></div></div>


Shoutmix用戶:
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<div id="shoutmix-dl-0306" style="padding-top: 110px;padding-left: 9px; width: 280px; height: 300px; background: url(http://i1123.photobucket.com/albums/l559/Isabella_En/Kitty3.png) no-repeat scroll left top transparent;" align="left" position: relative;>
<iframe src="http://www.shoutmix.com/?你的shoutbox ID" width="260" height="270" frameborder="0" scrolling="auto"style="filter:alpha(opacity=50);opacity:0.55;-moz-opacity:0.55;display:block; "></iframe></div>

喜歡的話歡迎抱走哦~!
不過,拿走之後記得留言告訴我一聲哈!這是基本的禮貌哦!
還有,不能盜版哦!

Labels: ,



❤ older posts /