2009-02-09 19:02:18
Nacht夜
Love Dream Happiness
發言  

「語」分享語法 / CSS樣式討論版 好主題 : 12

No.1000690825 2020-03-12 15:13:22
2900 

BM   發言  

 【留言版語法】【CSS】
 
 話說好久沒有人在這裡發文#
 這個語法就是可以在頭貼圖片加上邊框或濾鏡之類的 但只對頭貼圖片有效
 
 /*頭貼圖片*/
 img[name='head0'],img[name='head1'],img[name='head2'],img[name='head3'],img[name='head4'],img[name='head5']
 {-webkit-filter:opacity(.5);/*圖片透明度調整*/
 -webkit-filter:grayscale(1);/*圖片黑白度調整 1是完全黑白*/
 transform:scale(.8);/*等比例縮小變成只有原大小的0.8(1以上就是變大 1以下是變小)*/
 border:.5px solid #f1e2da;/*邊框*/
 padding:10px;/*邊框與圖片之間的距離*/
 border-radius:10px;/*原角*/}
 
 話說其實可以不用寫那麼多啦 只是想說順便教一下其他語法##

貝菈菈 : 謝謝 2900分享　真的是大大 >W<   2020-03-12 16:30
愛喝花酒的貓 : 謝謝分享 !!!!   2020-03-15 13:56
點點:) : 謝謝！   2020-03-18 17:52
漓兒★ : 拿，謝謝!! :>   2020-03-21 13:09
阡陌 : 謝謝分享>uo   2020-03-30 18:05
rebbcea1788 : 拿!!謝謝!!!   2021-07-20 23:57
rebbcea1788 : 拿!!謝謝!!!   2021-07-20 23:57

No.1155165950 2017-01-19 11:03:56
玫蜜 
Asami
BM   發言  

 【留言版語法】【悄悄話圖片替換】
  因為原來的圖片灰灰的不好看我不喜歡 ←
  對的跟 RWD 類似，但是標籤不一樣所以在這邊也發一次 ww
 img[src="secret.gif"] {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url('圖片網址') no-repeat;
    width: 圖片寬度px;
    height: 圖片高度px;
    padding-left: 位置調整px;
    margin-bottom: 與下行距離調整px;
    margin-top: 與上方距離調整px;
 }

寧安 : 拿走了:D 謝謝分享～♥   2017-02-19 08:04
2900 : THX~~XD   2017-06-11 16:33
2900 : THX~~XD   2017-06-11 16:33
bashily : 拿走了，謝謝   2017-07-13 17:10
rebbcea1788 : 拿走 感恩w   2017-07-22 17:22
尋夢 : 謝謝分享>UO   2017-07-26 14:11
貝菈菈 : 拿走 謝謝～～～   2019-08-09 16:45
愛喝花酒的貓 : 謝謝分享～   2020-03-12 10:33

No.1286243114 2016-05-14 22:09:23
rebbcea1788  Lv.10:0
【羽涵】
BM   發言  

 【留言版語法】
 
 ／順時鐘旋轉360度（可用於文字亦或者圖片）
 -moz-transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 transform:rotate(360deg);
 
 
 ／卷軸
 ::-webkit-scrollbar {width:縱軸寬度px;height:橫軸寬度px;}
 ::-webkit-scrollbar-track {background-color:色碼;}
 ::-webkit-scrollbar-thumb {background-color:色碼;}
 ::-webkit-scrollbar-button {background-color:色碼;}
 ::-webkit-scrollbar-corner {background-color:色碼;}
 
 -webkit-scrollbar-track→改變卷軸＂底部＂色彩
 -webkit-scrollbar-thumb→改變卷軸顏色
 -webkit-scrollbar-button→改變控制卷軸上下的按鈕顏色
 -webkit-scrollbar-corner→改變右下角一個邊角的顏色
 
 如果要隱藏卷軸就套用以下語法
  ::-webkit-scrollbar {display:none;}
 

Nacht夜 : 旋轉害我想起我以前做了一個超煩留言版（版狂左右移動 碰到連結就180旋轉ww   2016-05-15 06:32
rebbcea1788 : 那個我知道xdddd可是進去的人真的會覺得很白爛哈哈   2016-05-15 11:28
慕雨. : 拿<3感恩   2016-08-04 20:52
遗弃、兔子 : 拿走了 謝謝 :)   2017-05-05 15:55

