PIXNET Logo登入

一片天的部落格

跳到主文

歡迎光臨一片天在痞客邦的小天地

部落格全站分類:星座命理

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 10月 16 週六 201001:13
  • 笑過ˋ哭過ˋ擁有過...愛過ˋ恨過ˋ失去過....

曾經我也是 愛看星星
為絢麗的煙火歡呼不已
總是天真浪漫的深信
生命就像煙火星辰那般
光彩耀眼 閃爍不息

多少年就這樣過去了
笑過 哭過 擁有過
愛過 恨過 失去過
擁有的 早已失去
失去的 徒留悔恨
一切都改變了 也許
星星依然明亮如昔

煙火依舊使人迷戀
只是此刻的我 早已
忘了感動 忘了回憶
忘了一切 從此以後
在每一個美麗星空下
只剩下 自己 一個人
思念著..................


每個人都有屬於自己的世界
不為人知的故事
曾經我們所發生的故事

眾所皆知
隨著時間的過去
就只變成自己的回憶了


唉............回憶
無論是甜美的 苦澀的
徘徊心頭 總讓人憔悴
最無情的莫過於時間了


多少的歡笑時光
都被它無情的奪去
經歷越多 回憶越多
遺憾也會更多
每個人都會問自己
究竟何謂真愛

一生中或多或少
都曾經為了那一個
我們所深愛的人
流過淚 傷過心
那許多的癡狂
一旦平靜下來
才會慢慢發現
愛 其實是一種祝福


只要所愛的人
選擇了自己的幸福
就祝福他吧!
也許這樣
就不會有那麼多痛苦吧
但真正能做到的人卻不多

為什麼呢
因為只有真正愛過恨過
在許多年的悔悟中渡過
就在那不再夢見他的清晨醒來
恍然大悟 所謂真愛


就是一顆無愛的心罷了
雖然從此以後
不再傷心了 但是
也失去了那份愛的感覺了
日日夜夜 人來人往

不再尋找真愛
從此過著平靜的生活
因為我終於明白
我的故事
已經結束.........

 

 

()~()~()~()~()~()~()~()~()~()~()~()~()~()~()~()~()~()~()~()~()
 
『放棄一個很愛你的人並不痛苦﹔
放棄一個你很愛的人,那才痛苦。
愛上一個不愛你的人, 那是同樣痛苦。』

 

(繼續閱讀...)
文章標籤

一片天 發表在 痞客邦 留言(0) 人氣(7)

  • 個人分類:心情
▲top
  • 9月 15 週三 201001:12
  • 愛上一個人是一種習慣

你習慣他的呵護,習慣他的溫柔,習慣他的淘氣,習慣他的笑容,

甚至在不知不覺中,你習慣用他的方式微笑,用他的方式溫柔,

你們彼此互相依賴,依賴著這甜蜜的習慣。

 

每天固定的,你也習慣在特定時間聽到電話鈴聲響起,

你用最溫柔的聲音期待他的回應,

但當傳來的聲音不是他時,你總是會有那麼一點點的失望,

因為你依賴著那甜蜜的習慣。

 

然後有一天你們分手了,你難過、傷心、失望與不捨,

因為你還是一樣依賴著那習慣,

但是你卻必須捨棄「習慣」的權利,

你不再有權利習慣他的呵護、溫柔、淘氣與笑容。



於是你有了新的習慣,

你開始習慣想到他時流著眼淚悼念過去的記憶,

你開始習慣每天睡前不再有他的耳語,

你開始習慣每天日落前站在窗前看著夕陽沉默不語,

你開始習慣。

 

直到有一天,你忙得忘了這些習慣,

你不再習慣流淚,

不再習慣對著夕陽發呆,

你才猛然發現很久、很久沒有想起他的溫柔了,

你甚至有些忘了他的樣子,

模模糊糊的,

你只記得他曾經有著那樣好看的笑容,

不過,都已經是模模糊糊的了。



那時候,逝去的愛情終於變得美麗,不再有遺憾,

我們害怕失去愛情,

也許只是害怕失去對一個人甜蜜的『習慣』,

或許換個角度,

我們並不是真的失去『習慣』,

而是試著習慣沒有那些習慣的生活,

這,也是一種習慣。

 

能清楚的區分欣賞 . 喜歡與愛的人,

往往都是一發不可收拾的人,

因為知道自己的愛並非衝動之舉,

所以不願輕許,

如果給了,

不會輕了。

(繼續閱讀...)
文章標籤

一片天 發表在 痞客邦 留言(0) 人氣(9)

  • 個人分類:心情
▲top
  • 9月 12 週日 201000:00
  • 歡送格友回家小按鈕

自定欄位應用

語法應用編輯(二度空間)

歡送格友回家小按鈕

簡單輕鬆作,語法 :

<table cellSpacing="7" cellPadding="0" background="邊框圖網址" border="3">
<tr>
<td>
<table cellPadding="0" border="0" cellspacing="0" bgcolor="#字體背景顏色色碼" style="border-collapse:collapse;">
<tr>
<td>
<p align="center">
<a href="http://tw.myblog.yahoo.com/" style="font-weight:700;" title="回你家的路,別迷失了!謝謝光臨~歡迎再來喔~">
<font color="#文字顏色色碼">回你的部落格</font></a></p></td>
</tr>
</table>
</td>
</tr>
</table>

PS : 文字部內容依個人需要修改↑

貼語法路徑→管理部落格→管理自定欄位→填寫自定欄位名稱→將語法使用文字文件記事本編輯後,貼入自定欄位內容→按確定

