|
文章連結 1070715614
zashbell ...
 Lv.6
私訊
發言
+好友
2012-05-18 10:34:59
| |
我整理了一下我寫的BASS留言版語法圖文教學用到的語法
https://bassadv.com/lgpps7/topic.php?id=1153109771...
分格線以下皆可直接複製貼在BASS留言版的設定CSS框內用
如果CSS需要更改顏色請把color:後的#ffffff或其他色碼換掉就行;依此類推;
色碼表網址如下;請用HEX下的那一列
http://www.w3schools.com/cssref/css_colorsfull.asp...
如果有幫助請用意見回我一聲謝 :)
:最後修改日:6/9/2012; 5/31/2012以前的教正CSS color:#000000;(O) color=#000000;(X)
-----------------------------------------------------------------------------------------------
/*CSS:背景固定右上不重複;需更改位置的話把右上的top right
換成右下的bottom right或左上的top left或左下的bottom left或中間的center
更改背景圖片把http://bassavg.com/bassmark.gif換成其他圖片掉網址就行;可換gif,jpg,png,etc.*/
body
{
background-image:url(http://bassavg.com/bassmark.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top right;
}
/*CSS:自行定義背景顏色為白色;改色自己查色碼表*/
body{background-color:#ffffff;}
/*CSS:自行定義重覆背景圖片;如果需要更改背景圖片把http://...gif換掉就行*/
body{background-image:url(http://www.w3schools.com/css/paper.gif);}
/*CSS:將公告文字圖片置中且留言版內容靠左;開啟小聊天則無效*/
p{text-align:center;}
/*CSS:關掉表格的四方形邊框*/
table, td, th{border:0px;}
/*CSS:關掉上方廣告*/
div.ad{display:none;}
/*CSS:關掉中間廣告;小聊天和<iframe>音樂也會一起關掉;回覆旁的[f]Like也會一起關掉*/
iframe{display:none;visibility:hidden;}
/*CSS:關掉小logo*/
.logo{display:none;}
/*CSS:關掉BASS ICON*/
div.head{display:none;}
/*CSS:關掉 首頁 遊戲 小說 論壇 設計 問卷 註冊*/
.head_menu{display:none;}
/*CSS:關掉 首頁 遊戲 小說 論壇 設計 問卷 註冊 的背景圖*/
.head_menu{background:url(none) repeat-x;}
/*CSS:自行定義 首頁 遊戲 小說 論壇 設計 問卷 註冊 連接的顏色為黑色*/
.head_menu a:link{color:#000000;}
.head_menu a:visited{color:#000000;}
.head_menu a:hover{color:#000000;}
/*CSS:關掉 所有新文章 常客排名 分類精華文章 發表新主題 回論壇 跳到標題 的背景圖
關掉 留言版 (文章: x 主題: y) by username 管理 本版精華主題 的背景圖
自行定義 (文章: x 主題: y) by 的文字顏色為黑色*/
.small_menu{background:url(none) repeat-x; color:#000000;}
/*CSS:關掉中間公告部份的背景圖*/
.tell_content{background:none;}
/*CSS:自行定義首頁下的連接的顏色為棕色*/
.content a:link {color:#990000; text-decoration: none;}
.content a:visited {color:#990000; text-decoration: none;}
.content a:hover {color:#990000; text-decoration: underline;}
/*CSS:關掉 時間 標題 最後發表*/
.small_head{display:none;}
/*CSS:關掉 時間 標題 最後發表 的背景; 自行定義 時間 標題 最後發表 的字體大小且改字色為黑色;數字25可換*/
.small_head{background:none;color:#000000;font-size:25px;}
/*CSS:關掉意見的背景圖*/
.talk_content{background:none;}
/*CSS:調整整體大小;數字50可換*/
.main_frame{width:50%;}
/*CSS:調整字體顏色*/
font{color:#000000;}
/*CSS:自行定義 所有新文章 常客排名 分類精華文章 發表新主題 回論壇 跳到標題 的背景顏色
自行定義 留言版 (文章: x 主題: y) by username 管理 本版精華主題 的背景顏色為灰色*/
.small_menu{background-color:#cccccc;}
/*CSS:自行定義中間公告部份的背景顏色為灰色*/
.tell_content{background-color:#cccccc;}
/*CSS:自行定義 時間 標題 最後發表 以下表格的背景顏色為灰色*/
.content{background-color:#cccccc;}
/*CSS:打意見時文字置中*/
input{text-align:center;}
/*CSS:變更意見邊框;黑邊框;數字5和色碼000000可改*/
input{border:5px solid #000000;}
/*CSS:使用黑貓鼠標如果流覽器不支持則替換成十字鼠標;
連接http://ashine0118.myweb.hinet.net/kuroineko.ani可自行替換其他ani連接網址*/
body,a{cursor:url(http://ashine0118.myweb.hinet.net/kuroineko.ani),crosshair;}
/*CSS:留言版黑邊框;數字20和色碼000000可改*/
.main_frame{border: 20px solid #000000;}
/*CSS:把表格的整個背景清空*/
.head_menu,.small_menu,.tell_content,.content,.small_head{background:none;}
/*CSS:把所有連接設成白色*/
a:link,.head_menu a:link,.content a:link,
a:visited,.head_menu a:visited,.content a:visited
{color:#ffffff;text-decoration:none;}
a:hover,.head_menu a:hover,.content a:hover
{color:#ffffff;text-decoration:underline;}
/*CSS:把能改的字都改成白色*/
body, p, table, font,.small_menu,.small_head{color:#ffffff;}
/*CSS:將留言版的不透明度改成86%;支持不同流覽器*/
.main_frame{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=86)";
filter:alpha(opacity=86);opacity:.86;}
/*CSS:設定整個留言版背景為白色*/
.head_menu,.small_menu,.tell_content,.small_head,.content,.talk_content
{background:none;background-color:#ffffff;}
/*CSS:將公告文字圖片置中且留言版內容文字置中;開小聊天也有效*/
.content table{text-align:center;}
/*CSS:留言版置右*/
.main_frame{float:right;}
/*CSS:留言版置左*/
.main_frame{float:left;}
/*CSS:縮整體的字體大小;數字10可改*/
.main_frame,a,font,table,input{font-size:10px;}
/*CSS:條整粗體字大小;數字10可改*/
b{font-size:10px;}
/*CSS:關掉所有圖片連接和iframe;一起用可以抽掉底下的長廣告
不過會把其他圖片連接,小聊天,iframe音樂類也一起關掉*/
a img{display:none;}
iframe{display:none;}
/*CSS:改粗體連接色為棕色;包括底下數字顏色*/
a b{color:#880000;}
/*CSS:當滑鼠碰到首頁那行連接時更換文字顏色為黑色*/
.head_menu a:hover{color:#000000;}
/*CSS:當滑鼠碰到首頁那行連接時更換文字顏色為黑色並加上黑色邊框*/
.head_menu a:hover{border: 5px solid #000000;color:#000000;}
/*CSS:設定首頁行外的所有連接為深藍色並在滑鼠碰處連接時加上深藍色點狀邊框*/
a:link,.content a:link,a:visited,.content a:visited,a:hover,.content a:hover
{color:#00008b;text-decoration:none;}
a:hover,.content a:hover{border: 1px dotted #00008b;}
/*CSS:設定所有連接為深藍色並在滑鼠碰處連接時加上深藍色點狀邊框*/
a:link,.head_menu a:link,.content a:link,
a:visited,.head_menu a:visited,.content a:visited,
a:hover,.head_menu a:hover,.content a:hover
{color:#00008b;text-decoration:none;}
a:hover,.head_menu a:hover,.content a:hover
{border: 1px dotted #00008b;}
/*CSS:設定留言版的細邊框為淺藍色
上面這部份的順序不可亂換;效果會不一樣
1px粗細可換;solid種類可換;色碼可換*/
table, td, th{border:0px;}
.content,.small_menu,.tell_content,.small_head{border:1px solid #e6e6fa;}
.small_menu,.tell_content,.small_head
{border-top-width:0px;border-bottom-width:1px;
border-left-width:0px;border-right-width:0px;}
.head_menu,.small_menu,.tell_content,.content,.small_head{background:none;}
/*CSS:關掉下方搜尋但不關意見;會引響秘密主題*/
form{visibility:hidden;}
.follow form{visibility:visible;}
/*CSS:關掉帖子第一個回覆下方的廣告框*/
#topic_ad{display:none;}
/*CSS:修改秘密主題的秘碼輸入部份的框色為白色*/
form table,form table td{border-width:0px;}
form table td{background-color:#ffffff;}
/*CSS:關掉主題內垂直線分格線*/
#pm0,#pm1,#pm2,#pm3,#pm4,#pm5{display:none;}
/*CSS:修改主題內横線分格線顏色樣式為白色*/
hr{border: 1px solid #ffffff;}
/*CSS:公告底下加條紅線*/
.tell_content{border-bottom-style:solid;border-width:1px;border-color:#ff0000;}
/*HTML:自行定義背景音樂自動重覆語法;置中;不隱藏;
需更改把http://bbsimg.shangdu.com/UserFiles/File/176/61383176/1329291303195.mp3
換掉成其他mp3的網址就行
需改成手動的話把autostart="true"改成autostart="false"
需改成不重覆的話把loop="true"改成loop="false"
17和16數字可以自己改成其他數字
如果想換其他的音樂盒把<embed.../>的部份換掉就行*/
</style>
<center>
<embed src="http://bbsimg.shangdu.com/UserFiles/File/176/61383176/1329291303195.mp3"
autostart="true" loop="true" width="17" height="16"/>
</center>
<style>
/*CSS:置中以下的音樂;把這行的center改成left的話是靠左;改成right的話是靠右*/
div.my_music{text-align:center;}
/*HTML:自行定義背景音樂;非自動撥放;手動;不隱藏
若需要改音樂把audioUrl後的http://...mp3換掉就行
如果想換其他的音樂盒把<embed...></embed><br /><br /><br />的部份換掉就行*/
</style>
<div class="my_music">
<embed type="application/x-shockwave-flash"
flashvars="audioUrl=http://bbsimg.shangdu.com/UserFiles/File/176/61383176/1329291303195.mp3"
src="http://www.google.com/reader/ui/3523697345-audio-player.swf"
width="300" height="27" quality="best"></embed><br /><br /><br />
</div>
<style>
/*HTML:自行定義自己的標誌;更改把http://img542.imageshack.us/img542/2603/newicon2.png換成自己的圖就行*/
</style>
<center>
<img src="http://img542.imageshack.us/img542/2603/newicon2.png" alt="LOGO"/>
<br /><br />
</center>
<style>
/*HTML:自行定義連接網址;需更改把http://bassavg.com/lgpps7/ 和 回BASS論壇 的部份自己換掉*/
</style>
<center>
<a href="http://bassavg.com/lgpps7/">回BASS論壇</a>
</center>
<style>
/*HTML:自行定義自己的標誌連接;連接和圖片連接可改*/
</style>
<center>
<a href="http://bassavg.com/idv.php?id=zashbell">
<img src="http://img542.imageshack.us/img542/2603/newicon2.png" alt="LOGO"/>
<a/>
<br /><br />
</center>
<style>
/*HTML:大字公告;大小可改數字50;大字公告文字部份可改*/
</style>
<center>
<font size="50">大字公告</font>
</center>
<style>
/*HTML:跑馬燈範例;HELLO~~~!!!字可改*/
</style><marquee>HELLO~~~!!!</marquee><style>
/*HTML:YouTube自動播放影片一次範例
連接網址是 http://www.youtube.com/watch?v=MyziqLYNoNM
必需把 watch?v= 改成 v/
所以會變成 http://www.youtube.com/v/MyziqLYNoNM
可替換成你想放的YouTube影片*/
</style>
<center>
<embed src="http://www.youtube.com/v/MyziqLYNoNM&autoplay=1"
type="application/x-shockwave-flash" wmode="transparent">
</embed>
</center>
<style>
/*HTML&JavaScript:由鼠標來更換圖片
圖http://img542.imageshack.us/img542/2603/newicon2.png是當鼠標不在圖上時
圖http://img199.imageshack.us/img199/9749/newicon.jpg是當鼠標移到圖上時
以上這兩個圖片連接可自行更換*/
</style>
<center>
<img src="http://img542.imageshack.us/img542/2603/newicon2.png"
onmouseout="this.src='http://img542.imageshack.us/img542/2603/newicon2.png';"
onmouseover="this.src='http://img199.imageshack.us/img199/9749/newicon.jpg';"/>
</center>
<style>
/*HTML&JavaScript:簡單按鈕藏字範例;center可改left或right來置左或置右*/
</style>
<div align="center">
<script type="text/javascript">
function display_my_words()
{document.getElementById("hide").innerHTML="隱藏的字";}
</script>
<p id="hide">表面上的字</p>
<button type="button" onclick="display_my_words()">顯示隱藏字</button>
</div>
<style>
/*HTML:調整留言版位置;越多<br />空越多行*/
</style><br /><br /><br /><style>
/*HTML:簡單防右鍵;沒太大作用;很好破解;非所有瀏覽器支持;
要寫出相當安全的網頁需要用到大量的JavaScript請自己Google*/
</style><body oncontextmenu="window.event.returnValue=false"></body><style>
/*HTML&JavaScript:從以下三首手動選擇音樂;http://...mp3可改成網址*/
</style>
<script>
<!--
function choose(o)
{
var index=o.selectedIndex; var url=o.options[index].value;
if(url){var open=window.open(url,"_blank");}
}
//-->
</script>
<select onchange="choose(this);">
<option value="">選擇音樂</option>
<option value="http://f10.wretch.yimg.com/as3551096321/2/1864434960.mp3">如果我變成回憶</option>
<option value="http://f10.wretch.yimg.com/handsomeboy4/1/1179269632.mp3">我知道</option>
<option value="http://f10.wretch.yimg.com/as3551096321/2/1864434959.mp3">全世界都停電</option>
</select>
<style>
/*HTML:自動播放一列的音樂;不重覆;我用的是教學網的m3u;IE OK;Firefox不行*/
</style>
<embed src="http://www.quackit.com/html/codes/music_playlist.m3u"
width="300" height="40" autostart="true" loop="false"></embed>
<style>
/*HTML&JavaScript:從以下三首隨機抽一首音樂自動重覆播放
我用的歌曲是如果我變成回憶,我知道和全世界都停電*/
</style><script type="text/javascript">
var musics = new Array(3);
musics[0]="http://f10.wretch.yimg.com/as3551096321/2/1864434960.mp3";
musics[1]="http://f10.wretch.yimg.com/handsomeboy4/1/1179269632.mp3";
musics[2]="http://f10.wretch.yimg.com/as3551096321/2/1864434959.mp3";
var index = Math.floor(Math.random()*musics.length);
document.write("<embed src="+musics[index]+" autostart=true loop=true width=17 height=16></embed>");
</script><style>
/*HTML&JavaScript:從以下三首隨機抽一首音樂自動重覆播放
我用的歌曲是如果我變成回憶,我知道和全世界都停電
此語法為無名音樂盒加上隨機音樂語法;只支持無名音樂;增減音樂方式和上面類似;
autostart=true為自動;autostart=false為手動
repeat=true為重覆;repeat=false為不重覆
volume控制音量可以等於0~100的數字
backcolor,frontcolor和lightcolor顏色可改;開頭為0x加上六位數色碼像是ffffff
width為音樂盒寬;數字可改;height為音樂盒高;數字可改*/
</style><script type="text/javascript">
var musics = new Array(3);
musics[0]="http://f10.wretch.yimg.com/as3551096321/2/1864434960.mp3";
musics[1]="http://f10.wretch.yimg.com/handsomeboy4/1/1179269632.mp3";
musics[2]="http://f10.wretch.yimg.com/as3551096321/2/1864434959.mp3";
var index = Math.floor(Math.random()*musics.length);
document.write("<embed src="+
"http://pic.wretch.cc/photos/serv/video/video_player/BGMusicPlayer.swf?file="+
musics[index]+"&autostart=true&repeat=true"+
"&volume=90&backcolor=0x000000&frontcolor=0xffffff&lightcolor=0xffffff"+
" width=90 height=20></embed>");
</script><style>
/*所以把上面的音樂語法修改一下就可以拿來做隨機圖;
這樣每次逛自己的留言版時看到的圖都會是隨機抽的*/
/*HTML&JavaScript:從以下兩種圖片隨機選一個來用
增加方法和上面的方法類似只要注意一下這裡是用images和圖片連接檔*/
</style><center><script type="text/javascript">
var images = new Array(2);
images[0]="http://img199.imageshack.us/img199/9749/newicon.jpg";
images[1]="http://img542.imageshack.us/img542/2603/newicon2.png";
var index = Math.floor(Math.random()*images.length);
document.write("<img src="+images[index]+" alt=random></img>");
</script></center><style>
/*HTML&JavaScript:進出留言版時隨機出現以下五種句子之一
修改方式和上面類似只要注意一下這裡是用sentences和文字;換行用<br />*/
</style><center>
<script type="text/javascript">
var sentences = new Array(5);
sentences[0] = "隨機文字1";
sentences[1] = "隨機文字2<br />換行文字<br />再換行文字";
sentences[2] = "隨機文字3";
sentences[3] = "隨機文字4";
sentences[4] = "隨機文字5";
var index = Math.floor(Math.random()*sentences.length);
document.write(sentences[index]);
</script>
</center><style>
/*HTML&JavaScript:隨機選背景圖;重覆;需改不重覆改repeat為no-repeat;left top為左上;位置可改;
修改方式和上面類似只要注意一下這裡是用backgrounds和圖片連接*/
</style>
<body>
<script type="text/javascript">
var backgrounds=new Array(2);
backgrounds[0]="http://www.w3schools.com/css/paper.gif";
backgrounds[1]="http://img600.imageshack.us/img600/7425/graywithwhitetexture450.jpg";
var index = Math.floor(Math.random()*backgrounds.length);
document.body.style.background="url("+backgrounds[index]+") repeat left top";
</script>
</body>
<style>
/*HTML:白色捲軸;色碼#ffffff可改;IE OK;Firefox不行*/
</style>
<body style="overflow:scroll;scrollbar-base-color:#ffffff;"></body>
<style>
/*HTML:圖片跑馬燈;圖http://...gif可改*/
</style>
<marquee><img src="http://bassavg.com/bassmark.gif"/></marquee>
<style>
/*HTML:Flash動態;http://...swf可改;width和height可改;left:0px;top:0px的0可改*/
</style>
<embed src="http://imgfree.21cn.com/free/flash/27.swf" width="200" height="200"
quality="high" wmode="transparent" style="position:absolute;left:0px;top:0px"/>
<style>
|
