BLOG換裝小技巧
幾個自己整理的小技巧~大家如果不嫌棄可以當作參考~順便也po幾個圖檔給大家下載使用並提供一些素材網~大家能去挖寶唷
供幾個自己整理的小技巧~大家如果不嫌棄可以當作參考
供幾個自己整理的小技巧~大家如果不嫌棄可以當作參考
基礎語法-貼圖連結
1.一般連結
<a href="網址">文字</a>
2.滑鼠移至連結有文字
<a href="網址" title="文字">網名</a>
3.一般貼圖
<img src="圖片網址">
4.按圖片開啟網頁
<a href="網站位址"><img src="圖片位址" alt=""
可當做LOGO連結用
5.插入E-maiil超連結
<a href="mailto:信箱位址 ">文字</a>
6.圖片外框
<img src="圖片位址" border="0"></a>
解說:
border是指定圖片外框的粗細0是沒有
基礎語法-音樂
1.RM撥放語法
<embed src="音樂網址"width=1 autostart=TRUE>
2.MIDI.MP3.ASF.WMA撥放語法(一般背景音樂語法)
<bgsound src=="音樂網址">
屬性說明:
src=音樂網址
loop=音樂重撥次數,不斷撥放為true
autostart=是否要在音樂檔傳完之後,自動播放音樂。true是要,flace是不要。內定值是不要。
width=控制面版寬度
high=控制面版高度
align=控制面版與文字對齊方式,跟<img>的語法一樣
hidden=true(隱藏版面,使用此屬性無須另加版面寬高度語法)
controls=控制面版樣式
console(正常面版)/smallconsole(較小面版)
playbutton(只顯示撥放按鈕)/pausebutton(只顯示暫停按鈕)
stopbutton(只顯示停止按鈕)/volumelever(只顯示音量調整)
基礎語法-背景
1.背景跟隨滾軸移動(一般背景)
<body background="圖片網址">
2.背景不動語法
<body background="圖片網址" bgproperties="fixed">
以下為CSS背景語法需放在<head>與</head>間
1.背景圖x軸重複
<style type="text/css">body{background:fixed url('背景網址') repeat-x left}</style>
2.背景圖y軸重複
<style type="text/css">body{background:fixed url('背景網址') repeat-y left}</style>
3.自行設定背景顏色
<style type="text/css">Body{background-color:顏色代號}</style>
4.普通貼背景
<style type="text/css">BODY{background-image:url('背景網址');background-attachment:fixed;}</style>
5.背景置左方
<style type="text/css">body{background:fixed url('背景網址')no-repeat left}</style>
6.背景置左上方
<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:left top">
7.背景置左中方
<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:left center">
8.背景置左下方
<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:left bottom">
9.背景置中
<style type="text/css">body{background:fixed url(背景網址) 背景色碼 no-repeat center}</style>
10.背景置中上方
<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:center top">
11.背景置中中方
<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:center center">
12.背景置中下方
<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:center bottom">
13.背景置右方
<style type="text/css">body{background:fixed url(背景網址) 背景色碼 no-repeat right}</style>
14.背景置右上方
<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:right top">
15.背景置右中方
<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:right center">
16.背景置右下方
<BODY BACKGROUND="背景網址" style="background-repeat:no-repeat;background-attachment:fixed;background-position:right bottom">
17.背景置上方
<style type="text/css">body{background:fixed url(背景網址) 背景色碼 no-repeat top left}</style>
附上捲軸各色碼代表的位置:
SCROLLBAR-FACE-COLOR 軸面顏色
SCROLLBAR-HIGHLIGHT-COLOR 軸面三角左邊顏色
SCROLLBAR-SHADOW-COLOR 軸面三角右邊顏色
SCROLLBAR-3DLIGHT-COLOR 左立體邊顏色(軸面的旁左邊)
SCROLLBAR-ARROW-COLOR 箭頭的顏色
SCROLLBAR-TRACK-COLOR 軸軌顏色
SCROLLBAR-DARKSHADOW-COLOR 右立體邊顏色(軸面的旁右邊)
特別注意
捲軸的語法如果使用在網誌中
請記得把{}前面的BODY改成HTML喔!
{}括號中間的捲軸位置跟色碼則不須更動!!
以下分別是各種顏色的 深色&淺色 樣式
(藍,粉,紫,橘,綠,黃,黑)
body {
scrollbar-arrow-color: #E 0F 5F F;
scrollbar-face-color: #A3E 2F F;
scrollbar-track-color: #C2ECFF;
scrollbar-3dlight-color: #fff;
scrollbar-highlight-color: # 60C DFF;
scrollbar-shadow-color: #E 0F 5F F;
scrollbar-darkshadow-Color: # 60C DFF;}
2.深藍
body {
scrollbar-arrow-color: #70B 3F F;
scrollbar-face-color: #0874EF;
scrollbar-track-color: # 5A A 7F F;
scrollbar-3dlight-color: #70B 3F F;
scrollbar-highlight-color: #2657DF;
scrollbar-shadow-color: #70B 3F F;
scrollbar-darkshadow-Color: # 2A 58D8;}
3.淺粉
body {
scrollbar-arrow-color: #FFCBDC ;
scrollbar-face-color: #FFB 3C C ;
scrollbar-track-color: #FFCBDC ;
scrollbar-3dlight-color: #FFDCE8 ;
scrollbar-highlight-color: #FF8BB2 ;
scrollbar-shadow-color: #FFCFDF ;
scrollbar-darkshadow-Color: #FF8BB2 ;}
4.桃紅
body {
scrollbar-arrow-color: #FE89BE ;
scrollbar-face-color: #FF 66A B ;
scrollbar-track-color: #FE89BE ;
scrollbar-3dlight-color: #FEADD1 ;
scrollbar-highlight-color: #FF4096 ;
scrollbar-shadow-color: #FEADD1 ;
scrollbar-darkshadow-Color: #FF4096 ;}
5.粉紫
body {
scrollbar-arrow-color: #EBC 2F F ;
scrollbar-face-color: #E 1A 5F F ;
scrollbar-track-color: #EBC 2F F ;
scrollbar-3dlight-color: #F0D 3F F ;
scrollbar-highlight-color: #CE 83F 3 ;
scrollbar-shadow-color: #F0D 3F F ;
scrollbar-darkshadow-Color: #D38BF7 ;}
6.深紫
body {
scrollbar-arrow-color: #BC 5F EA ;
scrollbar-face-color: #A 64A D4 ;
scrollbar-track-color: #BC 5F EA ;
scrollbar-3dlight-color: #D 796F 8 ;
scrollbar-highlight-color: #8B2BBB ;
scrollbar-shadow-color: #D 089F 4 ;
scrollbar-darkshadow-Color: #8B2BBB ;}
7.粉橘
body {
scrollbar-arrow-color: #FFDBB2 ;
scrollbar-face-color: #FFCA8D ;
scrollbar-track-color: #FFDBB2 ;
scrollbar-3dlight-color: #FCE 5C B ;
scrollbar-highlight-color: #FFB45E ;
scrollbar-shadow-color: #FEDDB8 ;
scrollbar-darkshadow-Color: #FFB45E ;}
8.深橘
body {
scrollbar-arrow-color: #FFCA8D ;
scrollbar-face-color: #FF9721 ;
scrollbar-track-color: #FFAA49 ;
scrollbar-3dlight-color: #FFCE95 ;
scrollbar-highlight-color: #EF 7F 00 ;
scrollbar-shadow-color: #FFCE95 ;
scrollbar-darkshadow-Color: #EF 7F 00 ;}
9.淺綠
body {
scrollbar-arrow-color: #E 4F ECA ;
scrollbar-face-color: #CEF 4A 9 ;
scrollbar-track-color: #E 4F ECA ;
scrollbar-3dlight-color: #E 9F ED5 ;
scrollbar-highlight-color: #A9E86B ;
scrollbar-shadow-color: #E 9F ED5 ;
scrollbar-darkshadow-Color: #A0E35D ;}
10.深綠
body {
scrollbar-arrow-color: # 73C 573 ;
scrollbar-face-color: # 00A A00 ;
scrollbar-track-color: # 73C 573 ;
scrollbar-3dlight-color: # 8A D 88A ;
scrollbar-highlight-color: #019201 ;
scrollbar-shadow-color: # 8A D 88A ;
scrollbar-darkshadow-Color: #019201 ;}
11.淺黃
body {
scrollbar-arrow-color: #FFF ;
scrollbar-face-color: #FFFFA7 ;
scrollbar-track-color: #FFFFCB ;
scrollbar-3dlight-color: #FFF ;
scrollbar-highlight-color: #FFEA00 ;
scrollbar-shadow-color: #FFF ;
scrollbar-darkshadow-Color: #FFEA00 ;}
12.亮黃
body {
scrollbar-arrow-color: #FFF ;
scrollbar-face-color: #FFFF00 ;
scrollbar-track-color: #FFFF7E ;
scrollbar-3dlight-color: #FFF ;
scrollbar-highlight-color: #FFE100 ;
scrollbar-shadow-color: #FFF ;
scrollbar-darkshadow-Color: #FFD000 ;}
13.黑色
body {
scrollbar-arrow-color: #555 ;
scrollbar-face-color: #000000 ;
scrollbar-track-color: #000 ;
scrollbar-3dlight-color: #FFF ;
scrollbar-highlight-color: #000 ;
scrollbar-shadow-color: #FFF ;
scrollbar-darkshadow-Color: #000 ;}
14.深灰
body {
scrollbar-arrow-color: #AAA ;
scrollbar-face-color: #777 ;
scrollbar-track-color: #999 ;
scrollbar-3dlight-color: #AAA ;
scrollbar-highlight-color: #222 ;
scrollbar-shadow-color: #AAA ;
scrollbar-darkshadow-Color: #222 ;}
15.淺灰
body {
scrollbar-arrow-color: #DDD ;
scrollbar-face-color: #BBB ;
scrollbar-track-color: #DDD ;
scrollbar-3dlight-color: #EEE ;
scrollbar-highlight-color: #999 ;
scrollbar-shadow-color: #EEE ;
scrollbar-darkshadow-Color: #AAA ;}