|
文章連結 1151926055
UFO幽 潛水
 Lv.3
私訊
發言
+好友
2013-07-28 21:28:18
| |
留言板基本語法
/*調整版面寬度，數字可更改*/
.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
|
Lv.4:0 