或者點這裡直接進入自定欄位設定  http://tw.blog.yahoo.com/organize/blog_column.php

建議將此欄位放在最上方,方便格友點返

範例 : (指標靠近顯示歡送註解文字)

PS : 放在自定欄位時會自動縮小

回你的部落格


提供參考邊框圖小方塊,點圖另開視窗


0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K
0K

 

引用:http://tw.myblog.yahoo.com/jw!7yyTS..QFRQE5_oMKnQL1QbiJeel/article?mid=3931

(繼續閱讀...)
文章標籤

一片天 發表在 痞客邦 留言(0) 人氣(3)

  • 個人分類:語法
▲top
  • 9月 11 週六 201023:59
  • swf貼字貼圖語法

swf貼字貼圖語法

                                                              有人問薇妮如何在swf檔上貼字

薇妮在這一次說明

人與人之間...
隨緣而聚..
緣盡而散...
聚時盡其在...
散時盡其在我...

swf貼字貼圖語法:
<div id="table1" style="LEFT: 0px; WIDTH: 520px; POSITION: relative; TOP: 0px"> <embed style="WIDTH: 520px; HEIGHT: 400px" src="http://blog.roodo.com/winnie777777/24b2f28d.swf" type="application/x-shockwave-flash" wmode="transparent" /><div id="item1" style="Z-INDEX: 2; LEFT: 100px; WIDTH: 300px; POSITION: absolute; TOP: 100px; HEIGHT: 120px"><center><p align="left"><font style="FONT-SIZE: 16pt; FILTER: WIDTH: 118.72%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 標楷體">人與人之間...<br />隨緣而聚..<br />緣盡而散...<br />聚時盡其在...<br />散時盡其在我...<br /></span /></font></p></center></div><div></div></div>
 
包頭包尾語法
 
swf貼圖語法
 
文字語法
 
<div id="item1" style="Z-INDEX: 2; LEFT: 100px; WIDTH: 300px; POSITION: absolute; TOP: 100px; HEIGHT: 120px"><center><p align="left"><font style="FONT-SIZE: 16pt; FILTER: WIDTH: 118.72%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 標楷體">人與人之間...<br />隨緣而聚..<br />緣盡而散...<br />聚時盡其在...<br />散時盡其在我...<br /></span /></font></p></center></div><div></div></div>
 
 LEFT: 100px 字距圖片左方距離
 
WIDTH: 300px 整篇字的寬度
 
TOP: 100px 字距圖片上方距離
 
HEIGHT: 120px 整邊字得高度
 
#ffffff 字的顏色
 
..........................昏隔線.........................
 
字若跑到圖外面 要去控制字與圖的距離
 
因為有時一篇文我們會貼好幾張圖
 
包頭包尾語法是控制字的距離是從圖片開始
 
唉唷~薇妮語法很差不會講解
 
反正就是自己多試試
 
希望此篇能讓大家更了解怎在swf檔上貼字
 
 

引用:http://tw.myblog.yahoo.com/jw!0MsewtaICkTqrI74OwP3ZFQ-/article?mid=17626

(繼續閱讀...)
文章標籤

一片天 發表在 痞客邦 留言(0) 人氣(12)

  • 個人分類:語法
▲top
  • 9月 11 週六 201023:58
  • 部落格語法大總和

 

這裡是海豚知道的所有部落格語法!!

 

這裡也是全部了ˇˇ希望對大家有幫助噢ˇˇ

 

引用、帶走請回應告知~XDDD

 

★←海豚的無名~有空來晃晃XD

本站樂果:

 

基本貼圖語法★海豚出品

貼圖語法:
<img src="圖檔網址">


圖片超連結語法:
<a href="連結的網址"><img src="圖檔網址"></a>

文字超聯結語法:
<a href=網址>連結名稱</a><br>

有高、寬的圖片超連結語法:
<img src="圖片網址" height=圖片寬度width=圖片高度></marquee>

樂果複製框語法:
<center><p> </p>

<p><a href="部落格網址"><img src="圖片網址" alt="""""""""""""""""""" 滑鼠指標點到出現的文字(打上妳的名字)" border=

"0" width="寬" height="高"></a></p>

<p><table border="1" width="126" cellspacing="0">

 

<tr>

 

