`

网页节目播放器布局

    博客分类:
  • CSS
 
阅读更多
<div id="act">
	<h1>[V]节目单</h1>
	<div>
		<ul>
			<li><span>00:00-00:30</span> 视网More</li>
			<li><span>00:30-01:30</span> 45 RPM </li>
			<li><span>01:30-02:30</span> 视网More </li>
			<li><span>02:30-03:30</span> 视网More </li>
			<li><span>03:30-04:00</span> 13亿分贝 </li>
			<li><span>04:00-05:00</span> 酷乐LA </li>
			<li><span>05:00-06:00</span> 视网More </li>
			<li><span>06:00-07:00</span> 视网More </li>
			<li><span>07:00-08:00</span> 勁爆點 </li>
			<li><span>08:00-09:00</span> 45 RPM </li>
			<li><span>09:00-09:30</span> 视网More </li>
			<li><span>09:30-10:00</span> Double Shot </li>
			<li><span>10:00-10:30</span> 视网More </li>
			<li><span>10:30-11:00</span> 13亿分贝 </li>
			<li><span>11:00-12:00</span> 酷乐LA </li>
			<li><span>12:00-12:30</span> 劲爆点 </li>
			<li><span>12:30-13:00</span> 视网More </li>
			<li><span>13:00-14:00</span> 视网More </li>
			<li><span>14:00-15:00</span> 酷乐LA </li>
			<li><span>15:00-15:30</span> Double Shot </li>
			<li><span>15:30-16:00</span> 视网More </li>
			<li><span>16:00-17:00</span> 模范棒棒堂 </li>
			<li><span>17:00-17:30</span> 视网More </li>
			<li><span>17:30-18:30</span> 视网More </li>
			<li><span>18:30-19:00</span> 13亿分贝 </li>
			<li><span>19:00-20:00</span> 酷乐LA </li>
			<li><span>20:00-20:30</span> Hit on [V] </li>
			<li><span>20:30-21:00</span> 劲爆点 </li>
			<li><span>21:00-22:00</span> 视网More </li>
			<li><span>22:00-22:30</span> Double Shot </li>
			<li><span>22:30-23:30</span> 酷乐LA </li>
			<li><span>23:30-00:00</span> 视网More </li>
		</ul>
	</div>
</div>
#acl div h1{
	display:block;
	height:32px;
	line-height:32px;
  text-align:center;
  text-size:16px;
  color:#FFFFFF;
  background:url(images/jmd_top.jpg) no-repeat left center;
}
#act div {
	width:250px;
	height:188px;
	background:url(../images/jmd_bg.jpg);  --背景一定要放在div里面,不能放在ul里面
}
#act div ul {
	width:240px;
	height:188px;
	margin:0 auto;
	overflow:auto;
	color:#fff;
	text-indent:45px;
	line-height:150%;
	letter-spacing:1px;
	scrollbar-face-color: #333; 
	scrollbar-highlight-color: #666; 
	scrollbar-shadow-color: #333; 
	scrollbar-3dlight-color: #999; 
	scrollbar-arrow-color: #999; 
	scrollbar-track-color: #000; 
}
分享到:
评论

相关推荐

    flash播放器

    描述中提到的“实用,多功能”特性,意味着这个Flash播放器不仅能够播放Flash内容,还可能具备一些额外的功能,比如调整页面大小以适应不同的屏幕或视觉需求,预览播放节目功能让用户能够在正式播放前了解内容。...

    HTML.rar_.bghtml_html中播放英语_在线播放_嵌套网页音乐_网页 播放

    通过CSS,我们可以控制音频元素与其他内容的相对位置和布局,使其自然地融入网页设计。 "网页播放"强调的是在网页环境中播放音频的能力,这对于创建互动式、多媒体丰富的网页至关重要。例如,在语言学习网站中,...

    音乐节目blog网页模板

    【音乐节目blog网页模板】是一种专门用于展示音乐节目的网页设计模板,旨在为音乐爱好者、艺术家、音乐节组织者或任何希望通过在线平台分享音乐活动的人提供一个专业且吸引人的网站框架。这种模板通常包含了多种页面...

    Win8风格在线电视直播网页模板

    3. **媒体播放器集成**:在线电视直播网页模板通常内置了先进的媒体播放器,支持流媒体技术如HLS、RTMP等,能够流畅地播放高清视频,同时具备播放、暂停、快进、回放等功能。 4. **频道分类与搜索**:为了方便用户...

    电子功用-用于视频处理系统的电子节目指南内的画面

    6. **多平台兼容性**:随着移动设备和互联网的发展,EPG不仅限于电视,还需要适应智能手机、平板电脑和网页等多种设备,这就要求EPG系统具有跨平台兼容性和响应式设计。 7. **交互性与控制**:EPG允许用户设置提醒...

    web template

    网页模板是Web开发中的一个重要工具,它为设计者和开发者提供了快速构建网站布局的基础结构。在Web设计领域,模板通常包含HTML、CSS(层叠样式表)和其他相关的资源,如JavaScript文件、图片以及字体等,这些都组合...

    IPTV 界面设计战略层.pdf

    主要的交互按钮包括IPTV节目列表、点播服务、浏览网页、游戏互动和自助服务等,这些功能的布局要符合用户习惯,便于快速访问。 在结构层面上,节目列表通常按类别划分,如中央电视台、省级卫视、时尚娱乐、精彩影视...

    网络广播门户网页模板

    标题中的“网络广播门户网页模板”指的是专门为网络广播平台设计的一种网页布局和视觉样式模板,它可以帮助开发者快速构建一个功能齐全、用户界面友好的在线广播站点。这种模板通常包括多种页面设计,如首页、节目...

    在线电台网页模板

    在线电台网页模板是一种专为创建在线音频流媒体平台而设计的网页布局,它结合了现代网页设计技术与音频播放功能,使用户能够在一个简洁而吸引人的界面中享受音乐或广播节目。这种模板通常包括多种页面设计,如首页、...

    火星音乐DJ网页模板

    同时,对于想要实现更高级功能,如响应式布局、音乐流媒体播放器集成,可能需要掌握JavaScript和相关框架(如jQuery)。此外,SEO(搜索引擎优化)也是创建网页时不可忽视的一部分,确保网站在搜索引擎结果中获得更...

    无线电广播网站模板

    2. **音频播放器**:核心功能之一是集成高质量的音频播放器,可以流畅地播放广播节目,并可能包括播放列表、音量控制、播放/暂停按钮等功能。 3. **节目日程**:模板通常会提供一个清晰的日程表模块,展示即将播出...

    电台广播工作室响应式网页模板

    4. **音频/视频播放器**:集成在页面中,允许用户直接在线收听或观看节目回放。 5. **新闻/博客**:发布工作室的最新消息、活动或者专题报道,提升与用户的互动。 6. **联系我们**:提供联系方式,包括电话、邮箱、...

    dplayer多视频列表播放

    - `css`:存储CSS样式文件,用于定义网页的外观和布局。 - `images`:包含与项目相关的图像资源,如图标、缩略图等。 综合以上信息,我们可以理解这个项目是一个基于DPlayer的多视频播放解决方案,具备自定义初始...

    音乐娱乐导航网页模板

    音乐娱乐导航网页模板是专为在线音乐和娱乐领域设计的一种网页布局方案,它结合了音乐元素和娱乐特性,为用户提供直观、吸引人的导航体验。在网页设计中,模板扮演着重要角色,它可以帮助设计师快速搭建页面结构,...

    音乐视听演出响应式网页模板

    响应式设计是网页开发中的关键概念,它允许网页根据用户所使用的设备的屏幕尺寸和方向自动调整布局。在音乐视听演出模板中,响应式设计尤为重要,因为用户可能在不同设备上浏览,如在大屏设备上欣赏高清演出图片,在...

    bobreksoundsystem.github.io:互联网节目

    2. **响应式设计**:考虑到互联网节目的多平台访问需求,项目可能会使用Bootstrap、Flexbox或Grid布局来实现跨设备兼容性,确保在桌面、平板和手机上都能良好显示。 3. **数据交互**:如果节目列表动态加载或有用户...

    Site_projeto:网上节目预告片

    对于视频,可以使用CSS来调整播放器的样式和控制布局。 7. **CSS预处理器**:为了简化CSS编写和提高代码复用,可以使用如Sass、Less或Stylus这样的预处理器。它们提供了变量、嵌套规则、混合(mixins)等功能,让...

    ourblock:ourblock 社区广播播放器

    4. `audio/` - 存储广播音频文件的地方,可能包含多个流或节目。 5. `includes/` - 可重用的PHP代码片段,如数据库连接、函数库等。 6. `config.php` - 配置文件,包含数据库连接信息和其他设置。 7. `uploads/` - ...

    tv12345网络电视源码

    这个项目可能包含了一整套用于在线播放电视节目的系统,允许用户通过网页浏览器观看各种电视节目。 【描述】描述中提到,这个源码是为创建网页网络电视设计的,意味着它可能包含了一系列的网页文件和服务器端脚本,...

    Php_Vod_system.zip_On Demand_php vod_vlc_vod_vod vlc play

    10. **CSS文件**:这些文件用于定义网页的样式,包括布局、颜色、字体等,以提供良好的用户体验。 通过集成这些技术,开发者可以构建一个功能齐全的VoD系统,用户可以通过简单的Web界面轻松地访问和播放视频内容,...

Global site tag (gtag.js) - Google Analytics