透明模板(布局完美兼容IE6、Opera、Chrome、Firefox、safari)

#head_tag#
<style type="text/css">
<!--
body{
font-size:12px;
font-family:"Fixedsys";
text-align:center;
background:url("http://pic.yupoo.com/c0595/2819788ef7fc/t72xdj3r.jpg");
background-repeat: repeat;
background-position: center;
background-attachment: fixed;
-moz-opacit:0.5;
opacity:0.5;
CURSOR:url('http://pic.51.com/shop/product/sbys/ani/1000400024.ani');
color:#333;
font-weight: bold;
}
.nav_tag {font-size:12px;family:"Fixedsys";}
.skin_date {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 8pt;
font-weight: bolder;
background-color: #CCCCCC;
}
.diary_datetitle {
font-family: "Arial", "Helvetica", "sans-serif";
font-size: 10pt;
font-weight: bold;
color: #666666;
background-image: url(/Blogcn/SkinImages/Feiniao1/date.gif);
background-position: center top;
line-height: 10px;
text-indent: 20px;
background-repeat: no-repeat;
vertical-align: top;
}
td { 
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size:9pt;
}
.tt_title {
font-family: "ó×?2";
font-size: 20px;
font-weight: bold;
color: #009EF5;
font-style: italic;}
.dis_tag {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 9pt;
color: #006FAF;
line-height: 120%;
}
.diary_bg2 {
background-image: url(/Blogcn/SkinImages/Feiniao1/fenye.gif);
background-repeat: no-repeat;
background-position: bottom;
line-height: 120%;
}
.diary_bg1 {
background-image: url(/Blogcn/SkinImages/Feiniao1/fenye.gif);
background-repeat: no-repeat;
background-position: bottom;
line-height: 120%;
}
.diary_arr { 
background-color: #FFFFFF;
cursor: hand;
}
.diary_poster {color: #999999;
}
.diary_title {
font-family: "??ì?";
font-size: 11pt; font-weight: bolder;
color: #000000;
}
.imgline {
border-color: black #CCCCCC black black;
border-style: dotted;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.ta1 {border: 1px solid #dedede;
}
.sofa,.sofa_wrap {display:none;}
.module_title IFRAME {display:none;}
#comment_shortcut {display:none;}

a:hover {color:lightblue;text-decoration:none;}
a:link {color:blue;text-decoration:none}
a:visited {color:red;text-decoration:none}

.yuan {
margin: 6px 1px 6px 2px;
font-size:1em;
width:160px;
background: transparent;
}

.xtop {display:block; background:transparent;}

.xb1, .xb2, .xb3 {
display:block;
overflow:hidden;
height:1px;
}
 
.xb2, .xb3, .cont {
border-left:1px solid #999999;
border-right:1px solid #999999;
}

.xb1 {margin:0 3px; background:#999999;}
.xb2 {margin:0 2px;}
.xb3 {margin:0 1px;}

.cont {
display:block;
background:transparent;
height:auto;
border-left:1px solid #999999;
border-right:1px solid #999999;
text-align:center;
word-wrap:break-word;
word-break:break-all;
width:158px;
overflow:auto;
}

.tit {
padding-right:10px;
text-align:right;
border-bottom:1px solid #999999;
}

#container {
clear: both;
margin: 0 auto;
text-align:center;
width:600px;
border: 0px solid #0f0;
filter:alpha(opacity=30,Style=0);
background:#000;
}

#header {
width: 598px;
height: 18px;
margin-left:0px;
margin-right:0px;
border: 0px solid #999999;
text-align:right;
clear: both;
}

#contentHeader {
clear: both;
text-align:left;
margin: 0 auto;
width: 594px;
height: 120px;
position: relative;
font-weight: bold;
border: 1px solid #999999;
background:url(http://pic.yupoo.com/c0595/887097f8ae40/slgnuxd5.jpg) no-repeat right bottom;
}

#main {
margin-right:2px;
margin-top:6px;
margin-bottom:6px;
width: 430px;
float: right;
background-color: #aaaaaa;
filter:alpha(opacity=50,Style=0);
position: relative;
text-align:left;
padding:0px;
font-size:16px;
word-wrap:break-word;
word-break:break-all;
border: 1px solid #999999;
}

#secondary {
margin-left:2px;
margin-top:3px;
margin-bottom:6px;
width: 162px;
margin: 0px auto;
float: left;
}

#footer {
font-size:15px;
font-family:"Arial";
position: relative; 
clear: both;
width: 600px;
border-top: 1px solid #999999;
text-align: center;
}

-->
</style>

<script language="JavaScript1.2">
<!--
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"}
function restore(){
document.body.style.backgroundImage=''}
document.body.ondblclick=restore
-->
</script>

<div id="container">

<div id="header">#nav_tag# </div>

<div id="contentHeader">

<embed src="http://imgfree.21cn.com/free/flash/59.swf" width="100%" height="100%" type="application/x-shockwave-flash" quality="high" wmode="transparent">
</div>

<div id="secondary">
<div class="yuan">
<b class="xtop">
<b class="xb1"></b><b class="xb2"></b><b class="xb3"></b></b>
<div class="cont">
<div class="tit">info</div><br>#info_tag# </div>
<b class="xtop"><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>

<div class="yuan">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b></b>
<div class="cont">
<div class="tit">new5</div>#new5# </div>
<b class="xtop"><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>

<div class="yuan">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b></b>
<div class="cont">
<div class="tit">other</div>
<input title="白" onclick="document.bgColor='azure'" type="radio" name="bgcolor">
<input title="淡蓝" onclick="document.bgColor='lightblue'" type="radio" name="bgcolor">
<input title="black" onclick="document.bgColor='black'" type="radio" name="bgcolor">
<input title="天蓝" onclick="document.bgColor='#33ffaa'" type="radio" name="bgcolor"> <br>
<span class="bgimages" onclick="tile();event.cancelBubble=true">
<img height="10" src="http://pic.yupoo.com/sp4/705328104b03/0c031a38.jpg" width="10" border="1">
<img height="10" src="http://pic.yupoo.com/sp4/581248104b02/bxw3c3ap.jpg" width="10" border="1"> 
<img height="10" src="http://pic.yupoo.com/sp4/302168104b01/aibe3ury.jpg" width="10" border="1">
<img height="10" src="http://pic.yupoo.com/c0595/768836dfe52f/enei60k0.jpg" width="10" border="1">
<img height="10" src="http://s2" width="10" border="1">
</span>
</div>
<b class="xtop"><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
</div>
<div id="main">#diary_tag# </div>
<div id="footer">&copy; blogcn 2010 </div>
</div>
#end_tag#