網頁語法整理★影音&框★

2008031814:51

 

 影音

音樂語法autostart="0"不自動"1"自動
<embed src="音樂網址" width="220" height="64" type="audio/mpeg" volume="-1" autostart="0" loop="-1" enablecontextmenu="0" showpositioncontrols="0" showstatusbar="1"></embed>

MV語法
<embed src="影片網址" width="480" height="370" type="application/x-shockwave-flash"></embed>

MV語法-黑色
<embed style="FILTER: xray" src="影片網址" width="325" height="300" autostart=false enablecontextmenu="0"></embed>

放檔案的語法
<iframe name="I1"src="檔案網址" width="450" height="400" frameborder="0"></iframe>

音樂語法-黑色
<embed style="FILTER: xray gray()" src="音樂網址" width="200" height="65" autostart="0"  enablecontextmenu="0" showpositioncontrols="0" showstatusbar="1"  LOOP="1" volume="0" >

音樂語法-灰色
<embed style="FILTER: gray" src="http://grm.cdn.hinet.net/xuite/2/6/7/6/14971350/blog_310262/dv/6685032/6685032.asf" width="300" height="65" type="" showstatusbar="true" loop="-1" enablecontextmenu="0" volume="-200" autostart="0" ></embed >

 框框   

捲軸框---都需將後 )改為 >
<TEXTAREA cols=46 name=1i_net rows=6 style="background-image: url('底圖網址');background-color:#cccccc; color:#000000; font-size: 10pt; border-style: ridge; border-color:#ff00cc">內文</TEXTAREA)

捲軸設計框
<div align="center">
<table style="border:3px solid #660066;  WIDTH: 400px; HEIGHT: 380px" background="http://blog.sina.com.tw//myimages/23/21271/images/20060807121624294.jpg?v=0" border="0">
  <!---以上設定底圖大小,外框顏色---> 
<tbody>
        <tr>
            <td><center><font color="#336699"><strong>標題</strong></font></center></td>
        </tr>
        <tr>
            <td>
<!---以下內文捲軸顏色,寬高設定--->           
<div style="SCROLLBAR-FACE-COLOR: #ccccff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffccff; SCROLLBAR-TRACK-COLOR: #ffffff; HEIGHT: 150px"><font color="#000000" size="2"><center>
<font color="#cc3366">內文內文<br><br>內文內文<br><br>內文內文<br><br>內文內文<br><br>內文內文<br><br>內文內文
<br>
<br>
</center>
</font></div>
            </td>
        </tr>
    </tbody>
</table>
</div>

無捲軸全選:虛線border-style:dashed
<textarea  onfocus="this.select()" onmouseover="this.focus()" style="background-color: transparent; font: 10pt verdana; color:#ff9999; overflow: hidden; width: 260px; height: 40px; border: 1px solid #cc0000;">內文</textarea)

文章框框的語法&說明
<fieldset style="border:3px solid #660066; padding-left:10; background-image:url(背景網址);background-color:#ffffff;background-position: right bottom;"><br>
<font color=#000000 size=2>內文
<br>
<br>
</font></fieldset>

簡單的文章框框
<div align="center"><table style="WIDTH: 98%; WORD-BREAK: normal; BACKGROUND-COLOR: #ffccff" bordercolor="#cc0000" cellspacing="20" cellpadding="10" border="1"><tbody><tr><td>
<p>我想框住的文字1</p>
</td></tr></tbody></table></div>

說明↓
border:2px solid #62754f 此為框架的大小和顏色,2px數字愈大框愈粗
padding-left:10; padding-right:10  文字與左右邊框的距離
background-image:url(背景圖片網址,更改妳自己要用的背景圖片即可)
background-repeat:no-repeat;background-attachment:fixed 背景不重覆
background-color:#FFFFFF 背景顏色為白色
background-position: right bottom 背景圖片置於右下方 (可更改為上下左右)



捲軸顏色設定說明
自動全選反白---將最後的 ) 改成 >
<TEXTAREA cols=32 name=1i_net rows=5 onMouseOver="this.focus()" onFocus="this.select()" style="background-image: url('底圖網址');color:#333333; font-size: 10pt; border-style: ridge; scrollbar-arrow-color:#fffffff; scrollbar-track-color:#ffffff; scrollbar-face-color:#cccccc; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-3dlight-color:#999999; scrollbar-darkshadow-color:#999999; border-color:#cccccc">內文</TEXTAREA)

公佈欄+全選框
<div align="center">
<table style="border:0px solid #660066;  WIDTH: 289px; HEIGHT: 201px" background="http://blog.sina.com.tw/myimages/23/21271/images/20070429135426710.gif?v=0" border="0">
  <!---以上設定底圖大小,外框顏色---> 
<tbody>
<tr>
<td><font color="#336699">
<!--向右移--><P style="MARGIN-LEFT:150px">
標題</font></td>
</tr>
<tr>
<td>
<!--向右移--><P style="MARGIN-LEFT:135px">
<TEXTAREA cols=18 name=1i_net rows=5 onMouseOver="this.focus()" onFocus="this.select()" style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-BOTTOM: 0px solid; BORDER-LEFT: 0px solid;background-color:#ffffff;color:#333333; font-size: 10pt; border-style: ridge; scrollbar-arrow-color:#ff9966; scrollbar-track-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#999999; border-color:#ffffff">內文
(/TEXTAREA)
            </td>
        </tr>
    </tbody>
</table>
</div>

說明↓
background="圖網址?v=0" border=0>背景圖片
border:3px solid #660066;邊框的顏色
background-color:#ffffff; 背景顏色
scrollbar-arrow-color:#fcfcb4; 箭頭顏色
scrollbar-track-color:#000000; 軸軌顏色(下面)
scrollbar-face-color:#000000;軸面顏色
scrollbar-highlight-color:#d80090;軸面左邊
scrollbar-shadow-color:#d80090; 軸面右邊
scrollbar-3dlight-color:#d86cb4; 左立體邊
scrollbar-darkshadow-color:#d86cb4; 右立體邊

以上由   整理分享