首頁 遊戲 小說 論壇 設計 註冊
常客排名    分類精華文章    回論壇   回討論版   跳到發言  

 【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)    給我的話   相本化   本主題精華文章    發表留言  

文章連結 1384407194

褚寧 一別殊途

私訊  發言  +好友

未認證
2014-07-27 16:11:34

 【留言板語法】
 
 強迫文字換行(就是設定文字不超過版面)
 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好文^__^
 
 
 

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


安安你好ｗ : 感謝分享><   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

文章連結 1312881890

Nacht夜 Love Dream Happiness

私訊  發言  +好友

未認證
2014-07-07 19:57:38

 【留言版語法】【CSS3】【連結】【陰影】
 
 a:hover,.head_menu a:hover,.content a:hover,a b:hover{color: 指到連結時的顏色（色碼）;
 -moz-text-shadow: 0px 0px 4px 陰影顏色（色碼）;
 -webkit-text-shadow: 0px 0px 4px 陰影顏色（色碼）;
 text-shadow: 0px 0px 4px 陰影顏色（色碼）;}
 
 第一個px是陰影的x距離
 第二個是y的距離
 第三個是擴散的大小
 
 xy都填0就是外光暈的感覺

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


啵比 : 感謝 ^3^!!!   2014-07-07 22:58
惟 : 3Q!   2014-07-07 23:49
安安你好ｗ : 感謝分享w   2014-07-08 10:50
嵐仔 : 謝謝，我發現用太大，光暈效果會更差，然後設太大也有可能根本沒效果XDDDD   2014-07-09 01:12
Nacht夜 : 看你的字多大吧...   2014-07-09 11:59
Nacht夜 : 沒效果可以多疊幾層...   2014-07-12 23:50
MinRu : 謝謝分享^__^   2014-07-14 14:41
2900 : 感謝分享   2014-07-16 19:17
顒珃、 : 謝謝:))   2014-07-22 15:01
晴幻乂俏 : 謝謝:   
凝咩 : 感謝!   2015-07-02 08:53
汝靈海 : 謝謝分享   2015-07-24 17:16
ShiYa : 拿 感恩   2015-08-10 00:08

文章連結 1274465845

zai- Lucky Lucky!

私訊  發言  +好友

2014-06-30 21:13:36

 如何在留言版加上音樂播放器？(可使用YOUTUBE網址取代音樂網址)
 
 </style>
 <!-- SCM Music Player http://scmplayer.net -->
 <script type="text/javascript" src="http://scmplayer.net/script.js" 
 data-config="{'skin':'skins/simpleBlack/skin.css','volume':100,'autoplay':true,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'音樂標題','url':'音樂網址1'},{'title':'音樂標題','url':'音樂網址2'},{'title':'音樂標題','url':'音樂網址3'}]}" ></script>
 <!-- SCM Music Player script end -->
 <style>
 
 可以在http://scmplayer.net/更改SKIN。

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