No.1079001717 2015-09-29 21:46:32
Nacht夜 
Love Dream Happiness
BM   發言  

 【留言版語法】【CSS】【字體顏色】
 
 /*留言版小字改成黑色/
 td.talk_content1 font font,td.talk_content2 font font,td.talk_content3 font font,td.talk_content4 font font,td.talk_content5 font font,table.tell_content td.talk_content5 font{color:#000 !important;}
 
 如果不是有人有要求 我還真懶得想+寫這語法
 看起來好長 眼睛都快花了
 話說一年多沒人分享新語法了
 

太想念 : 你說日記版要求小字的嗎XDDD。 謝謝拿唷我剛好很需要(#亮   2015-09-29 22:58
Nacht夜 : 日記版的語法跟這個不太一樣 是說大家的要求真的無奇不有 我常常寫出很神奇的語法   2015-09-30 06:49
席葉 : 拿走囉！感謝分享～   2016-07-27 20:21

No.1270862238 2014-08-26 21:19:09
Nacht夜 
Love Dream Happiness
BM   發言  

 【留言版語法】【CSS】【字體顏色】
 
 /*將意見那行字改成黑色/
 td font a,span.comment{color:#000000 !important;}
 
 【留言版語法】【CSS3】【陰影】
 
 /*留言版外光暈/
 .main_frame{
 -moz-box-shadow: 0px 0px 4px 陰影顏色（色碼）;
 -webkit-box-shadow: 0px 0px 4px 陰影顏色（色碼）;
 box-shadow: 0px 0px 4px 陰影顏色（色碼）;}
 
 第一個值（x坐標）
 第二個值（y坐標）
 第三個值（陰影模糊度）
 可加上第四個值（陰影強度）
 
 

sweet0180 : 拿走拿走，超需要陰影的w   2014-08-26 21:56
2900 : 感謝分享OUO拿走   2014-08-27 03:55
498cik17087 : 拿囉..謝謝。   2014-08-27 07:45
綵甯 : 感謝分享ww 找意見那行很久了ˊ_ˋ    2014-08-28 20:39
Yuki、 : 謝謝分享=)   2014-08-29 14:23
Nacht夜 : >綵甯 因為之前沒人貼吧www 我都是靠外掛找（#   2014-08-29 22:15
安安你好ｗ : 感謝分享 w   2014-08-30 13:54
綵甯 : 外掛 !! 強## 原來CSS還有外掛這東西!!  我都是上網找資料T_T   2014-08-31 13:26
Nacht夜 : 有外掛啊（＃ 語法是要用找的沒錯 但是定義區塊就需要外掛了（＃   2014-08-31 16:19
★佳佳★ : 拿走謝謝#   2014-08-31 21:22
34344049 : 拿走謝謝:3   2014-09-06 12:13
凌緒 : 拿走，感謝分享ww   2014-10-27 20:57
elisa703 : 3Q 已拿   2014-11-01 15:39
兔紙w : 拿走囉，謝謝:D   2014-11-16 21:19
惟 : THX :DD   2014-12-28 02:22
顒珃、 : 拿走了,謝謝www   2015-02-10 18:14
凝咩 : 感謝分享!   2015-02-13 13:12
褚寧 : 拿~感謝   2015-02-15 14:21
米莉 : 拿走謝謝:)   2015-05-19 18:52
隱君 : 謝謝分享ww     2015-06-19 17:16
漓兒★ : 拿謝:)   2015-07-22 20:06
紫色絲帶 : 拿謝謝~   2016-08-17 13:56
貝菈菈 : 拿走 謝謝～～～   2019-08-10 00:00
愛熬夜的熊貓 : 拿走，感謝分享~   2020-02-12 17:10

No.1384407194 2014-07-27 16:11:34
褚寧 
一別殊途
BM   發言  

 【留言板語法】
 
 強迫文字換行(就是設定文字不超過版面)
 word-break: break-all;
 例如:
 .main_frame{word-break:break-all;}
 
 
 反白改色
 ::selection {
     background: #反白背景色碼;
     color: #反白文字色碼;}
 ::-moz-selection {
     background: #反白背景色碼;
     color: #反白文字色碼;}
 
 
 圓角留言板
 .main_frame{-webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 border-radius: 30px;}
 
 
 留言版頁數改顏色大小
 a b{color:#色碼;font-size:大小px;}
 
 
 關掉意見背景
 .talk_content{
     background:none;
    }
 
 
 若有幫助到歡迎意見or好文^__^
 
 
 

安安你好ｗ : 感謝分享><   2014-07-27 18:03
elisa703 : 感謝分享W   2014-07-27 18:05
Joyce、 : 謝分享   2014-07-29 15:00
2900 : 感謝分享   2014-07-30 08:48
啵比 : 謝謝 ^3^   2014-07-30 12:10
顒珃、 : 謝謝分享ww   2014-07-31 14:56
念嫣 : 這分享太棒了bbb   2014-08-02 14:55
綵甯 : 感謝分享w   2014-08-05 00:13
尋夢 : 謝謝分享>___O   2014-08-06 19:10
Yuki、 : 謝謝分享   2014-08-06 22:59
★佳佳★ : 感謝分享 ~   2014-08-09 19:06
嘆tan. : 謝謝分享:)   2014-08-13 20:31
兔紙w : 謝謝分享:D   2014-08-14 19:52
雨宮織夜 : 謝謝分享~~   2014-08-17 21:18
隱君 : 感謝分享w   2014-08-18 17:35
多多♥ : 感謝分享：Ｄ   2014-08-19 12:55
Avon* : 謝謝分享   2014-08-20 07:57
selina06 : 謝謝分享b   2014-08-22 20:30
rt5629 :  謝謝分享   2014-08-28 12:14
selina06 : 謝謝分享:)   2014-09-27 13:18
惟 : THX :DD   2014-12-28 02:22
嫀 : take   2015-01-24 19:34
逆浀 : 拿了唷   2015-02-14 17:17
映。 : 拿<3   2015-02-17 15:40
loveyummy1202 : 好久沒碰CSS 來研究一下~感恩分享   2015-02-18 16:32
米莉 : 拿走謝謝:)   2015-05-19 18:53
梅酒 : 拿!!!!   2015-05-29 05:11
メノ : 拿走感恩ｗ   2015-06-27 00:44
椻隃 : 謝謝分享//   2015-07-22 10:10
a0450abc : 領謝謝ww   2015-08-13 17:27
笑顔と〃咲妹 : 謝謝分享   2015-08-15 00:35
雪雪Q : 謝謝分享:)))   2015-08-19 17:17
向雨 : 謝謝分享 :D   2015-09-09 18:19
星夜羽凜 : 感謝分享OWO   2015-12-04 21:31
★星．夢欣★ : 拿走感謝！可是還是太難了，我不明白／ａ＼   2016-06-20 19:19
紫色絲帶 : 謝謝分享~   2016-08-01 22:30
三蒲鳶 : 謝謝分享   2019-01-27 05:04
晒晒 : 謝謝分享   2019-06-26 17:36
天冰羽 : 拿了，謝謝！   2019-07-07 01:17