〆撕鈊裂肺的小窩

【TraNews 記者 蔡聰挺 ／ 全球報導】

桃園縣龍潭鄉新龍路正豐養蜂場在淡季中的蜂蜜是蜜蜂的糧食（攝影／蔡聰挺）
 

(繼續閱讀...)

撕心裂肺 發表在 痞客邦 留言(4) 人氣()

撕心裂肺 發表在 痞客邦 留言(0) 人氣()

撕心裂肺 發表在 痞客邦 留言(0) 人氣()

自製兩欄式版型(2014/03/016)
解析度為1024X768
側欄欄位靠右
動態黑白版型

(繼續閱讀...)

撕心裂肺 發表在 痞客邦 留言(0) 人氣()

自製兩欄式版型(2014/03/013)
解析度為1024X768
側欄欄位靠右
此版以納入痞客邦公版中

(繼續閱讀...)

撕心裂肺 發表在 痞客邦 留言(2) 人氣()

自製兩欄式版型(2014/03/010)
解析度為1024X768
側欄欄位靠左
此版以納入痞客邦公版中

(繼續閱讀...)

撕心裂肺 發表在 痞客邦 留言(0) 人氣()

自訂欄位-點我回家!!
自製國畫動態非主流圖片
複製圖片底下網址
再貼入語法即可使用!

(繼續閱讀...)

撕心裂肺 發表在 痞客邦 留言(0) 人氣()

自製兩欄式版型(2014/03/02)
解析度為1024X768
側欄欄位靠左
無廣告版型

(繼續閱讀...)

撕心裂肺 發表在 痞客邦 留言(0) 人氣()

自製兩欄式版型(2014/03/02)
解析度為1024X768
側欄欄位靠左
無廣告版型

(繼續閱讀...)

撕心裂肺 發表在 痞客邦 留言(0) 人氣()

喜歡就帶回家吧!!
 
加張照片動一動就變上圖這樣囉!!
試試看!!很好玩的!!

(繼續閱讀...)

撕心裂肺 發表在 痞客邦 留言(6) 人氣()

引用兔子文章
語法｜各式框框語法

太多人發問關於兔子文章內提供的複製語法框是如何使用
不過因為無名文章內並不支援此種語法，所以兔子提供其他可支援無名的語法框框
右邊為自動反白語法框不適用於無名，無名請複製左邊其他部落格請自行斟酌。
(提供的都是基本款,可以自己去做變化喔)

非自動反白語法

自動反白語法

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff; HEIGHT: 50px">這邊打上文字</div>

<textarea onmouseover="this.focus();" style=" OVERFLOW:hidden; WIDTH: 200px; HEIGHT: 50px" onfocus="this.select()">打字</textarea>

改變框線顏色	改變框線顏色
<div style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: normal; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 200px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 50px; FILT4R: Alpha(opacity=80)">這邊打上文字即可</div>	<textarea onmouseover="this.focus();" style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 200px; COLOR: #999; BORDER-BOTTOM: #000 1px solid; HEIGHT: 50px" onfocus="this.select()">這邊打上文字即可</textarea>

改變邊框成成虛線	改變邊框成成虛線
<div style="BORDER-RIGHT: 2px dashed; BORDER-TOP: 2px dashed; OVERFLOW: auto; BORDER-LEFT: 2px dashed; WIDTH: 200px; BORDER-BOTTOM: 2px dashed; HEIGHT: 50px">這裡打上文字</div>	<textarea onmouseover="this.focus();" style="BORDER-RIGHT: 2px dashed; BORDER-TOP: 2px dashed; OVERFLOW: auto; BORDER-LEFT: 2px dashed; BORDER-BOTTOM: 2px dashed;OVERFLOW: hidden; WIDTH: 200px; COLOR: #999; HEIGHT: 50px" onfocus="this.select()">這邊打上文字即可</textarea>

變成點點框線

變成點點框線

<div style="BORDER-RIGHT: 2px dotted; BORDER-TOP: 2px dotted; OVERFLOW: auto; BORDER-LEFT: 2px dotted; WIDTH: 200px; BORDER-BOTTOM: 2px dotted;SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff;SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff;SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff;HEIGHT: 50px">這裡打上文字</div>

<textarea onmouseover="this.focus();" style="BORDER-RIGHT: 2px dotted; BORDER-TOP: 2px dotted; OVERFLOW: hidden; BORDER-LEFT: 2px dotted; WIDTH: 200px; COLOR: #999;BORDER-BOTTOM: 2px dotted;HEIGHT: 50px" onfocus="this.select()">這邊打上文字</textarea>

邊框變雙框

邊框變雙框

<div style="BORDER-RIGHT: 5px double; BORDER-TOP: 5px double; OVERFLOW: auto; BORDER-LEFT: 5px double; WIDTH: 200px; BORDER-BOTTOM: 5px double; HEIGHT: 50px">這裡打上文字</div>

<textarea onmouseover="this.focus();" style="BORDER-RIGHT: 5px double; BORDER-TOP: 5px double; OVERFLOW: hidden; BORDER-LEFT: 5px double;WIDTH: 200px; COLOR: #999;BORDER-BOTTOM: 5px double;HEIGHT: 50px" onfocus="this.select()">這邊打上文字<textarea>

