◆频道列表样式1 (CSS代码)
<style type="text/css">
a{ color:#FFF;FONT-FAMILY:宋体;font-size:12px;}
// 连接文本颜色；字体；字号。
#menu { width:130px; margin:0;}
// 列表宽度。
#menu a { display:block;padding:5px 0 3px 10px; text-decoration:none; overflow:hidden; border:#808080 2px solid;margin-top:1px;background-image:url(http://everydaytv.ucoz.com/menu/image/back1.gif);}
// 显示块；四边空白上、右、下、左；文字无装饰；隐藏溢出；边线颜色、粗细、实线；上边空白；背景图。
#menu a:hover{color:#33ffff;background-image:url(http://everydaytv.ucoz.com/menu/image/back2.gif);}
// 鼠标指向时文本颜色；背景图。
#menu a:active{ color:#ff0000;background-image:url(http://everydaytv.ucoz.com/menu/image/back3.gif);}
// 鼠标单击时文本颜色；背景图。
</script>
◆列表滚动条颜色 (CSS代码)
<style type="text/css">
*{
SCROLLBAR-FACE-COLOR:#333; // 滑块表面颜色
SCROLLBAR-HIGHLIGHT-COLOR:#333; // 上/左斜面亮边框颜色
SCROLLBAR-3DLIGHT-COLOR:#777; // 上/左边沿亮边颜色
SCROLLBAR-SHADOW-COLOR:#333; // 下/右斜面暗边框颜色
SCROLLBAR-DARKSHADOW-COLOR:#777; // 下/右边沿暗边颜色
SCROLLBAR-ARROW-COLOR: #fff; // 两端箭头颜色
SCROLLBAR-TRACK-COLOR: #555; // 底板轨迹颜色
}
</style>
◆频道地址处理
<base href="http://everydaytv.ucoz.com/" /> // 频道播放连接可用相对地址
<base target="TV" /> // 播放连接在"TV"中打开
说明：以上均放在<head></head>中。
◆频道列表内容
<body topmargin="0" leftmargin="0" bgcolor="#000000"> // 背景色
<div id="menu" style="height:auto"> // 高度自动
<a href="频道播放相对地址">频道名称</a>
………………………………………
</div>
</body>
效果：港澳台电视列表 港澳台电视 港澳台电视
◆频道列表样式2 (CSS代码)
<style>
*,body{ margin:0; padding:0px;}
a{ color:#FFF;FONT-FAMILY:宋体;font-size:12px;}
// 连接文本颜色；字体；字号。
#menu { width:130px; margin:0;}
// 列表宽度。
#menu a { height:25px;line-height:25px;background:#333 url(http://www.91849.com/images/t_.gif) no-repeat 8px 3px;text-indent:25px;border:#808080 2px solid;margin-top:1px;color:#fff;display:block;text-decoration:none;}
// 列表a连接行高；背景图纵向位置；背景色、背景图地址、不重复；背景图与文字距离；a连接边框；a连接上边空白；文字颜色；显示块；去掉文字下划线。
#menu a:hover{color:#000000;background:#E9967A url(http://www.91849.com/images/t_.gif) no-repeat 8px 3px;}
// 鼠标指向时文本颜色；背景色、背景图、不重复。
#menu a:active{color:#ff0000;background:#87CEFA url(http://www.91849.com/images/t_.gif) no-repeat 8px 3px;}
// 鼠标单击时文本颜色；背景色、背景图、不重复。
</style>
效果：央视列表 央视频道
登陆您的帐号 | 免费注册帐号