<td>&lt;a href=&quot;部落格網址&quot;&gt;&lt;img src=&quot;圖片網址&quot; alt="""""""""""&quot;"""""""" 滑鼠指標點到出現的文字(打上妳的名字)&quot;" border=&quot;0&quot;&gt;&lt;/a&gt;</td>

</tr></table>

<br>

</center>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

隱藏系語法★海豚出品

/*Article隱藏文章寬欄位★海豚出品*/.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:底圖透明度)}

/*Blog category list module隱藏左右欄位標題★海豚出品*/
.yc3sec .mhd,.yc3sub .mhd{display:none}
.yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:底圖透明度)}

/*Blog album module隱藏相簿欄位★海豚出品*/
#ymodalbum{display:none;}

/*隱藏留言版★海豚出品*/
#ymodmsgbd h3{display:none}

/*Blog latest update module隱藏更新日期欄★海豚出品*/
#ymodupdate{display:none}

/*Profile隱藏自我介紹欄★海豚出品*/
#ymodprf{display:none}

/* 隱藏頁首與頁尾★海豚出品*/
#yhtw_masthead,#yhtw_mastfoot{display:none;}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文字改色系語法★海豚出品

/*Text color for module左右欄位標題文字顏色★海豚出品*/
.text {color: 文字色碼}

/*Text color for blog title部落格標題字體顏色★海豚出品*/
#yblogtitle .text {color: 文字色碼}

/*Text color for blog title部落格敘述文字★海豚出品*/
#yblogtitle .text {color:文字色碼;}

/*Text color for main content中間文章欄位文字顏色★海豚出品*/
.yc3pribd .text {color: 文字色碼}

 

 

 

 

 

 

 


 

文章內頁透明度語法★海豚出品(雖然本人覺得此語法是假的= =)

/*Opacity for main content文章底圖透明度★海豚出品*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:透明度)}
#yblast{display}

/*Opacity for sub column左右欄位透明度★海豚出品*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:透明度)}

/*Opacity for blogtitle部落格標題敘述透明度★海豚出品*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:透明度)}

 

 

 

 

 

 

 

 

 

 

 

 

文章內頁背景設置(網址)★海豚出品

/文章內頁背景★海豚出品*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background-image:url(文章內頁背景網址);}
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image:url(文章內頁背景網址);}
.yc3pribd .mhd{background:url(文章內頁背景網址) repeat;color:色碼;}.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{
background-image:url(文章內頁背景網址);color:色碼;}#ymodcal .mbd td strong {color:色碼;}
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(文章內頁背景網址);color:色碼;}#ymodcal .mbd td strong {color:色碼;}
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image:url(文章內頁背景網址);}
#yblogtitle .mbd, #yblogtitle .mft{background:url(文章內頁背景網址) repeat;}#yblogtitle h1{color:色碼;}
.yc3pribd .mhd{background:url(文章內頁背景網址) repeat;color:色碼;}

 

 

 

 

 

 

 

 

 

 

 

 

 

文章內頁背景設置(色碼)★海豚出品

/*Background color for whole page背景底色*/
body {background-color: 色碼}

/*Background color for blog title敘述底色★海豚出品*/
#yblogtitle .mbd, #blogtitle .mft {background-color: 色碼}

/*Background color for module左右欄位內容底色★海豚出品*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background: 色碼; filter:alpha(opacity:透明度)}

/*Nav module header左右欄位標題底色★海豚出品*/
.yc3sec .mhd, .yc3subbd .mhd{background: 色碼;color: 色碼;}

 

 

 

 

 

 

 

 

 

部落格裝飾額外語法★海豚出品

/*部落格大框線★海豚出品*/
body {border: 框線大小px double 大框線色碼 ;}

/*部落格大框線★海豚出品*/
html{
border-top : 大小px solid 色碼;
border-bottom : 大小px solid 色碼;
border-left : 大小px solid 色碼;
border-right : 大小px solid 色碼; }

/*按鈕框框★海豚出品*/
input,select{
background: 框底色碼;
color: 文字色碼;
border: 1px solid 框線色碼;
FONT-SIZE: 9px;
font-family:verdana;}

/*Links連結去底線★海豚出品*/
a,a:link,a:visited{color:未連結時色碼;text-decoration: none}
a:hover{color:連結時色碼;text-decoration: none;}

/*Links網頁超連結虛線框★海豚出品*/
a,a:link,a:visited{color:色碼;text-decoration:none}
a:hover{color:色碼;background-image:url(圖檔網址);background-repeat:repeat;border:1px dotted 色碼;position:relative;top:1px;left:1px}

/*Links連結浮出效果★海豚出品*/
a:hover{ border: 2px #fff outset }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

標題圖語法★海豚出品

/*標題圖★海豚出品(無置中)*/
#yblogtitle .mbd,#yblogtitle .mft{font-size:100%;color:#000000;font-family:新細明體; color:#000000;text-align:center;}
#yblogtitle .thd a{width:168px;height:40px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle h1 {
display:block;
float:left;
background:url(圖片網址) 0 0 no-repeat;
width:寬px;
height:高px;
font-size:0;
line-height:0;
text-indent:-5000px;
overflow:hidden;
cursor:pointer;
cursor:hand;}

/*Blog title標題置中★海豚出品(請配合上款語法)*/
#yblogtitle .mbd,#yblogtitle .mft{font-size:180%;color:色碼
;font-family:新細明體; color:#D23C78;text-align:center;}
#yblogtitle .thd a{width:168px;height:40px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:180%;color:white;font-family:新細明體;}

/*標題圖★海豚出品(如想置中ˇ我推薦這款語法)*/
#yblogtitle .edit {display:none;}
#yblogtitle .mbd{text-align:center;}
#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div{zoom:1;}
#yblogtitle .thd h1 {background:url(圖片網址) center no-repeat;display:block;width:寬px;height:高px;font-size:0;text-indent:-5000px;overflow:hidden;cursor:pointer;cursor:hand;}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

招呼語框語法★海豚出品

/*Opacity for blast招呼語框+文字置中★海豚出品*/
#yblast{zoom:1;position:relative;top:-20px;left:0px;margin:0 0 -55px 0;z-index:2;}#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width寬px;height:高px;}#yblast .text{zoom:1;margin:-55px 0 0;}#yblast .text a#yblast a.edit{background:url(圖片網址);width:13px;height:13px;}#yblast .bg {zoom:1; filter:alpha(opacity:透明度); background: url(圖片網址) no-repeat}#yblast .text{color:文字色碼;font-size:90%;}

 

 

 

 

 

 

背景圖★海豚出品

/*Background背景圖底圖固定★海豚出品*/
body{ background:#ffffff url(背景網址) no-repeat;background-attachment: fixed}

/*Background背景圖底圖重複★海豚出品*/
body{background:#ffffff url(背景網址) repeat;}

 

 

 

 

 

前小圖語法★海豚出品

/*Module latest upup更新日期前小圖★海豚出品*/
#ymodupdate .mbd .date{background:url(小圖網址) left center no-repeat;padding-left:11px;font-size:104%;font-family:verdana;}

/*Nav module list左右欄位前小圖★海豚出品*/
.ycntmod .mbd ul.list li {background:url(小圖網址1) left .1em no-repeat;padding-left:25px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(小圖網址2) 20px center no-repeat;}

/*Article content module文章前小圖★海豚出品*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(小圖網址) no-repeat;padding-left:60px;}

 

 

 

 

 

 

 

 

 


 

其它語法大總和★海豚出品

/*訂閱部落格圖示★海豚出品*/
div#btnsbsrb a{display:block;width:寬px;height:高px;overflow:hidden;background:url(訂閱網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:寬px;height:高px;overflow:hidden;background:url(訂閱網址) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

/*滑鼠游標★海豚出品*/
body{cursor:url(未連結游標網址)}
a:hover {cursor:url(連結游標網址)}


/*招呼語框★海豚出品*/
#yblast .bg {zoom:1;background:url(招呼語框網址) no-repeat;}
#yblast .text{color:色碼;font-family:華康海報體W12;font-size:90%;}
 

/*make coomment bar回應引用更換圖片語法★海豚出品*/
div.btncomment a {display:block;height:高px;width:寬px;background:url(回應網址) no-repeat;}
div.btntrackback a {display:block;height:高px;width:寬px;background:url(引用網址) no-repeat;}

  

/*留言告示牌語法★海豚出品*/
#yleavemsg #rte {background:transparent url(留言告示網址) no-repeat scroll center top;padding-top:高px;}

/*回應欄位告示牌★海豚出品*/
#rtemodule {background:url(回應告示網址) no-repeat scroll center top;padding-top:高px;}

/*性別圖示★海豚出品*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:寬px;height:高px;background:url(性別圖網址) center no-repeat;}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

圖片高、寬、網址教學★海豚出品

在圖片上面按右鍵→內容→就有高、寬、網址囉!!

引用:http://tw.myblog.yahoo.com/jw!NdIY40mTSEKdAmKbtB7tcg--/article?mid=24672

(繼續閱讀...)
文章標籤

一片天 發表在 痞客邦 留言(0) 人氣(19)

  • 個人分類:語法
▲top
  • 9月 11 週六 201023:57
  • 兩種直接在css式樣中設定左右欄位加捲軸語法

左右自訂欄位要在CSS自訂式樣中設上捲軸設定有兩種方式

(但要在自訂欄位加捲軸建議使用面板欄位加框設定)

面板欄位加寬方法請參考 →

●第一種方法

1.先到版型設定處將(自訂欄位)欄位名稱全部移到左邊其他預設欄位都設在右邊

2.將下方語法貼到CSS自訂式樣表最底處

語法範例如下

 

/*自訂欄位加捲軸語法*/
.yc3sec .mbd.ul.list{OVERFLOW:auto;HEIGHT:350px;scrollbar-face-color:#333333;
scrollbar-track-color:#333333;
scrollbar-arrow-color:#ff0000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#000000;}

語法解說:

OVERFLOW:auto; →內容超出區塊自動由瀏覽器決定

HEIGHT:350px;  →滑軌高度

滑軌各部顏色↓

scrollbar-face-color:#333333;
scrollbar-track-color:#333333;
scrollbar-arrow-color:#ff0000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#000000;

捲軸語法部位說明
SCROLLBAR-FACE-COLOR: 色碼; /*設定軸面顏色*/

SCROLLBAR-HIGHLIGHT-COLOR:色碼; /*設定軸面三角左邊顏色*/

SCROLLBAR-SHADOW-COLOR: 色碼; /*設定軸面三角右邊顏色*/

SCROLLBAR-3DLIGHT-COLOR: 色碼; /*設定左立體邊顏色*/

SCROLLBAR-DARKSHADOW-COLOR: 色碼; /*設定右立體面顏色*/

SCROLLBAR-ARROW-COLOR: 色碼; /*設定箭頭的顏色*/

SCROLLBAR-TRACK-COLOR: 色碼; /*設定軸軌的顏色*/



卷軸OVERFLOW 設定:

OVERFLOW 設定捲軸出現的設定值,以下列出較常用的語法

OVERFLOW : Hidden;   不出現捲軸

OVERFLOW : Auto;  瀏覽器判斷區塊是否超過設定的寬高,而出現捲軸

OVERFLOW : Scroll;  強迫出現捲軸,無論是否超過預設的寬高


Hidden及Scroll也可以各別設定直捲軸Y 或 橫捲軸X

OVERFLOW-x : Hidden; 定義X 水平捲軸隱藏不出現

OVERFLOW-y : Hidden; 定義Y 垂直捲軸隱藏不出現

OVERFLOW-x : Scroll;  強迫X 水平捲軸出現


卷軸名稱部位對照表

語法放置自訂式樣請參考圖解:→

●第二種方法:

此方法一樣建議使用在版面攔位加寬後

這方法可以任意將想要加捲軸的或是不加捲軸的自己設定~

這方式不限自訂欄位是方左側或是右側一樣都可以任意加上

1. 將下方語法貼在CSS自訂式樣表中

 

#fi4{OVERFLOW:auto;HEIGHT:250px;scrollbar-face-color:#0000FF;scrollbar-highlight-color:#cccccc;scrollbar-darkshadow-color:#cccccc;}
 

語法中 fi4區塊名稱標籤

語法中捲軸顏色及其他設定與上方註解一樣

2. 在每一個要加捲軸的自訂欄位加內容時須在內容開頭處打上

加上<div id="fi4"> 在最後再加上</div>

 

如下範例↓

<div id="fi4"> 這裡再貼欄位中文字或是語法</div>

自訂欄位貼貼語法請參考圖解:→

引用:http://tw.myblog.yahoo.com/jw!.rXvnqSaAwLoob9CH1Sg3Wg-/article?mid=5746

(繼續閱讀...)
文章標籤

一片天 發表在 痞客邦 留言(0) 人氣(25)

  • 個人分類:語法
▲top
  • 9月 11 週六 201023:57
  • 圖片語法總匯整理


 

▼圖片語法

防 盜 隱 藏

<img src="圖片網址" onmousedown="alert('想偷圖唷!來企躲起來。。。');style.visibility='hidden'">

鎖 圖 語 法

<IMG SRC="圖片網址" onmousedown="alert('打你想出現的字!')">
 

貼圖:<img src="">

說明:圖檔必須為gif、bmp、jpg、png...。 

圖片透明化:<img src="圖檔網址" style="filter:Alpha(Style=n)"> n=1~3

說明:n值越大越透明,最大為3,建議用2

圖片加框:<img src="圖檔網址" border=?> 

說明: border= 框線大小。 

▼圖片語法

貼圖:<img src="">

說明:圖檔必須為gif、bmp、jpg、png...。 

圖片透明化:<img src="圖檔網址" style="filter:Alpha(Style=n)"> n=1~3

說明:n值越大越透明,最大為3,建議用2

圖片加框:<img src="圖檔網址" border=?> 

說明: border= 框線大小。 

圖片大小:<img src=" 圖檔網址" height=? width=?></marquee>

說明:height=高度;width=寬度。 

圖片加註解:<img src="圖檔網址" alt=要註解的字>

說明:alt=圖片說明,把滑鼠移到圖片上即可看到所輸入的字。 

圖片位置:<p align=center><img src="圖檔網址"></p>

說明:center=圖片居中;left=圖片靠左;right=圖片靠右。 

圖片跑馬燈移動: 

往左:<marquee behavior=side direction=left><img src="圖檔網址"></marquee> 

往右:<marquee behavior=side direction=right><img src="圖檔網址"></marquee> 

往上:<marquee behavior=side direction=up><img src="圖檔網址"></marquee> 

往下:<marquee behavior=side direction=down><img src="圖檔網址"></marquee> 

左右:<marquee behavior=alternate><img src="圖檔網址"></marquee> 

圖片連結加註解: 

<a href="要連結的網址" target="_blank" alt=""""""""""""""""""要註解的字"><img""""""""""""""""" src="圖檔網址"></a> 

