【lgpps7】   「語」分享語法 (69) CSS樣式討論版



Nacht夜 Love Dream Happiness

私訊  發言  +好友
2009-02-09 19:02:18



  除了分享語法可「發言」之外,其餘一律使用意見。
  小秘訣:先在最下方的搜尋本版搜尋
  https://bassadv.com/lgpps7/topic.php?id=1151482608...
  然後再按【ctrl+F】會出現搜尋框,在裡面打關鍵字。
  
  CSS 語法分享規則:
  請將 <style> 以及 </style> 去除。
  要記得加上【留言版語法】【個資語法】【背景】【位置】【邊線】【連結】【CSS】【html】等標籤。
  
  
  非 CSS 語法分享規則:
  請在前方加上 </style> 結尾加上 <style>。


好文(12)    給我的話   相本化   本主題精華文章    發表留言  

文章連結 1000690825

2900

私訊  發言  +好友

2020-03-12 15:13:22

 【留言版語法】【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;/*原角*/}
 
 話說其實可以不用寫那麼多啦 只是想說順便教一下其他語法##


給5  10  20  其他bm     好文(2)    意見    回覆文章    分享留言   


貝菈菈 : 謝謝 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

文章連結 1155165950

玫蜜 Asami

私訊  發言  +好友

2017-01-19 11:03:56

 【留言版語法】【悄悄話圖片替換】
  因為原來的圖片灰灰的不好看我不喜歡 ←
  對的跟 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;
 }


給5  10  20  其他bm     好文(1)    意見    回覆文章    分享留言   


寧安 : 拿走了: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

文章連結 1286243114

rebbcea1788 【羽涵】
 Lv.10:0
私訊  發言  +好友

2016-05-14 22:09:23

 【留言版語法】
 
 /順時鐘旋轉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;}
 


給5  10  20  其他bm     好文(1)    意見    回覆文章    分享留言   


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

文章連結 1079001717

Nacht夜 Love Dream Happiness

私訊  發言  +好友

2015-09-29 21:46:32

 【留言版語法】【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;}
 
 如果不是有人有要求 我還真懶得想+寫這語法
 看起來好長 眼睛都快花了
 話說一年多沒人分享新語法了
 


給5  10  20  其他bm     好文(1)    意見    回覆文章    分享留言   


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

文章連結 1270862238

Nacht夜 Love Dream Happiness

私訊  發言  +好友

2014-08-26 21:19:09

 【留言版語法】【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坐標)
 第三個值(陰影模糊度)
 可加上第四個值(陰影強度)
 
 


給5  10  20  其他bm     好文(3)    意見    回覆文章    分享留言   


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 : 感謝分享 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

 頁數 : 0  1   2   3   4   5   6   7   8   9  

搜尋本版