Nacht夜 : 拿走 不過要記得加標籤ww   2014-07-01 07:08
沁﹑蓉★ : 謝謝大仔www   2014-07-01 14:39
啵比 : 拿走謝謝仔仔ww   2014-07-02 01:34
初擁 : 用了之後留言板壞掉 看不到留言板 只有音樂= =   2014-07-02 11:25
zai- : 那個..請放在設定樣式CSS的下面 我測驗過應該是可以用的~~   2014-07-02 16:56
zai- : 那個..請放在設定樣式CSS的下面 我測驗過應該是可以用的~~   2014-07-02 16:56
未莉 : 謝謝分享！   2014-07-03 08:18
elisa703 : 拿了 謝謝w   2014-07-03 10:34
憶缺隴✲ : 感謝分享w   2014-07-06 12:14
惟 : 3Q!   2014-07-07 23:49
安安你好ｗ : 感謝分享喔<3   2014-07-08 20:17
顒珃、 : 謝謝分享~   2014-07-09 10:21
尋夢 : 謝謝分享www   2014-07-10 23:18
feather63502 : 不行用耶0.0   2014-07-11 10:21
zai- : feather63502=我看到你的版可以啊OAO..   2014-07-12 00:36
MinRu : 拿走謝謝分享^__^   2014-07-13 14:11
NéYi : 謝謝分享^^   2014-07-13 17:38
2900 : 謝謝分享   2014-07-16 19:18
貓．羽翼 : 好同學，我貼了您的語法就沒辦法直接跳轉回個人頁了OAQ？（http://i.imgur.com/oWlOfSN.png）   2014-07-18 02:52
沫煙 : 謝謝 拿走了   2014-07-19 19:20
望渚。 : 謝謝分享w    2014-07-23 16:58
Claire♥ : 感恩!謝謝分享!!^^   2014-07-24 20:36
レン : 拿，感謝分享www   2014-07-24 20:44
晴幻乂俏 : 謝謝!!   2014-07-25 17:41
☆〃微風× : 拿，很好用阿！   2014-07-25 21:21
rt5629 : 謝謝分享!!   2014-07-26 09:04
雨宮織夜 : 謝謝分享~   2014-07-26 14:02
zai- : 貓．羽翼=請善用F5再跳轉頁面OUO   2014-07-29 00:52
褚寧 : 拿了謝謝<3   2014-08-03 19:43
綵甯 : 感謝分享:D:D   2014-08-05 10:14
Yuki、 : 謝謝分享=)   2014-08-06 23:36
多多♥ : 拿囉 感謝分享:D   2014-08-11 16:02
レン : 拿，謝謝: )   2014-08-11 20:20
rachelfung0212 : 拿了謝謝:)   2014-08-25 18:37
34344049 : 拿走謝謝:3   2014-09-06 12:04
很圈的一隻魚 : 超級棒!!!!!謝謝你>V<   2014-09-11 16:19
q220flow : 拿 謝謝^_^   2014-10-08 23:52
JE : 拿走囉 謝謝~   2014-10-13 15:20
凌緒 : 拿了謝謝w   2014-10-27 22:46
惟 : THX :DD   2014-12-28 02:22
洢雨 : 謝謝分享 ~   2015-02-04 12:20
墮落心天使 : 拿走，謝謝！   2015-02-10 19:54
咘喵 : 拿走囉>W<   2015-02-18 00:43
憶缺隴✲ : 感謝分享~   2015-04-05 15:28
-Isme : 拿 謝:D   2015-04-19 15:56
米莉 : 拿走謝謝:)   2015-05-19 18:53
メノ : 拿走感恩ｗ   2015-05-19 19:21
lily7771 : 謝謝分享~   2015-05-23 16:27
野小璐 : 謝謝分享～～   2015-06-12 23:59
ao679654 : 拿走了，謝謝分享:D   2015-06-22 18:55
~眉玲~ : 拿，謝謝分享:))   2015-06-24 21:21
lanyue明幽嵐玥 : 感謝分享~~   2015-06-25 12:12
米童 :  謝謝~   2015-07-03 16:27
huRooru:P : 超好用的網站XD 用好之後前後+標籤 語法放最下面ww 感謝分享~   2015-07-04 22:16
馡紜 : 拿了 謝謝分享~   2015-07-27 19:06
a0450abc : 拿ww謝謝   2015-08-13 17:20
雪雪Q : 謝謝分享:)))   2015-08-19 17:28
jennyxu5589 : 謝謝分享w  呃可是弄完只剩背景了OAO   2015-08-19 23:00
jennyxu5589 : 發現是被其他的擋掉了   感謝分享:D   2015-08-20 00:10
渃姁 : 拿~~~謝謝分享   2015-08-21 16:28
yun50624 : 拿走了 謝謝分享   2015-11-14 11:04
唐珂 : 好感動RRR放上去了，謝謝大大!!!!   2015-12-07 09:08
若小杏 : 拿，謝謝。   2016-02-02 22:33
妍。 : 拿，感謝~~   2016-08-13 09:31
RowChen. : 謝謝分享！   2017-02-13 19:53
bashily : 謝謝分享~ 拿走喔   2017-06-06 18:29
Melinahsiao0709@gmail.com : 拿~感謝   2017-08-03 02:41
寧寧NING : 想問一下~使用後沒有聲音可能是哪裡有問題呢:))   2021-08-13 12:10

文章連結 1203451750

宮野薔薇 【薔薇】RC好熱鬧喔XDDD

私訊  發言  +好友

