注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

网络电视列表样式编辑  

2012-08-03 23:14:18|  分类: 网络电视1 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

◆频道列表样式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>
效果:
央视列表   央视频道 

参考:全国电视网络直播列表
相关:网络电视资源  频道地址嵌入   MMS FLV嵌入   列表目录编辑  网络电视整合

返回目录

  评论这张
 
阅读(1209)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017