日網postpet 時鐘

 

可以放在部落、網頁、無名、Xuite日誌、、等等

裡面還有很多不同滴 postpet 時鐘、、、共有20種

先到這個網站→ http://www.postpet.so-net.ne.jp/webmail/blog/

 選你喜歡的時鐘，複製欄框內語法

將複製好的javascript語法變成一般flash語法

 

以下↓語法，琳把它修改成可調整尺寸，

適合放於部落格的自定欄位使用↓

原本的語法↓

<script type="text/javascript" src="http://www.postpet.so-net.ne.jp/webmail/blog/clock_v1_furo.js"></script>

修改後的語法↓

<embed src="http://www.postpet.so-net.ne.jp/webmail/blog/clock_v1_furo.swf"width="125" height="130" ></embed>

語法解說↓

套用語法→<embed src=" 網址 "width=" 寬 " height=" 高" ></embed>

原本時鐘語法→<script type="text/javascript" src="網址"></script>

喜歡哪款，只要複製欄框內的網址，貼在套用語法的網址地方 ，

將 js 改成 swf ，設定你需要的寬高尺寸即可。

尺寸，這裡琳就用寬130高130做為一般的部落尺寸。

想要加寬自定欄位，這裡參考了→《 晨曦婆婆 》 的怎樣加寬自定欄位語法，

這樣時鐘的設定寬高就比較沒限制。

【手動＊定義佈局寬度】三欄位～左右欄寬200

※三欄式～欄寬150 語法：(原語法)※

/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-160px;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-160px;}
.thrcol .yc3pribd {margin-right:160px;}
.thrcol .yc3subbd {width:150px;float:right;}
.thrcol .yc3sec {width:150px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}

※三欄式～欄寬200 語法※

/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-210px;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-210px;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:right;}
.thrcol .yc3sec {width:200px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}

※三欄式～左欄寬150‧右欄寬200 語法※

/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-210px;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-160px;}
.thrcol .yc3pribd {margin-right:160px;}
.thrcol .yc3subbd {width:200px;float:right;}
.thrcol .yc3sec {width:150px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}

※三欄式～左欄寬200‧右欄寬150 語法※

/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-160px;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-210px;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:150px;float:right;}
.thrcol .yc3sec {width:200px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}

※【手動＊定義佈局寬度】二欄式※

兩欄位～窄欄寬150 語法：(原語法)

/*兩欄式 - 窄欄靠右*/
.twocolga .yc3main {width:100%;float:left; margin-left:-160px;}
.twocolga .yc3mainbd {margin-left:160px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:150px;float:right;}
.twocolga .yc3sec {display:none;} /*in case there's content*/

/*兩欄式 - 窄欄靠左*/
.twocoldr .yc3main {width:100%;float:right; margin-right:-160px;}
.twocoldr .yc3mainbd {margin-right:160px;}
.twocoldr .yc3pri {width:100%;}
.twocoldr .yc3subbd {width:150px;}
.twocoldr .yc3sec {display:none;} /*in case there's content*/

※兩欄位～窄欄寬200 語法※

/*兩欄式 - 窄欄靠右*/
.twocolga .yc3main {width:100%;float:left; margin-left:-210px;}
.twocolga .yc3mainbd {margin-left:210px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:200px;float:right;}
.twocolga .yc3sec {display:none;} /*in case there's content*/

/*兩欄式 - 窄欄靠左*/
.twocoldr .yc3main {width:100%;float:right; margin-right:-210px;}
.twocoldr .yc3mainbd {margin-right:210px;}
.twocoldr .yc3pri {width:100%;}
.twocoldr .yc3subbd {width:200px;}
.twocoldr .yc3sec {display:none;} /*in case there's content*/

 

※以下語法↓適合網頁、無名、Xuite日誌、、、等等※

原本的語法↓

<script type="text/javascript" src="http://www.postpet.so-net.ne.jp/webmail/blog/clock_v1_furo.js "></script>

修改後的語法↓

<embed src="http://www.postpet.so-net.ne.jp/webmail/blog/clock_v1_furo.swf "></embed>

只要套用語法  將改 js 成 swf 就可以了。

※看清楚唷，上頭↑這個沒有寬高設定，所以不適合部落格喔※