說明:_blank=另開一新視窗,如果你不想另開,把target="_blank"去掉即可。 

alt=圖片說明,把滑鼠移到圖片上即可看到所輸入的字。 

圖片大小:<img src=" 圖檔網址" height=? width=?></marquee>

說明:height=高度;width=寬度。 

圖片加註解:<img src="圖檔網址" alt=要註解的字>

說明:alt=圖片說明,把滑鼠移到圖片上即可看到所輸入的字。 

圖片位置:<p align=center><img src="圖檔網址"></p>

說明:center=圖片居中;left=圖片靠左;right=圖片靠右。 

圖片跑馬燈移動: 

往左:<marquee behavior=side direction=left><img src="圖檔網址"></marquee> 

往右:<marquee behavior=side direction=right><img src="圖檔網址"></marquee> 

往上:<marquee behavior=side direction=up><img src="圖檔網址"></marquee> 

往下:<marquee behavior=side direction=down><img src="圖檔網址"></marquee> 

左右:<marquee behavior=alternate><img src="圖檔網址"></marquee> 

圖片連結加註解: 

<a href="要連結的網址" target="_blank" alt=""""""""""""""""""要註解的字"><img""""""""""""""""" src="圖檔網址"></a> 

說明:_blank=另開一新視窗,如果你不想另開,把target="_blank"去掉即可。 

alt=圖片說明,把滑鼠移到圖片上即可看到所輸入的字。 

 

扭曲變形的圖
<IMG SRC="圖片網址"style="Filter:Wave(strength=9,freq=,
lightstrength=23,phase=80)">

觸摸圖片時產生語法效果

滑鼠移到圖片時變黑白
<IMG border="0" src="圖片網址"onMouseOver="this.style.filter='gray'
"onMouseOut="this.style.filter=null">

滑鼠移到圖片時變黑
<IMG border="0" src="圖片網址"onMouseOver="this.style.filter='xray'
"onMouseOut="this.style.filter=null">

滑鼠移到圖片時變底片圖
<IMG border="0" src="圖片網址"onMouseOver="this.style.filter='invert'
"onMouseOut="this.style.filter=null">
 

灰 階 影 像

<IMG SRC="圖片網址" STYLE="FILTER: Gray(Color=blue)">

負 面 效 果

<IMG SRC="圖片網址" STYLE="FILTER: Invert(Color=blue)">

透 明 遮 罩

<IMG SRC="圖片網址" STYLE="FILTER: Mask(Color=blue)">

 

觸 碰 淡 化

<img SRC="圖片網址" onmouseout="this.filters.alpha.opacity=100"
onmouseover="this.filters.alpha.opacity=50"
style="filter:alpha(opacity=100)">

隱 約 美 化

<img src="圖片網址"style="filter:wave(strength=0,freq=3,phase=8,lightstrength=10) Alpha(Opacity=100, style=2)">

引用:http://tw.myblog.yahoo.com/jw!Hnjs_zKGAxofVZ1I.B3hikw-/article?mid=76840

(繼續閱讀...)
文章標籤

一片天 發表在 痞客邦 留言(0) 人氣(73)

  • 個人分類:語法
▲top
  • 9月 05 週日 201001:12
  • 遙不可及

遺憾的點綴~~愛才會變的如此痛心、淒美而遙不可及

 

 

關於愛情,我們總有著太多的詮釋, 永遠都無法找到一條固定的軌跡,

 因為,我們始終都無法去接受這樣一種事實,一對親密的戀人,最終也 會走到分手的一步。

覺得痛心嗎?還是覺得是一份深深的遺憾呢?

(繼續閱讀...)
文章標籤

一片天 發表在 痞客邦 留言(0) 人氣(2)

  • 個人分類:心情
▲top
  • 8月 14 週六 201023:56
  • 文章中設定有捲軸語法框

文章中設定有捲軸語法框

文章中設定有捲軸小文字框~~可以使用純文字

也可以提供人複製語法~~且可將文章內容不須長長一大串喔!!

可控制文章整齊美觀!!

語法如下:

<p style="BORDER-RIGHT: #333333 3px dotted; BORDER-TOP: #333333 3px dotted; OVERFLOW-X: hidden; OVERFLOW: auto; BORDER-LEFT: #333333 3px dotted; WIDTH: 170px; BORDER-BOTTOM: #333333 3px dotted; HEIGHT: 45px">
輸入存文字</p>

範例:

 

我是文字內容
我是純文字內容~~我是純文字內容
我是純文字內容

 

在語法中如要輸入純文字內容如要換行在文字要換行處加上

<br>做換行標籤

如上範例原始碼:

<p style="BORDER-RIGHT: #333333 3px dotted; BORDER-TOP: #333333 3px dotted; BORDER-LEFT: #333333 3px dotted; BORDER-BOTTOM: #333333 3px dotted; OVERFLOW-X: hidden; OVERFLOW: auto; WIDTH: 170px; HEIGHT: 45px">
我是文字內容<br>我是純文字內容~~我是純文字內容<br>我是純文字內容</p>
 

如部落格中已有設捲軸顏色這裡會出現跟部落格一樣

的捲軸顏色~~

語法中紅色字地方是設框線式樣及框線顏色

紫色字部分為筐筐的寬(width)高(height)度

如要將語法貼到這種框框中如下範例:

 

<embed src="http://blog.roodo.com/fanlucy/21bbd574.swf?col=660066" width="170" height="31" type="application/x-shockwave-flash">

 

範例原始碼如下:

<p style="BORDER-RIGHT: #333333 3px dotted; BORDER-TOP: #333333 3px dotted; OVERFLOW-X: hidden; OVERFLOW: auto; BORDER-LEFT: #333333 3px dotted; WIDTH: 170px; BORDER-BOTTOM: #333333 3px dotted; HEIGHT: 45px">
&lt;embed src=&quot;http://blog.roodo.com/fanlucy/21bbd574.swf?col=660066&quot;
width=&quot;170&quot; height=&quot;31&quot;
type=&quot;application/x-shockwave-flash&quot;&gt;
</p>
 

語法註解:

框線顏色及框框寬高度與上說明相同

但在填上語法時需注意原始碼中包含的特殊字元

要將語法中左右三角括弧或是雙引號等都改成如下html語法

特殊字元分解如下


名 詞 符號 HTML 語法 空白鑑   &nbsp; 雙引號 " &quot; 左三角括弧 < &lt; 右三角括弧 > &gt; 連號 & &amp;

 

 

 

 

 

 

語法貼到文章中html原始碼處方法

語法貼到文章發表區步驟

1.按左上方發表文章~~

2.打上標題及選擇分類~~

3.勾選html程式碼~~

4.將文章內容語法貼上~~

5.按立即發表

如需修改發表後再按編輯及可修改

步驟入下圖解

圖一

圖二

圖三

引用:http://tw.myblog.yahoo.com/jw!SkY_emWYHx8WDsrtFqLpQZvHEw--/article?mid=2527

(繼續閱讀...)
文章標籤

一片天 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:語法
▲top
  • 8月 14 週六 201023:56
  • (語法教學) 部落格語法教學大解說 {很詳細的喔}

定義左右欄頂欄:
/* Nav module header 左右欄頂欄<可控制的 模組 頂欄>*/
.yc3sec .mhd、.yc3subbd .mhd、.yc3sec .mhd a、.yc3subbd .mhd a,.yc3sec .mhd a:link、.yc3subbd .mhd a:link,.yc3sec .mhd a:visited、.yc3subbd .mhd a:visited{ background:#808000; color:#00FF00; text-align:center; }

語法說明: (標題框大小=150*30)

.yc3sec .mhd、.yc3subbd .mhd、.yc3sec .mhd a、.yc3subbd .mhd a,.yc3sec .mhd a:link、.yc3subbd .mhd a:link,.yc3sec .mhd a:visited、.yc3subbd .mhd a:visited{……} background:#808000;
background-image: url(圖址);
底色、底圖(背景圖)。二者可併存。 filter:alpha(opacity:50); 底色度明度。留言板、相簿、月曆…等內設標題字底色無法控制透明度 color: 字色。 text-align:center; 字置中 font-family:標楷體; font-size:17px; 只有留言板、相簿、月曆…等標題字變更
大小對左右欄標題字都能牽動
   

語法範例:

/* Nav module header 左右欄頂欄 */
.yc3sec .mhd、.yc3subbd .mhd、.yc3sec .mhd a、.yc3subbd .mhd a、.yc3sec .mhd a:link、.yc3subbd .mhd a:link、.yc3sec .mhd a:visited、.yc3subbd .mhd a:visited{ background:#808000;  filter:alpha(opacity:50); color:#00FF00; text-align:center;}

定義左右欄內容區:

/* Nav module body 左右欄內容區<可控制的 模組 主體>*/
.yc3sec .mbd、.yc3subbd .mbd、.yc3sec .mft、.yc3subbd .mft{ background:
#E6EBD5; color:#008080; }

語法說明:

.yc3sec .mbd、.yc3subbd .mbd、.yc3sec .mft、.yc3subbd .mft{……}   background:#E6EBD5;
background-image: url(圖址);
底色、底圖(背景圖)。二者可併存。 zoom:1; filter:alpha(opacity:50); 透明度 color:#D2D1E1 字色。指非連結字串的內容文字。
文章分類、最新文章…等連結字串由
/*Links 定義連結字串*/ 控制。    

語法範例:

/* Nav module body 左右欄內容區 */
.yc3sec .mbd、.yc3subbd .mbd、.yc3sec .mft、.yc3subbd .mft{ background:
#D2D1E1; zoom:1; filter:alpha(opacity:50); color:#000080; }

連結字串前加圖示

/* Nav module list 連結字串前加圖示<可控制的模組 目錄>*/
.ycntmod .mbd ul.list li {background:url(圖示位址) no-repeat left 0.1em; padding-left:20px; margin-bottom:7px; line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px; text-align:right; background:url(所有文章和更多回應圖檔位址) 50px center no-repeat;}

說明:

.ycntmod .mbd ul.list li {……} 在左右欄標題目錄串連字前加圖示 background:url(圖址)
no-repeat
left 0.1em
這個應不用再介紹了
當然不重複貼圖,否則會貼滿整欄框
應該是指圖與左邊距離,結果字卻下沈。不用設它。
(em 約為M一鉛字所佔之面積,為印刷字體之計量單位)
padding-left:20px; 文字與左邊緣的距離,當然要比圖示寬些嘍~<補白-左:> margin-bottom:7px; 行距(與下一段落的距離)<邊、頁邊的空白-底部:> line-height:1.5em 列高(可以不用設)   .ycntmod .mbd ul.list li.more {……} 在所有文章、更多回應前加圖示<more=另外的、附加的> background:url(圖址)
50px
no-repeat
這個應不用再介紹了
調整與邊緣距離(內設是靠左上)(也可用文字來控制 center=置中)
不重複貼圖
margin:-3px 0 0 -3px; 與各邊緣距。不用設它。<margin=邊、頁邊的空白> text-align:right; 不用設它。<text-align:right=文字-排成一行:右>    

語法範例:

/* Nav module list 連結字串前加圖示 */
.ycntmod .mbd ul.list li {background:url(http://hk.geocities.com/love99_h/Gif/Sg/SgBeingA04.gif) no-repeat; padding-left:18px; margin-bottom:7px; }
.ycntmod .mbd ul.list li.more {background:url(http://hk.geocities.com/love99_h/Gif/Sg/SgBeingA02.gif) 50px no-repeat; }

變更個人性別圖:

/* 改變個人性別圖 */
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:60px; height:75px; background:url(圖檔位址) center no-repeat; }

語法說明:

#ymodprf .horos img{……} 定義原性別圖示(將原性別圖示隱藏,否則會重疊貼圖) display:none; <display:none=展開、顯示:並不>   #ymodprf .horos{……}   width:60px; height:75px; 定義想放置的圖框寬、高。
將原本樣式的 CLASS 重新改寫,寬高改為 60px、75px。也就是設定要放置圖片的框的大小。
想單圖放置時,最好是將框調整成與圖同高,看下面 center 及 no-repeat 說明時您會瞭解的。
background:URL(圖址) 將要放置的圖變成背景來呈現,這裡的 URL 要指向您想放的圖檔連結位址。 center 是讓這圖檔在這框為置中(指上下、左右都置中),左右欄放置圖檔的寬經測不要超過 130px。 no-repeat no-repeat 不重複貼圖。用 repeat=重複 ,可佈滿框內。
用 repeat-x 則於X軸(水平)佈滿。用 repeat-y 則於Y軸(垂直)佈滿。
   

語法範例:

/* 變更個人性別圖 */
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:130px; height:134px; background:url(http://hk.geocities.com/love99_h/Gif/Male/MZ001.gif) center no-repeat; }

改變更新日期前圖示:

/* Module latest upup 改變更新日期前圖示<模組 最近的 結束>*/
#ymodupdate .mbd .date{background:url(圖址) left center no-repeat; padding-left:35px; font-size:115%; }
  #ymodupdate .mbd .date{……}   background:url(圖址) no-repeat; 圖示位址,不重複貼圖 padding-left:35px; 日期距離框左側多遠<補白:左側> font-size:115%; 日期字體大小 font-family:verdana; 定義字體<字-家族:verdana> left center 或 right left 這二個 左側 中央 或 右邊 左邊,測了半天也沒啥作用

語法範例:

/* Module latest upup 改變更新日期前圖示 */
#ymodupdate .mbd .date{background:url(http://hk.geocities.com/love99_h/Gif/Sg/SgFlower004.gif) no-repeat; padding-left:35px; font-size:115%; }

定義月曆上今天日期的字色及大小

/* 定義月曆上今天日期的字色及大小 */
#ymodcal .mbd td strong{ color:#FF0000; font-size:120%; }
#ymodcal .mbd td strong{……} modcal=形式上、形態上。strong=強壯的、堅固的 color:#FF0000; 及 font-size:120%; 同樣是在定義字色及大小

語法範例:

/* 月曆上今天日期的字色及大小 */
#ymodcal .mbd td strong{ color:#FF0000; font-size:120%; }

 

音樂語法:(轉貼知識)關於yahoo背景音樂..  

     【小燕子教學】音樂語法

                       【小燕子教學】部落格之音樂播放器*語法

影片語法:【小燕子教學】上傳影音檔及貼影片或MV*語法

     【小燕子教學】貼youtube影片語法

動畫語法:【小燕子教學】發表動畫文章*語法

滑鼠語法:【小燕子教學】滑鼠游標語法

     【小燕子語法教學】滑鼠游標教學-第2部

部落格須知:﹝小燕子開講﹞貼語法貼到自訂樣式亂掉了,該怎麼辦?

      ﹝小燕子關心您﹞〝請做好部落格自訂樣式的備份工作〞  

      ﹝小燕子開講﹞為什麼引用格友的文章,發表文章後,圖檔看不到哩?

        ﹝小燕子開講﹞何謂文章引用?  

       ﹝小燕子開講﹞何謂訂閱部落格?

       ﹝小燕子開講﹞怎麼找出部落格裏的搜尋功能呢?

        ﹝小燕子開講﹞如何在發表文章、文章回應、留言板上貼gif動畫圖呢?

上傳教學:【小燕子的教學】製作基本logo&感謝大家的支持~

     【小燕子教學】上傳圖檔*變成*屬於自己的圖片網址  

     【小燕子教學】上傳音樂檔*變成*音樂網址

佈置部落格語法:【小燕子教學】變更訂閱部落格的圖片*語法

        【小燕子教學】更改yahoo部落格、會員登入的顏色及背景圖案*語法

        【小燕子教學】招呼語外觀語法  

        【小燕子教學】左右欄位.置入美美的底圖*語法  

        【小燕子教學】文章底圖置入美美的背景圖* 語法

        【小燕子教學】滑鼠移至連結時,字變色*語法

        【小燕子教學】滑鼠移至連結時,字外圍加有顏色的框框*語法

        【小燕子教學】部落格標題名稱變更顏色*語法

        【小燕子教學】GIF或JPG背景圖不隨捲軸移動*語法  

        【小燕子教學】捲軸語法

        【小燕子教學】調整部落格透明度

        【小燕子教學】文章標題前加入小圖片*語法

        【小燕子教學】最新文章、最新回應、文章分類前加小圖*語法

        【小燕子教學】更新日期前加小圖*語法

        【小燕子教學】更改右邊或左邊欄位標題的字體*語法

        【小燕子教學】最新文章、最新回應、文章分類等等的標題底圖或插圖*語法

        【小燕子教學】更改個人資料的性別圖案*教學

自訂欄位語法:【小燕子教學】小燕子自創部落格*投票語法
 
       【小燕子教學】自訂欄位星座語法《獨家》

       【小燕子教學】自訂欄位小時鐘語法

       【小燕子教學】左右欄位文字加底色*語法

       【小燕子教學】自訂欄位文字部份空行*語法

        【小燕子教學】天氣語法

       【小燕子教學】製作DIY相片聯播&語法

       【小燕子教學】申請計數器&語法

       【小燕子教學】申請*線上人數*計數器&語法

       【小燕子教學】停留時間語法

       【小燕子教學】圖片連結語法

       【小燕子教學】自訂欄位貼圖(含〝心靈享燕音樂會〞的音樂前面加小圖)

*http://tw.myblog.yahoo.com/jw!.FrenJubHhQI9WKmKTrcqw--/article?mid=480&pk=%E8%AA%9E%E6%B3%95%E6%95%99%E5%AD%B8%E9%83%A8%E8%90%BD%E6%A0

引用:http://tw.myblog.yahoo.com/jw!Hnjs_zKGAxofVZ1I.B3hikw-/article?mid=79743

(繼續閱讀...)
文章標籤

一片天 發表在 痞客邦 留言(0) 人氣(16)

  • 個人分類:語法
▲top
12...229»

個人資訊

一片天
暱稱:
一片天
分類:
星座命理
好友:
累積中
地區:

熱門文章

  • ()Green Hawaii
  • ()粥類大全
  • ()免費免註冊的VPN軟件AnchorFreeHotspotShield
  • ()棒棒堂小樂的姊姊-吳思緯
  • ()大學生了沒-Miko--我猜 療傷系!!美麗俏護士-3號-波濤洶湧的G奶護士-
  • ()PTT漂亮鄉民-小潔-vigirl-
  • ()有混血FU的美女-Dior77221-
  • ()年度無名正妹-冠軍- 8月-Ashley-
  • ()網拍Model-琦琦 kiki-
  • ()雞鴨做法大全

文章分類

  • 趣味短片 (153)
  • 美味食譜 (122)
  • 夏季食譜 (23)
  • 春季食譜 (21)
  • (1)
  • 居家生活小撇步與健康 (333)
  • 心情 (14)
  • 語法 (19)
  • 框架 (17)
  • 未分類文章 (1)

最新文章

    動態訂閱

    文章精選

    文章搜尋

    誰來我家

    參觀人氣

    • 本日人氣:
    • 累積人氣: