close



可以放在部落、網頁、無名、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 就可以了。


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



 



 


arrow
arrow
    全站熱搜

    oreokimo 發表在 痞客邦 留言(0) 人氣()