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