今年中2008奥运年,相信大家一定在找奥运风格模版吧;我花了一点时间做了一个,拿来同大家分享．

入正题吧!

此套风格是要跨台的,不懂跨台的朋友请搜索下有关跨台的贴子.

演示地址:http://www.lines21.cn  线线通工作室

更多不同的风格请看线线通风格切换, 里面有6套不一样风格的.  可以联系我QQ:530618106  (注  UU)


特别声明:此套奥运风格模版出自己线线通工作室,任何网络转载请注明出处:

下面是风格图片:






下面是代码:

Copy code

body{font-family:Tahoma;font-size:12px;background:$headcolor url($imgpath/$stylepath/bj_02.gif)}
h1,h2,h3,h4,h5,h6,form,body{padding:0;margin:0}
td,th,div{word-break:break-all;word-wrap:break-word}
table{empty-cells:show;}
img{border:0}
h1{font-size:16px;margin:.5em 1em 1em 0}
h3,h2{display:inline;font-size:1.0em;}
h3{font-weight:normal}
h2 a,h3 a{color:#000}
h4{margin:20px 0 10px;font-size:1.1em}
textarea,input,select{font:12px Arial;padding:1px 3px 0 3px;vertical-align:middle;margin-bottom:1px}
.c{clear:both;height:0;font:0/0 Arial;}
.b{font-weight:bold}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.fr{float:right}
.fl{float:left}
/*a link 基本连接颜色*/
a{text-decoration:none;color:$linkcolor}
a:hover{text-decoration:underline;}
.abtn{cursor:pointer;border:1px solid $tablecolor;color:$linkcolor;padding:2px 8px;margin-left:2px;height:30px}
/*字体大小*/
.f9{font-size:11px;}
.f10{font-size:11px;}
.f12{font-size:12px}
.f14{font-size:14px}
.fn,.fn a{font-weight:normal}
/*span color 数值自定义*/
.s1{color:#008000;}
.s2{color:#984B98;}
.s3{color:#b08647;}
.s4{color:#0033FF;}
.s5{color:#659B28}
.gray{color:#C3630F} /*次要文字颜色-可定义*/
/*main color 数值自定义*/
.f_one,.t_one,.r_one{background:$forumcolorone;}
.f_two,.t_two,.r_two{background:$forumcolortwo;}
/*form*/
textarea,input,select{font:12px Arial;padding:1px 3px 0 3px;vertical-align:middle;margin-bottom:1px}
select{border:solid 1px $tdcolor;}
.btn{background:$tablecolor url($imgpath/$stylepath/bj.gif) 0 0 repeat;color:$headfontone;border-width:1px;padding-left:25px;padding-right:25px;vertical-align:middle}
.input{border:solid 1px $tablecolor;padding:2px 0px 2px 1px;font-size:1.0em;vertical-align:middle}
form{display:inline;}
textarea{border:solid 1px $tablecolor;}
/*header*/
#header{width:$mtablewidth;margin:auto;}
/*toolbar*/
.toptool{*border-bottom:1px solid $tdcolor; text-align:left }
.toptool span{padding:2px 5px;line-height:150%}
/*index info*/
#infobox{border:$tdcolor 0px solid;margin-top:-.8em;  background:$tablecolor url($imgpath/$stylepath/top.gif) repeat-y;}
#notice{ margin:0 -.3em 0; height:30px}
#notice a{ color:#DC2411; padding-left:1em; background:url($imgpath/$stylepath/dot-B.gif) no-repeat 0 .1em; margin-left:1.5em}
/*banner*/
.banner img{vertical-align:middle;}
/*guide*/
.guide{margin-bottom: 5px; background:$tablecolor url($imgpath/$stylepath/ding.jpg); 0 -100px repeat-x; padding:.5em; border:1px solid #9D9D9D; color:#ccc}
/*table*/
.t{border:1px solid $tablecolor;margin:0px auto 8px;}
.t table{border:1px solid #fff;margin:0 auto;width:99.98%;}
.t2{border-top:$tablecolor 1px solid;margin:0px auto 5px;}
.t3{margin:auto}
.t4{padding:1px 0 1px 1px}
/*table head*/
.h{border-bottom:1px solid $headborder;background:$headcolor url($imgpath/$stylepath/bg.gif) repeat-x;text-align:left;color:$headfontone;padding:.3em .4em;height:29px;padding-left:10px;}
.h span{font-weight:normal;}
.h h2{font-weight:bold}
.h a{font-family:Arial;color:$headfontone}
.h span a,.h span{color:$headfonttwo;}
.h a.a2{margin-left:12px;}
/*table tr1*/
.tr1 th{padding:5px 10px;text-align:left;vertical-align:top;font-weight:normal;}
.tr1 td.td1{border:1px solid $tdcolor;}
/*table tr2*/
.tr2{background:$headcolor url($imgpath/$stylepath/cat_bg.gif);border-bottom:1px solid $headborder;padding:.3em .4em;height:10px;}
.tr2 td,.tr2 th{line-height:18px;border-bottom:1px solid $cbgborder;padding:2px 6px 0px;/*border-top:1px solid $tablecolor;*/}
.tr2 a{color:$cbgfont;margin:2px 2px 0}
/*table tr3*/
.tr3 td,.tr3 th{border-bottom:1px solid $tdcolor;padding:.3em .6em}
.tr3 th{text-align:left;font-weight:normal;}
.tr4{background:$headcolor url($imgpath/$stylepath/bj.gif) 0 0px repeat;color:$headfontone;}
.tr4 td{padding:4px 10px;}
.tr td,.tr th{padding:2px}
/*topic content tips*/
.tpc_content{font-size:14px;font-family:Arial;padding:0 2% 0 0.5%;margin:0 0 2%}
.tips{background:$forumcolortwo;border:$tdcolor 1px solid;padding:5px;margin:0 1% 1% 0;float:left;text-align:center;}
.tiptop{border-bottom:1px solid $tdcolor;padding:0 0 5px 0;vertical-align:middle;}
.tipad{border-top:1px solid $tdcolor;margin:10px 0 0;padding:5px 0 0;}
.quote{width:80%;font-size:70%;color:$headfontone;margin:8px 2px 2px;padding:0}
blockquote{width:80%;font-size:85%;color:#81888c;border:1px solid $tdcolor;border-left-width:3px;padding:5px;margin:0 0 1%}
/*menu*/
.menu{position:absolute;background:#fff;border:1px solid $tablecolor;}
.menu td, .menu li,.menu ul{background:#fff;padding:0; margin:0}
.menu li{list-style:none;}
.menu a{display:block;padding:3px 15px 3px 15px;background:#fff;}
.menu a:hover{background:$linkcolor;text-decoration:none;color:#fff;}
.menu ul.ul1 li a{display:inline;padding:0}
/*pages*/
.pages{margin:3px 0;font:11px/12px Tahoma}
.pages *{vertical-align:middle;}
.pages a{padding:1px 4px 1px;border:1px solid $tablecolor;margin:0 1px 0 0;text-align:center;text-decoration:none;font:normal 12px/14px verdana;}
.pages a:hover{border:$cbgfont 1px solid;background:$cbgcolor;text-decoration:none;color:$headfontone}
.pages input{margin-bottom:0px;border:1px solid $cbgfont;height:15px;font:bold 12px/15px Verdana;padding-bottom:1px;padding-left:1px;margin-right:1px;color:$cbgfont;}
/*footer*/
#footer{width:100%;text-align:center;margin:auto;padding:3px 0;background:$headcolor url($imgpath/$stylepath/bj_3.gif) no-repeat center;height:229px;}
#main{width:980px;margin:auto}
#main{width:$tablewidth;margin: auto; padding:.8em 0 0}

</style>
<div style=position:absolute;top:170px;left:160px>
<table width="65%" cellspacing="1" cellpadding="8" align="center" bgcolor="#ffffff">
<marquee direction=left>
<a target="_blank" style="text-decoration: none; color: #000000
" href="http://www.lines21.cn/read.php?tid-244.html"><img src="http://huang342311.146.tofor.com/xxt/images/wind/b281d417f21b601ac93d6d5b.gif"
width="92" height="82" border="0">
</a></td></marquee> 
</table>
</div>

<IFRAME border=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 height=300 framespacing=0 frameborder=0 scrolling=no width=100% src=http://huang342311.146.tofor.com/xxt/images/wind/logo.gif></IFRAME>


</style>
<div style=position:absolute;top:262px;left:100px>
<table width="80%" cellspacing="1" cellpadding="6" align="center" bgcolor="#ffffff">
<tr align="center">
<td  class="f_one" width="25%">
<a target="_blank" style="text-decoration: none; color: #DB1E11"
href="http://www.lines21.cn/read.php?tid-276.html">
论坛总版规则，新手必看</a></td>
<td  class="f_one" width="25%">
<a style="color:##004c7d"; text-decoration: none" target="_blank"
href="http://www.lines21.cn/read.php?tid=281">服装设计杂志免费在线看</a></td>
<td  class="f_one" width="25%">
<a target="_blank" style="text-decoration: none; color: #000000
" href="http://www.lines21.cn/read.php?tid-244.html"><img src="http://haofa.net/sc/sc/591scimg/new/137.gif"
width="22" height="12" border="0">
设计软件下载</a></td>
<td  class="f_one" width="25%">
<a style="text-decoration: none; color: #DB1E11" href="http://www.lines21.cn/read.php?tid-594.html">设计字体下载</a></td>
</tr>
</table>
</div>


</style><div style=position:absolute;top:300px;right:310px><span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.lines21.cn');" style="CURSOR: hand"><font color=black>| 设为首页</font></span><tr><td height="20" align="center"> |
<SCRIPT language=JavaScript1.2>function bookmarkit(){window.external.addFavorite("http://www.lines21.cn","线线通服装论坛")}if(document.all) document.write('<a href="javascript:" onClick="bookmarkit()"><font color=red>收藏本站</font>|</a>')
</SCRIPT></td></tr>
</table>
</div>



</style>
<div style=position:absolute;top:135px;left:380px>
<table width="50%" cellspacing="1" cellpadding="8" align="center" bgcolor="#ffffff">
<a target="_blank" style="text-decoration: none; color: #000000
" href="http://www.lines21.cn/read.php?tid-244.html"><img src="http://go.1234i.com/2008.png" >
</a></td>
</table>
</div>


</style>
<div style=position:absolute;top:290px;right:25px><iframe transparent frameBorder=0 marginHeight=0 marginWidth=0 scrolling=no src=http://huang342311.146.tofor.com/ggss.htm width=200 height=30></iframe></div>
</style>
</head>

不懂的朋友可以在此跟贴

花了我一天的时间才出来的,一出来就拿来了.

没人要,真是遗撼

当然是电脑做的了,就是比较麻烦的了.

大家交流才会有进步的嘛.

Quote:

引用第11楼sunwukong28于2008-05-09 13:09发表的  :
怎么没有倒计时的？我也想要~~~能把代码发上来吗？

我已重新更新了代码,已经有了,

大家可以跟我一样的风格了.

呵呵,不错啊,我拿来就是一起共享的啊,为的就是大家一起来迎奥运.

Quote:

引用第19楼mbss于2008-05-12 02:25发表的  :
顶啦...

{奥运风格版}...用了,再次谢谢conquer分享


.......

你那广告栏应该再改一下,跟这套奥运风格配不上.反而给人的视觉上的凌乱．