UFO幽
潛水
 Lv.3
私訊 

CSS樣式討論版:「語」分享語法


 留言板基本語法
 
   /*調整版面寬度,數字可更改*/
   .main_frame{width:45%;}
   
   
   /*公告、常客排名列背景設定*/
   .small_menu{background-color:#ffffff;}
   .tell_content{background-color:#ffffff;}
   .content{background-color:#ffffff;}
   .talk_content{background-color:#cbcbcb;}
   filter:alphaable{text-align:center;}hr{display:none;}
   
 
   /*背景設定*/
   body{
   background-image:url(http://i.imgur.com/wzhMV.gif);
   background-repeat:repeat;
   background-attachment:fixed;
   background-position:bottom right;
   background-color:#ffffff;}
   
 
   /*意見背景設定*/
    input  {
      border:0px;
      height:20px;
      background:url(http://i.imgur.com/RCFre9b.png); }
   
   
   /*透明度,數字可更改(IE/GOOGLE/火狐皆適用)*/
   .main_frame{filter:alpha(opacity=70); opacity:.70;;}
   
   
   /*邊框設定*/
   .main_frame{border: 4px dotted #add8e6;}
   
   
   /*版面置左(left亦可改right(右)center(中))*/
   .main_frame{float:left;}
   
   
   /*調整版面位置並固定大小*/
   </style>
    <div id="vic">
    <style type="text/css"> 
    <!-- 
    #vic {width:700px; height:560px; overflow:auto;border:1px dashed #ffcccc;
          position: absolute ;top: 50;Left: 50;}
    -->
    </center>
    </td></table>
    </div>
   </style>
   
   
     /*移動上方公告位置*/
   .tell_content{
   position:absolute; top:400; RIGHT:10;
   overflow:auto;width:495px;}
 
 
   /*文字圖片置中*/
   .content table{text-align:center;}
   
   
   /*意見打字至左*/
   input{text-align:left;}
   
   
   /*移動首頁、遊戲、小說列*/
   .head_menu{
    font-size:9pt;
    background:none;
    position:absolute;top:75px;left:100px;
    overflow:visible;width:110px;}
   
 
   /*移動常客、發表主題列*/
   .head_menu{display:none;font-color:#633939;}
    div.small_menu {background:none; border:0;color:#633939;}
   div.small_menu a{text-align:left;display:block;font-size:8pt;background-COLOR:#eeeeee}
   div.small_menu{position:absolute;left:100px;top:120px;font-size:8pt;}
   
   
   /*文字大小顏色設定*/
   .main_frame,a,font,table,input{
   font-size:12px;
   font-family:微軟正黑體,微軟正黑體;
   }
   body, p, table,,.small_menu,.small_head{color:#000000;}
   a:link,.head_menu a:link,.content a:link,
   a:visited,.head_menu a:visited,.content a:visited
   {color:#000000;text-decoration:none;}
   a:hover,.head_menu a:hover,.content a:hover
   {color:#ffffff;background-color:#FFcccc;text-decoration:none;}
   
   
   /*細部文字顏色設定*/
   .head_menu,.head,.small_head, .small_head,td.small_menu p table td font{display:none;}.content a:visited {color:#000000;} .content a:link    {color:#000000;} .content a:hover   {color:#ffffff;} 
   div a{color:#000000;}div a:hover{color:#ffffff;}p{color:#000000;}body{color:#000000;}  
   
   
   /*粗體字大小設定*/
   b{font-size:15px;}
   
   
   /*圖片去邊框*/
   img{border:0px;}
   
   
   /*捲軸顏色*/
   body {
   scrollbar-arrow-color:#ffa8c9;
   scrollbar-highlight-color:#ffffff;
   scrollbar-shadow-color:#ffa8c9;
   scrollbar-track-color:#ffffff;
   scrollbar-face-color:#ffffff;
   scrollbar-3dlight-color:#ffa8c9;
   scrollbar-darkshadow-color:#ffffff;}
   
   
   /*指到時圖片程不透明狀*/
   <STYLE>
   A{color:white;text-decoration:none;}
   A:hover{color:#000;
   border-bottom-width:1px;
   border-bottom-style:;
   border-bottom-color:#000;
   border-top-width:0px;
   border-top-style:;
   border-top-color:#000;
   position:relative;top:1px;left:1px;}
   <STYLE>
   
   
   /*指到圖片1時換成圖片2*/
    </STYLE>
    <div align="right">
    <div style="position: absolute;bottom:0px ;right:0px"> 
      <img src="圖片1網址"
      onmouseout="this.src='圖片1網址';"
      onmouseover="this.src='圖片2網址';"/>
    </div>
    </style>
   
   
   /*漂浮圖片,網址可改(數量、位置自行增減)*/
   </style>
   <marquee behavior=scroll direction=left scrollamount=3 scrolldelay=43 width=95% style='position:absolute; left:5%; top:362px; width:95%; height:10px;'><img src=http://sl.glitter-graphics.net/pub/2812/2812059ajon6induj.gif border=0></marquee>
   <marquee behavior=scroll direction=left scrollamount=5 scrolldelay=20 width=95% style='position:absolute; left:5%; top:220px; width:95%; height:10px;'><img src=http://sl.glitter-graphics.net/pub/2812/2812059ajon6induj.gif border=0></marquee>
   <marquee behavior=scroll direction=left scrollamount=6 scrolldelay=5 width=95% style='position:absolute; left:5%; top:297px; width:95%; height:10px;'><img src=http://sl.glitter-graphics.net/pub/2812/2812059ajon6induj.gif border=0></marquee>
     <style>
   
   
   /*粗體字加圖案*/
   b{background-image:url(http://i.imgur.com/gphxHW1.png);
   background-repeat:no-repeat;padding-left:15px;}
   
   
   /*添加文字方塊*/
   </style>
   <div id="aa-1" style="position: absolute; right: 100; top: 50;background:#FFE478;padding:5px; ">
   <table width="250" height="320"  style="font-size:12pt;color:#AF8300;"><td>
   <b>文字輸入</b><br>
   </td></table></div>
   </style>
      
   
   /*點擊展開隱藏內容*/
   </STYLE>
   <div id="showimage" style="position: absolute; left: 766; top: 116; ">
   <a style="cursor:sw-resize" onclick="RULES.style.display=RULES.style.display=='none'?'':'none'"><td><size="7">點擊之文字</font></size></a></td></div>
   <div id=RULES style="display:none">
   <div style="position: absolute; right: 130; bottom:180; ">
   <p align=center>
   隱藏內容輸入
   </td></table></div>
   </div></div>
   <STYLE>
   
   
   /*音樂盒語法*/
   </style>
   <embed allowscriptaccess="never"  src="http://l.yimg.com/e/serv/video/video_player/BGMusicPlayer.swf?file=音樂網址&autostart=true&repeat=true&volume=120&showeq=true&showdigits=false&backcolor=0xffcccc&frontcolor=0xFFFFFF&lightcolor=0xffffff" width="90" height="20"style="position: absolute; right:150px; bottom:35px">
   </embed>
   </style>
     
   
   /*游標語法*/
   body{cursor:url("http://www.geocities.jp/blue736232007/Fragment/06.ani")}
   a:hover{cursor:url("http://www.geocities.jp/blue736232007/Fragment/06.ani");}
   
   
   /*跑馬燈語法*/
   </style><marquee><font size=15>文字輸入</font></marquee><style>
   
   
   /*圖片語法*/
   <img src="圖片網址">
   
   
   /*文字連結*/
   <a href="網址" title="標籤文字" target="_top">
   
   
   /*鎖右鍵*/
   </style><body oncontextmenu="window.event.returnValue=false"></body><style>
   
   
   /*文字框只顯示左邊框*/
   border-left-style:solid
   
   
   ----------------------------
   
 個資基本語法
   
   /*背景語法*/
    body
    {
    background-image:url('http://i.imgur.com/nN8eNKB.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed; 
   background-position:top right;
   background-color:#4a3836;}
   
   
   /*好友欄背景色*/
   option,select{background-color:#ffffff;}
   
   
   /*隱藏好友欄*/
   option,select{position:relative;top:-1px;left:-2000px;} 
   
   
   /*隱藏遊戲、小說列(含留言版)*/
   p.idv_font font{display:block;font-size:0px;}
   p.idv_font font a:link,p.idv_font font a:visited,p.idv_font font a:hover{font-size:0px;}
   
   
   /*關閉"三天內來過"*/
   在編輯器最後加上<style>
   
   
   /*更動遊戲、小說列的位置*/
   
    div.idv_font_bg
    {
    position:absolute;top:25%;right:15px;
    border:1px dashed blue;
    padding-top:28px;
    padding-bottom:10px;
    padding-right:5px;
    padding-left:5px;
    background:url()
    ;}
   
   
   /*文字大小、顏色語法*/
   .example{font-size:13px;color:#ffcc99;}
   .my_word,body,font,option,select{color:#727272;font-size:12px;TEXT-DECORATION:none}
   a:link,a:visited,a:hover,a{color:#727272;font-weight:none;font-size:14px;TEXT-DECORATION:none}
   
   
   /*文字方塊*/
    <p align="center"><div style="position: absolute; top:90;left:50">
    <table style=width=400 ; height=10> 
    <center>
    <font face="微軟正黑體"  color="#000000" size="7">文字輸入<p>
    </td></table></div>
    </div></div>
     
   
   /*置中文字輸入*/
   <br/>
   <p align="center">
   <font  size="12">文字輸入</font><p>
   <p align="center">
   
   
   /*文字方塊透明度設定(擺放位置請參考EX)*/
    filter:alpha(opacity=50); opacity:.50;
   
   EX:
   <div style="position: absolute; top:50; left:50; filter:alpha(opacity=50); opacity:.50;">
   
 
 
 因為很久沒在做樣式了,所以想說與其把他丟在版內還是分享出來好了OuO
 有些語法、要解釋起他的功用對ME來說實在有點苦手  ((抹臉
 如果有需要的話在附圖詳解好了
 那、如果有幫助的話麻煩好文或意見麻煩了OuO
 



幸福○是什麼? : 個資領回去測試囉♥謝謝:)   2013-07-28 21:32
某兔♥ : 領哦 謝謝   2013-07-30 10:17
☆夜星★ : 領囉~~~謝謝^^   2013-07-30 12:17
Willis : 拿,謝謝!   2013-07-30 21:16
嗜血之戀 : 拿~~謝謝!!   2013-08-03 10:56
tiny5201314 : 拿喔~謝謝   2013-08-03 19:50
雨♥ : 拿 謝謝   2013-08-04 12:13
❤雅雅 : 拿 3q   2013-08-05 16:26
很圈的一隻魚 : 謝謝你>U<整理超棒的~!拿走囉~   2013-08-05 19:47
菞菥、 : 個資拿回去囉謝謝www   2013-08-06 21:07
*雪、聖夜㊣ : 拿走了 謝謝囉^______^   2013-08-08 14:27
夜澄 : 拿喔,謝謝WW   2013-08-09 14:27
★﹏千紙鶴。 : 拿走了 謝謝:)   2013-08-09 16:54
yuiop : 感謝>U<拿走了~   2013-08-10 11:14
胤奇 : 拿..謝謝!   2013-08-10 13:30
玥璃〞小楓☆╮ : 拿O___< 謝謝 ~~   2013-08-10 18:16
彌橖 : 拿:)謝謝   2013-08-10 18:27
a0450abc : 拿哦謝謝share:)   2013-08-11 10:37
×°傻氣ღ鬼喵♥ : 拿噢甘溫<3   2013-08-11 16:12
sweet0180 : 拿謝:>   2013-08-12 12:37
笨汶 : 拿www感謝>UO   2013-08-12 20:47
huneye66842 : 拿ㄛ甘溫   2013-08-18 03:28
lily7771 : 拿~謝謝分享   2013-08-19 19:41
藍喵‧K : 拿謝謝大大~   2013-08-19 21:24
血之憂 : 拿走:)   2013-08-23 14:42
米粟〃央* : 拿走 謝謝 :)   2013-08-25 20:49
Mois- : 拿 謝謝   2013-08-28 22:06
笑紅塵 : 拿了,謝謝。   2013-08-28 22:40
汐淵 : 拿w 謝謝   2013-08-31 18:37
赤愁 : 拿謝謝。:)   2013-09-01 10:45
f828f828 : 拿試用,謝謝:)   2013-09-14 00:34
+⋈°苒苒ㄛ✪ε✪ : 拿ˊˇˋ  感謝分享   2013-09-21 10:31
☆〃紅豆 : 拿走<3   2013-09-21 15:35
唯┼ : 拿,感謝。   2013-10-05 20:54
coco525064188 : 超感謝大大>A<包走了!!   2013-10-06 15:07
Rose.Alice : 感謝QAQ終於會了 拿走//   2013-10-06 17:46
花雁 : 拿 謝謝   2013-10-10 19:10
慕怷兒♥ : 個資拿回家囉♥   2013-10-21 04:36
晞薇 : 拿~ OuO`  雖然還不知道怎麼弄..(哭   2013-10-25 17:35
星淨雨 : 拿 謝謝。   2013-10-27 09:29
肥肥鼠 : 太好用啦!!謝謝你:)))))))   2013-10-27 21:54
安安你好w : 拿喔謝謝:)   2013-11-02 12:47
苡瓊 : 拿、謝謝   2013-11-02 16:07
2900 : 領喔謝謝   2013-11-26 22:07
望渚。 : 拿 謝謝ww   2013-12-21 09:58
Amanatsu : 拿.謝謝   2013-12-24 20:04
昌色 : 帶回去改改看 :D   2014-01-15 18:28
昌色 : 謝謝!   2014-01-15 18:28
38485602 : 拿,謝謝:")   2014-01-20 12:57
凌緒 : 拿回家測試,謝囉>WO   2014-01-23 21:20
×°傻氣ღ鬼喵♥ : 拿謝謝   2014-01-29 15:17
宮野薔薇 : 等等 兔子的個資語法!?   2014-01-29 19:18
 : THX :DD   2014-02-03 20:33
34344049 : 拿取,謝大大<   2014-02-09 11:14
ak325198 : 拿,感謝分享~   2014-02-09 19:32
羽漠鬼凜 : 拿,感謝   2014-02-15 17:33
2900 : 領喔謝謝^^   2014-02-24 21:46
dinerkeke : 拿ㄛ 感謝 ~   2014-03-01 15:31
小莯 : 拿囉,感謝!   2014-04-01 01:29
★佳佳★ : 領個資謝謝 <3   2014-04-03 19:49
羽晞 : 包 <3 謝謝分享歐   2014-04-04 23:23
elisa703 : 拿 非常感謝您ˊˇˋ   2014-04-05 17:19
三蒲鳶 : 拿嚕XD 謝謝你XD   2014-04-10 18:58
晴幻乂俏 : 謝謝ww   2014-04-23 19:04
elisa703 : 拿  謝   2014-05-24 19:56
映。 : 拿,謝謝w   2014-06-16 18:58
莫殤♥ : 拿 謝謝你="))   2014-06-22 20:05
ggebsong : 拿:) TKS   2014-06-22 22:41
尋夢 : 謝謝分享www   2014-07-10 23:29
amy3850272 : 拿了   2014-08-09 13:22
澪* : 謝謝w   2014-08-10 21:54
xd76623 : 謝謝大大分享><     2014-08-16 20:04
雅由w : 拿囉!謝謝分享:))   2014-08-22 23:47
vivian0824 : 謝謝分享超有用的><   2014-08-27 15:56
rt5629 : 謝謝分享   2014-08-28 12:28
〃灰茜 : 謝謝分享~   2014-08-30 23:33
q220flow : 拿~感謝~~   2014-09-05 22:04
棉花糖〃 : 拿了OwO   超好用Der##   2014-09-06 19:30
筱凜測試 : 拿謝謝   2014-09-13 21:34
咿陌Ü : 拿了,謝謝^ ^   2014-10-10 16:36
沫煙 : 拿走了謝謝^^   2014-10-23 11:52
mikumiku5789 : 拿,謝謝~!   2014-10-23 22:52
兔紙w : 拿囉:D謝謝~   2014-11-16 22:34
dybin : 拿囉謝謝   2015-01-23 21:56
 : take   2015-01-24 19:30
我只是一隻貓 : 拿囉謝謝><   2015-01-27 23:11
洢雨 : 拿走了 謝謝分享喔 很實用 <3   2015-02-04 12:59
墮落心天使 : 拿走,謝謝!   2015-02-10 19:56
希小迪 : thx   2015-05-18 15:20
米莉 : 拿走謝謝:)   2015-05-19 18:54
ao679654 : 謝謝分享:DD拿走了ˊˇˋ   2015-06-22 18:59
lanyue明幽嵐玥 : 拿走囉~謝謝   2015-06-25 12:17
a0450abc : 領謝謝ww   2015-08-13 17:25
黑色櫻花★ : 個資領回去囉  謝謝❤   2015-11-29 17:24
紫色絲帶 : 謝謝分享!拿嚕!   2016-08-17 14:03
星夜羽凜 : 拿,謝謝~   2016-08-17 19:32
就是愛挖坑♥由凜 : 拿謝謝   2016-09-11 17:07
bashily : 拿謝謝   2017-07-13 18:12
三蒲鳶 : 拿囉,謝謝你<3   2019-01-27 03:02
天冰羽 : 拿,感謝!   2019-07-06 23:10
點點:) : 拿,謝謝   2020-01-21 11:49