<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/DIN_1451_Mittelschrift_Alt_400.font.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/jqFancyTransitions.1.8.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/loader.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.settings.js"></script>
<!--[if lt IE 7]>
<script type="text/javascript" src="http//info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<style>
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul,
var{
background: transparent;
border: 0 none;
font-size: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: top; }
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
table, table td {
padding:0;
border:none;
border-collapse:collapse;
}
img {
vertical-align:top;
}
embed {
vertical-align:top;
}
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
/* Global properties ======================================================== */
body {
background:url(images/body-bg.gif) top center no-repeat #141414;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1em;
color:#dadada;
}
html { min-width:520px;}
html, body {}
/* Global Structure ============================================================= */
.container {
margin: 0 auto;
position: relative;
width: 520px;
font-size:.75em;
}
/* Header */
header{
height:407px;
overflow:hidden;
}
/*=====*/
/* Left & Right alignment */
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.col-1, .col-2, .col-3 { float:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.wrapper {
width:100%;
overflow:hidden;
}
/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }
/*----- form defaults -----*/
input, select, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
vertical-align:middle;
font-weight:normal;
}
/*----- other -----*/
.img-indent {
margin:0 20px 0 0;
float:left;
}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:20px;
}
.img-box img {
float:left;
margin:0 20px 0 0;
}
.extra-wrap {
overflow:hidden;
}
p {margin-bottom:16px;}
.p1 { margin-bottom:8px;}
.p2 { margin-bottom:16px;}
.p3 { margin-bottom:24px;
}
/*----- txt, links, lines, titles -----*/
a {
color:#fff;
outline:none;
}
a:hover{
text-decoration:none;
}
h2 {
font-size:22px;
font-weight:normal;
line-height:1.2em;
color:#fff;
text-transform:uppercase;
text-indent:20px;
margin-bottom:15px;
padding-top:4px;
letter-spacing:-1px;
}
.h2-pad {
padding:0;
margin-top:-4px;
}
.h2-pad1 {
padding-top:30px;
}
h3 {
font-size:16px;
color:#dadada;
line-height:1.2em;
border-bottom:1px solid #2b2b2b;
padding:0 0 4px 0;
margin-bottom:1em;
}
h4 {
font-size:12px;
line-height:1.2307em;
color:#525252;
padding:0 0 13px 0;
text-transform:uppercase;
}
h5 {
font-size:16px;
line-height:1.2307em;
color:#dadada;
padding:8px 0 4px 0;
border-bottom:1px solid #252525;
margin-bottom:20px;
}
/*===== header =====*/
header .slider {
background:url(images/slider-bg.gif) no-repeat 0 0;
position:absolute;
left:21px;
top:88px;
width:497px;
height:330px;
}
header .slider .indent {
padding:15px 0 0 13px;
}
#slideshowHolder {
width:451px;
height:259px;
overflow:hidden;
}
#slideshowHolder .ft-prev {
width:74px;
height:43px;
left:155px;
top:197px;
background:url(images/prev.png) no-repeat 0 0;
text-indent:-9999em;
}
#slideshowHolder .ft-next {
width:74px;
height:43px;
left:229px;
top:197px;
background:url(images/next.png) no-repeat 0 0;
text-indent:-9999em;
}
#ft-buttons-slideshowHolder {
display:none;
}
header h1 {
position:absolute;
left:33px;
top:29px;
font-size:30px;
line-height:1.2em;
color:#fff;
font-weight:normal;
letter-spacing:-1px;
}
header h1 a {
color:#fff;
text-decoration:none;
text-transform:uppercase;
}
header h1 a span {
color:#f0ff00;
}
header nav {
position:absolute;
right:52px;
top:36px;
}
header nav li {
float:left;
padding-left:26px;
}
header nav li a {
float:left;
font-size:16px;
line-height:1.2em;
color:#606060;
text-decoration:none;
text-transform:uppercase;
}
header nav li a:hover, header nav li a.current {
color:#fff;
text-decoration:none;
border-bottom:4px solid #f0ff00;
}
.header-indent {
padding:0 0 0 12px
}
/*==================boxes====================*/
.box-top {
background:url(images/box-top-bg.gif) left top no-repeat;
width:100%;
padding-top:20px;
}
.box-bottom {
background:url(images/box-bottom-bg.png) left top no-repeat;
height:24px;
width:100%;
}
.box {
background:url(images/box-bg.png) repeat;
width:100%;
}
.box .inside {
padding:0px 13px 0 13px;
}
.pad {
padding-top:0
}
.box .padding {
padding-bottom:14px;
}
.box .padding1 {
padding-bottom:22px;
}
/*----*/
/*---- box1 ---*/
.box1-top {
background:url(images/box1-top-bg.png) left top no-repeat;
height:22px;
}
.box1-bottom {
background:url(images/box1-bottom-bg.png) left bottom no-repeat;
height:23px;
}
.box1 {
background:#191919;
padding:0px 18px 26px 18px;
font-size:11px;
line-height:1.4545em;
}
.box-pad {
padding:0 18px 14px 18px;
margin-top:-2px;
}
.box-pad1 {
padding:20px 18px 0px 18px;
margin-top:-2px;
}
/*-----*/
/*----- box2 ----*/
.box2 {
background:#242424;
padding:24px 18px 7px 18px;
font-size:11px;
line-height:1.4545em;
}
.box2-pad {
padding:20px 18px 18px 18px;
}
.box2-bottom {
background:url(images/box2-bottom-bg.png) left bottom no-repeat;
height:21px;
}
/*------*/
.facebook-link {
display:inline-block;
background:url(images/icon-facebook-alt.png) left top no-repeat;
padding:4px 0 4px 34px;
color:#ffffff;
text-decoration:none;
}
.facebook-link:hover {
text-decoration:underline;
}
/*===== content =====*/
.loader {
background:url(images/ajax-loader.gif) 50% 50% no-repeat;
}
.wrap {
display:block;
position:relative;
width:100%;
}
.wrap span.play {
display:block;
width:63px;
height:63px;
position:absolute;
left:50%;
top:50%;
margin-left:-32px;
margin-top:-32px;
z-index:2;
background:url(images/play.png) no-repeat 0 0;
}
.wrap:hover span.play {
background-position:0 -6
没有合适的资源?快使用搜索试试~ 我知道了~
手机黑色乐队网站.zip
共89个文件
png:35个
gif:17个
js:12个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 100 浏览量
2021-09-24
19:02:21
上传
评论
收藏 5.85MB ZIP 举报
温馨提示
手机黑色乐队网站.zip
资源推荐
资源详情
资源评论
收起资源包目录
手机黑色乐队网站.zip (89个子文件)
index-4.html 39KB
index-1.html 40KB
video
temp_video.flv 0B
video_AS3.swf 36KB
index-2.html 39KB
audio
separation.mp3 711KB
separation.ogg 710KB
hidden.ogg 883KB
black_plant.ogg 885KB
black_plant.mp3 950KB
hidden.mp3 802KB
images
box-top-bg.gif 6KB
jplayer-next.gif 301B
box1-top-bg.png 580B
icon-facebook.gif 2KB
slider-bg.gif 79KB
1page-img2.jpg 12KB
body-bg.gif 320KB
slide3.jpg 86KB
jplayer-bg.png 2KB
prettyPhoto
light_square
btnNext.png 1KB
loader.gif 2KB
btnPrevious.png 1KB
sprite.png 3KB
dark_square
contentPattern.png 121B
btnNext.png 1KB
loader.gif 2KB
btnPrevious.png 1KB
sprite.png 3KB
facebook
contentPatternLeft.png 137B
contentPatternRight.png 136B
btnNext.png 845B
loader.gif 2KB
contentPatternTop.png 142B
contentPatternBottom.png 142B
btnPrevious.png 828B
sprite.png 4KB
light_rounded
btnNext.png 1KB
loader.gif 2KB
btnPrevious.png 1KB
sprite.png 4KB
dark_rounded
contentPattern.png 130B
btnNext.png 1KB
loader.gif 2KB
btnPrevious.png 1KB
sprite.png 4KB
prev.png 960B
icon-bebo.gif 2KB
slide2.jpg 90KB
box-bottom-bg.png 618B
1page-img3.jpg 17KB
jplayer-play.gif 737B
icon-facebook-alt.png 1KB
slide1.jpg 88KB
play.png 5KB
jplayer-prev.gif 302B
box1-bottom-bg.png 580B
2page-img5.jpg 7KB
box2-bottom-bg.png 756B
input-img.png 356B
input-bg.png 326B
2page-img4.jpg 4KB
next.png 943B
2page-img3.jpg 6KB
marker1.png 423B
icon-twitter.gif 2KB
jplayer-pause.gif 609B
1page-img1.jpg 11KB
ajax-loader.gif 9KB
box-bg.png 138B
jplayer.blue.monday.jpg 14KB
icon-myspace.gif 2KB
slide4.jpg 79KB
box-top-bg.png 764B
js
jquery-1.4.2.min.js 71KB
jqFancyTransitions.1.8.js 9KB
jquery.jplayer.settings.js 3KB
html5.js 1KB
jquery.prettyPhoto.js 23KB
cufon-yui.js 18KB
imagepreloader.js 181B
DIN_1451_Mittelschrift_Alt_400.font.js 23KB
jquery-1.4.4.min.js 77KB
Jplayer.swf 2KB
jquery.jplayer.min.js 16KB
cufon-replace.js 259B
loader.js 528B
index.html 40KB
index-3.html 39KB
共 89 条
- 1
资源评论
等天晴i
- 粉丝: 4912
- 资源: 10万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 藏区特产销售平台源代码+论文+毕业设计.zip
- B297C8EC5A69641DB3E681E1B3F894E5.mp4
- PrimitivesPro v2.2.unitypackage
- 财务管理系统源代码+论文.zip
- 高级信息通信运行管理员第七套试卷
- UModeler v2.11.6 (May 10, 2024).unitypackage
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本127.0.6486.0)
- 基于FPGA的CORDIC算法旋转模式实现
- bilibili视频解析下载源码
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本124.0.6367.60)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功