變成立體框

變成立體框

<div style="BORDER-RIGHT: #999999 5px inset; BORDER-TOP: #999999 5px inset; OVERFLOW: auto; BORDER-LEFT: #999999 5px inset; WIDTH: 200px; BORDER-BOTTOM: #999999 5px inset; HEIGHT: 50px">這裡打上文字</div>

<textarea onmouseover="this.focus();" style="BORDER-RIGHT: #999999 5px inset; BORDER-TOP: #999999 5px inset; OVERFLOW: hidden; BORDER-LEFT: #999999 5px inset; WIDTH: 195px; COLOR: #999; BORDER-BOTTOM: #999999 5px inset; HEIGHT: 48px" onfocus="this.select()">這邊打上文字</textarea>

邊框兩層色

邊框兩層色

<div style="BORDER-RIGHT: #999999 10px outset; BORDER-TOP: #999999 10px outset; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; BORDER-LEFT: #999999 10px outset; WIDTH: 178px; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff; BORDER-BOTTOM: #999999  10px outset; SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff; HEIGHT: 45px">這裡打上文字</div>

<textarea onmouseover="this.focus();" style="BORDER-RIGHT: #999999 10px outset; BORDER-TOP: #999999 10px outset; OVERFLOW: hidden; BORDER-LEFT: #999999 10px outset; WIDTH: 179px; COLOR: #999; BORDER-BOTTOM: #999999 10px outset; HEIGHT: 45px" onfocus="this.select()">這邊打上文字</textarea>

框內加底圖

框內加底圖

<div style="BORDER-RIGHT: #f3a5c9 1px solid; BORDER-TOP: #f3a5c9 1px solid; FONT-WEIGHT: normal; OVERFLOW: hidden; BORDER-LEFT: #f3a5c9 1px solid; WIDTH: 200px;BACKGROUND-IMAGE: url(http://p7.p.pixnet.net/albums/userpics/7/5/232075/49316daf4cf6d.gif); BORDER-BOTTOM: #f3a5c9 1px solid; HEIGHT: 50px; filt4r: Alpha(opacity=80)">這邊打上字</div>

<textarea onmouseover="this.focus();" style="BORDER-RIGHT: #f3a5c9 1px solid; BORDER-TOP: #f3a5c9 1px solid; OVERFLOW: hidden; BACKGROUND-IMAGE: url(http://p7.p.pixnet.net/albums/userpics/7/5/232075/49316daf4cf6d.gif); BORDER-LEFT: #f3a5c9 1px solid; WIDTH: 200px; COLOR: #999; BORDER-BOTTOM: #f3a5c9 1px solid; HEIGHT: 50px" onfocus="this.select()">這邊打上文字</textarea>

改文字顏色.字型.大小

改文字顏色.字型.大小

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT: 12pt Comic Sans MS; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; COLOR: #000; BORDER-BOTTOM: 1px solid; HEIGHT: 50px; FILT4R: Alpha(opacity=10)">這邊打上文字</div>

<textarea onmouseover="this.focus();" style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 200px; COLOR: #000;FONT: 12pt Comic Sans MS; BORDER-BOTTOM: #000 1px solid; HEIGHT: 50px" onfocus="this.select()">這邊打上文字</textarea>

點一下框內就反白(無名不支援)

ctrl+A反白全選

<textarea style="BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid" onfocus="this.select()" name="s1" rows="4" cols="48">這裡輸入文字</textarea>
<textarea style="BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; BORDER-LEFT: #ccc 1px solid; WIDTH: 200px; COLOR: #555; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 50px">這邊打上文字</textarea>

卷軸邊框顏色

卷軸箭顏色

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-HIGHLIGHT-COLOR: #fc0000; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #fc0000; SCROLLBAR-3DLIGHT-COLOR: #fc0000; SCROLLBAR-ARROW-COLOR: #fc0000; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fcfc90; HEIGHT: 50px">打上文字</div>

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #fcb400; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #fcb400; SCROLLBAR-ARROW-COLOR: #fcb400; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fcb400; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 50px">打上文字</div>

解說
  FONT: 8pt =文字大小
  FONT-FAMILY=文字字型(另外有Verdana新細明體或者Comic Sans MS和標楷體等等..)
  BORDER =線框
  RIGHT=右邊
  BOTTOM=下面
  TOP=上面
  LEFT=左邊
  solid=直線框(款式還有double(立體)  dotted (點點) dashed (虛線)
  grooved(2色凹框)inset(上凹框)outset(下凹框)ridged (暗色凹框)
  FILTER: Alpha(opacity=40)=變成半透明狀(數值可調)
  width=寬度(框框)
  HEIGHT:高度(框框)
  COLOR=文字顏色
  BACKGROUND-COLOR=框內加底色
  BACKGROUND-IMAGE: url(***)=框內加入底圖(動畫亦可)
色碼參考色見本
捲軸語法產生器HTML卷軸語法產生器

(繼續閱讀...)

撕心裂肺 發表在 痞客邦 留言(0) 人氣()

自製兩欄式版型(2014/02/26)
解析度為1024X768
側欄欄位靠右
適用:ie google

(繼續閱讀...)

撕心裂肺 發表在 痞客邦 留言(0) 人氣()