網路城邦
回本城市首頁 ☆漫畫˙ω˙天堂☆
市長:im19900220  副市長: MIDDLE我是阿廣
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市生活時尚動漫【☆漫畫˙ω˙天堂☆】城市/討論區/
討論區☆教學˙ω˙特區☆ 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
兔妹介紹語法~1
 瀏覽1,605|回應4推薦1

sakura40718
等級:
留言加入好友
文章推薦人 (1)

MIDDLE

特殊語法︿︿

第一種語法介紹 :

捲軸和滑鼠的語法↓<盡管參考,也可以拿走!不要忘記肆我找的歐!>

【捲軸變色語法】
【捲軸變成黑色、箭頭白色語法】↓
<style>
BODY{
SCROLLBAR-FACE-COLOR: #000000; /*捲軸顏色*/
SCROLLBAR-HIGHLIGHT-COLOR: #000000; /*捲軸左與上內邊框*/
SCROLLBAR-SHADOW-COLOR: #000000;/*捲軸右與下內邊框*/
SCROLLBAR-3DLIGHT-COLOR: #000000; /*捲軸左與上外邊框*/
SCROLLBAR-DARKSHADOW-COLOR: #000000;/*捲軸右與下外邊框*/
SCROLLBAR-ARROW-COLOR: #ffffff; /*捲軸箭頭*/
SCROLLBAR-TRACK-COLOR: #000000; /*捲軸底色*/
}
</style>

【捲軸變成黑色、箭頭紅色語法】↓
<style>
BODY {
scrollbar-base-color : #000000;
scrollbar-face-color : #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color : #ff0000;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
}
</style>

【捲軸變成白色、箭頭紅色語法】↓
<style>
BODY {
scrollbar-base-color : #ffffff;
scrollbar-face-color : #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color : #ff0000;
scrollbar-3dlight-color: #ffffff;
scrollbar-highlight-color : #ffffff;
scrollbar-shadow-color : #ffffff;
scrollbar-darkshadow-color : #ffffff;
}
</style>

【捲軸變成紅色、箭頭紅色語法】↓
<style>
BODY {
scrollbar-base-color : #d90923;
scrollbar-face-color : #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color : #d90923;
scrollbar-3dlight-color: #2F2F2F;
scrollbar-highlight-color : #d90923;
scrollbar-shadow-color : #d90923; scrollbar-darkshadow-color : #000000;
}
</style>

【捲軸變色產生器】
http://www.nkhsyears.com/YY36.htm

第二種語法 :

跑馬燈式相片簿語法留言版用語法<這種比較長,要仔細看歐!>

<p align="center"><marquee behavior="alternate" width="480" height="104" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://myweb.hinet.net/home6/snw00638/xing.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0002.jpg" alt="圖片隱藏式說明" width="150" height="100"></a><a href="http://myweb.hinet.net/home6/snw00638/zuo.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0013.jpg" alt="圖片隱藏式說明" width="150" height="100"></a><a href="http://myweb.hinet.net/home6/snw00638/yu01.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0039.jpg" alt="圖片隱藏式說明" width="150" height="100"></a><a href="http://myweb.hinet.net/home6/snw00638/word01.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0061.jpg" alt="圖片隱藏式說明" width="150" height="100"></a><a href="http://myweb.hinet.net/home6/snw00638/xing.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0002.jpg" alt="圖片隱藏式說明" width="150" height="100"></a><a href="http://myweb.hinet.net/home6/snw00638/zuo.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0013.jpg" alt="圖片隱藏式說明" width="150" height="100"></a><a href="http://myweb.hinet.net/home6/snw00638/yu01.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0039.jpg" alt="圖片隱藏式說明" width="150" height="100"></a><a href="http://myweb.hinet.net/home6/snw00638/word01.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0061.jpg" alt="圖片隱藏式說明" width="150" height="100"></a></marquee></p>


【跑馬燈式相片簿語法網頁用語法】

<p align="center">
<marquee behavior="alternate" width="480" height="104" onmouseover="this.stop()" onmouseout="this.start()">
<a href="http://myweb.hinet.net/home6/snw00638/xing.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0002.jpg" alt="圖片隱藏式說明" width="150" height="100"></a>
<a href="http://myweb.hinet.net/home6/snw00638/zuo.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0013.jpg" alt="圖片隱藏式說明" width="150" height="100"></a>
<a href="http://myweb.hinet.net/home6/snw00638/yu01.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0039.jpg" alt="圖片隱藏式說明" width="150" height="100"></a>
<a href="http://myweb.hinet.net/home6/snw00638/word01.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0061.jpg" alt="圖片隱藏式說明" width="150" height="100"></a>
<a href="http://myweb.hinet.net/home6/snw00638/xing.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0002.jpg" alt="圖片隱藏式說明" width="150" height="100"></a>
<a href="http://myweb.hinet.net/home6/snw00638/zuo.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0013.jpg" alt="圖片隱藏式說明" width="150" height="100"></a>
<a href="http://myweb.hinet.net/home6/snw00638/yu01.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0039.jpg" alt="圖片隱藏式說明" width="150" height="100"></a>
<a href="http://myweb.hinet.net/home6/snw00638/word01.html" target="_blank"><img border="2" src="http://myweb.hinet.net/home6/snw00638/back/0061.jpg" alt="圖片隱藏式說明" width="150" height="100"></a>
</marquee>
</p>


【說明】
在width="150" 設定寬度
在height="100" 設定高度
在border="2" 設定相框寬度
在marquee behavior="alternate" width="480" height="104" 設定跑馬燈式相片簿顯示高度與寬度
在http://myweb.hinet.net/home6/snw00638/xing.html 中設定欲連結網址
在http://myweb.hinet.net/home6/snw00638/back/0002.jpg 中改變你要出現的圖
新增照片
<a href="http://網頁網址" target="_blank"><img border="2" src="http://照片網址" alt="圖片隱藏式說明" width="150" height="100"></a>


【參考說明網頁】
★【跑馬燈式相片簿語法】★
http://tw.home.yahoo.com/member/cgi-bin/forum_read.z?tid=c36186253@F1102992360&p=414&i=1&rand=1123772191
★【跑馬燈式相片簿語法】★
http://www.nkhsyears.com/C15.htm


回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=53432&aid=2082310
 回應文章
推薦0


sakura40718
等級:
留言加入好友

 

呵呵~~

看上面的指示啊

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=53432&aid=2085042
出現...
推薦0


im19900220
等級:8
留言加入好友

 

電腦白痴從出江湖~

怎ㄇ半~><

看無~"~....

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=53432&aid=2085022
.
推薦0


sakura40718
等級:
留言加入好友

 

恩~

好啊!

可以讓網誌變美咧︿︿

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=53432&aid=2084350
推薦0


MIDDLE
等級:7
留言加入好友

 

謝謝嚕喔

我要好好的研究一下=ˇ=

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=53432&aid=2084332