2014-01-29 19:35:48

 簡化背景語法
 
 →原本的語法
 body{
 background-image:url(http://i.imgur.com/m5GJaFJ.png);
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-position:left;
 background-color: #1B2F59;
 }
 
 →簡化後
 body{background:url(http://i.imgur.com/m5GJaFJ.png) no-repeat fixed left #1B2F59;}
 
 body可換成其他東西
 例如.main_frame（留言版背景）、table.tell_content（公告）等
 
 

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


498cik17087 : 拿囉><   2014-01-29 20:46
幸福○是什麼? : 拿瞜謝謝   2014-02-10 13:58
安，我是人 : 感謝WW   2014-02-10 21:50
羽漠鬼凜 : 拿，謝謝!   2014-02-15 17:28
望渚。 : 拿了，謝謝>_<   2014-02-28 14:00
dinerkeke : 包    2014-03-01 15:52
2900 : 拿，謝謝   2014-03-09 19:58
elisa703 : 拿　感恩：３   2014-04-12 15:15
陌刃 : 謝謝~~拿囉!   2014-07-05 23:57
顒珃、 : 拿了 謝謝:)   2014-07-09 10:12
feather63502 : 拿惹><   2014-07-11 10:11
沫煙 : 拿了謝謝^^   2014-07-19 19:49
雨星水慈 : 拿~謝謝   2014-07-30 09:36
曉晴天Sunny : 謝謝你喔！   2014-08-02 19:49
amy3850272 : 拿了！謝謝分享   2014-08-09 12:56
兔紙w : 謝謝分享，借囉>w<   2014-08-14 19:53
咿陌Ü : 拿了，謝謝分享:)   2014-10-10 15:50
莫殤♥ : 拿囉～ 謝謝︿︿   2014-10-21 11:24
江緣 : 拿了謝謝:)   2014-12-12 23:16
CHOT504 : 拿囉 謝謝   2015-02-08 11:57
米莉 : 拿走謝謝:)   2015-05-19 18:54
ao679654 : 拿走了，謝謝分享:D   2015-06-22 18:56
熊熊啦:) : 拿   2015-10-07 21:48
星夜羽凜 : 拿，謝謝：）   2016-08-17 19:02
紫色絲帶 : 拿謝謝~   2016-08-17 20:56
唐珂 : 拿了><謝謝!   2017-04-12 17:30
JeJe0726 : 謝謝分享   2018-06-13 22:17

文章連結 1228712937

宮野薔薇 【薔薇】RC好熱鬧喔XDDD

私訊  發言  +好友

2013-10-15 21:40:00

 個資語法
 
 在遊戲，小說，素材，留言版下面新增快連
 <center>←可換成left和right
 <br><font face="字型"   size="2"><a href="連結網址">連結名稱</a>（這裡可加字元來分隔）</font>
 
 背景
 <style>
  body
  {
  background-image:url('連結');
  background-repeat:no-repeat（可改成repeat）;
  background-attachment:fixed（固定）; 
  background-position:right（圖片位置） ;
  background-color:#FFE1EE（背景顏色） ;}
 </style>
 
 有陰影的字
 <font font-size:數字px style="filter: shadow(color=陰影顏色，色碼不加#,direction=陰影角度0~360); zoom:1; padding:陰影長度px;" color="#色碼">輸入文字</font>
 
 圖片
 <p align="center（可換）">
 <a href="連結網址">←這行可去掉XD
 <img src="圖片網址" title="圖片名稱，可標示版權所有XD"></p>

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


BBcall : 謝謝分享<3   2014-01-05 19:58
Joyce、 : 拿謝   2014-01-22 08:49
×°傻氣ღ鬼喵♥ : 拿了謝謝<3   2014-01-29 15:15
★佳佳★ : 拿了謝 ~   2014-04-03 19:21
梅酒 : 拿！！！萬分感激   2014-04-13 09:07
dybin : 拿囉   2014-05-28 17:37
elisa703 : 拿 謝謝妳   2014-07-04 20:39
啵比 : 謝謝！   2014-07-07 12:52
沫煙 : 拿了謝謝^^   2014-07-19 20:09
甯星 : 拿喔   2014-08-13 10:38
甯星 : 拿   2014-08-13 10:53
vivian0824 : 謝謝分享˙3˙   2014-08-27 15:43
-Isme : 拿 謝:D   2015-04-19 15:45
唐珂 : 謝謝QVO!!!!!!   2015-12-07 09:24
尋夢 : 拿，感謝>___O   2016-01-29 16:48
紫色絲帶 : 拿謝謝~   2016-08-25 13:29

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

搜尋本版