Bedava Css Tasarımlar Burada , Tr.Gg Css Tasarımlar , Tr.Gg Html Kodlar , Tr.Gg Web Dersleri , Tr.Gg Toplist , Red Tasar

Nazar Design

Tasarımlar

Web Dersleri

İcons Arsivi

Banner Yapımı

Bilgiler

Reklam

LINKS

Duyuru 1

Sitemiz Yeni Acılmıstır, Sitemizde Aradıgnız Tasarımı , Html Kodu , İconsları Bulabılırsıniz Bizden Ayrılmayınız.....

Duyuru 2

Sitemize En Güzel Css Tasarımlar Eklenecektir... Bazı Tasarımlar Sitemize Eklenmiştir

Css Tasarimlar

Tasarimin Üzerine

Tasarimin ALtına

Css Kod BöLümüNe

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body {
background:url(https://img.webme.com/pic/m/msn-kent/bg.gif) repeat-x top #c9edf9;
margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;
color:#000;
}
p{
text-align:justify;
line-height:15px;
padding:0px 0 5px 0;
}
p.left_arrow{
text-align:justify;
line-height:15px;
padding:0px 0 5px 60px;
background:url(https://img.webme.com/pic/m/msn-kent/tool.gif) no-repeat left top;
}
.clear{
clear:both;
}
#main_container{
width:900px;
height:auto;
margin:auto;
background:url(https://img.webme.com/pic/m/msn-kent/header_bg.png) no-repeat top center;
}
.center_content{
width:865px;
padding:0px;
margin:auto;
}
#header{
width:865px;
height:268px;
margin:auto;
}
#logo{
padding:17px 0 0 5px;
float:left;
}
.top_text{
width:315px;
clear:both;
float:left;
padding:55px 0 0 30px;
color:#FFFFFF;
}
a.testimonial{
float:right;
padding:0px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
/*----------------------menu-------------------------*/
#menu{
float:right;
padding:35px 30px 0 0;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; font-style:italic;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 4px 0 4px; margin:0px 8px 0 8px;color:#fff;text-align:center;
}
#menu ul li a:hover{
text-decoration:none;color: #fff; border-bottom:3px #FFFFFF solid;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0px 4px 0 4px;color: #fff;margin:0px 8px 0 8px; border-bottom:3px #FFFFFF solid;
}
/*-----------------main content----------------------------*/
.main_content{
width:865px;
height:auto;
margin:auto;
padding:0 0 30px 0;
background-color:#FFFFFF;
}
.main_content_top{
width:865px;
height:16px;
background:url(images/main_content_top.gif) no-repeat center top;
}
#boxes_content{
width:865px;
clear:both;
margin:auto;
}
.box{
padding:10px 10px 10px 16px;float:left;}
.box_content{
background:url(https://img.webme.com/pic/m/msn-kent/box_bg.gif) no-repeat center;width:259px;height:202px;
}
.boxtitle{
font-size:18px;
color:#000000;
padding:10px 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
}
.box_icon{
clear:both;
float:left;
width:80px;
padding:25px 0 0 15px;
}
p.text_content{
width:135px;
float:left;
text-align:left;
padding:5px 10px 0 15px;
color:#000000;
line-height:15px;
}
a.read_more{
padding:10px 0 0 0;
}
.title{
font-size:18px;
color:#000000;
padding:10px 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
}
.left_content{
width:420px;
float:left;
padding:10px 10px 10px 20px;
}
.right_content{
width:390px;
float:left;
padding:10px 0 10px 20px;
}
.right_news{
float:left;
width:auto;
border-bottom:1px #CCCCCC dashed;
padding:10px 0 8px 0;
}
.news_icon{
width:48px;
height:36px;
float:left;
background:url(images/news.gif) no-repeat center;
}
.news_content{
width:310px;
float:left;
text-align:justify;
line-height:15px;
padding:0 0 0 10px;
}
/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:50px;
color: #0c9cc9;
}
.copyright{
float:right;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #0c9cc9;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #0c9cc9;
}

www.free-css.com Sitesinden İndirdigimiz Tasarımı Tamamen Kendimiz Tr.Gg ye uyarladık
BU TASARIM TAMAMEN BİZİM TARAFIMIZDAN YAPILMISTIR...

Tasarimin Üzerine
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Test Site </title> <meta name="generator" content="WordPress 2.5.1" />  <link rel="stylesheet" href="http://www.wpskins.org/testrun/wp-content/themes/6477/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Test Site RSS Feed" href="http://www.wpskins.org/testrun/?feed=rss2" /> <link rel="pingback" href="http://www.wpskins.org/testrun/xmlrpc.php" /> <script type="text/javascript" src="http://www.wpskins.org/testrun/wp-content/themes/6477/script.js"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.wpskins.org/testrun/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.wpskins.org/testrun/wp-includes/wlwmanifest.xml" /> <script type='text/javascript' src='http://www.wpskins.org/testrun/wp-includes/js/jquery/jquery.js?ver=1.2.3'></script> <script type='text/javascript' src='http://www.wpskins.org/testrun/wp-includes/js/thickbox/thickbox.js?ver=3.1'></script> <meta name="generator" content="WordPress 2.5.1" /> </head> <body> <div class="PageBackgroundGlare"><div class="PageBackgroundGlareImage"></div></div> <div class="Main"> <div class="Sheet"> <div class="Sheet-body"> <div class="nav"> <ul class="menu"> <li><a class="active" href="http://www.bedavacsstasarimlar.tr.gg"><span><span>Home</span></span></a></li> <li class="page_item page-item-2"><a href="http://www.bedavacsstasarimlar.tr.gg" title="Link Ekle"><span><span>Lınk</span></span></a></li> <li class="page_item page-item-2"><a href="http://www.bedavacsstasarimlar.tr.gg" title="Link Ekle"><span><span>Link</span></span></a></li> <li class="page_item page-item-2"><a href="http://www.bedavacsstasarimlar.tr.gg" title="Link Ekle"><span><span>Link</span></span></a></li> <li class="page_item page-item-2"><a href="http://www.bedavacsstasarimlar.tr.gg" title="Link Ekle"><span><span>Link</span></span></a></li> <li class="page_item page-item-2"><a href="http://www.bedavacsstasarimlar.tr.gg" title="Link Ekle"><span><span>Link</span></span></a></li> </ul> <div class="l"></div><div class="r"><div></div></div></div><div class="Header"> <div> <table class="logo"> <tr><td class="logo-name"><a href="http://www.wpskins.org/testrun/">Bedava Css Tasarımlar</a></td></tr> <tr><td class="logo-text">www.bedavacsstasarimlar.tr.gg</td></tr> </table> </div> </div> <div class="contentLayout"> <div class="sidebar1"> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Recent Posts <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href="http://www.bedavacsstasarimlar.tr.gg">Lınk Ekle</a></li> <li><a href="http://www.bedavacsstasarimlar.tr.gg">Lınk Ekle </a></li> <li><a href="http://www.bedavacsstasarimlar.tr.gg">Lınk Ekle </a></li> <li><a href="http://www.bedavacsstasarimlar.tr.gg">Lınk Ekle</a></li> <li><a href="http://www.bedavacsstasarimlar.tr.gg">Lınk Ekle </a></li> <li><a href="http://www.bedavacsstasarimlar.tr.gg">Lınk Ekle </a></li> </ul> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Pages <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li class="page_item page-item-2"><a href="http://www.wpskins.org/testrun/?page_id=2" title="About">Turk Toplist</a></li> </ul> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Meta <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href="http://www.wpskins.org/testrun/wp-login.php">Turk Toplist</a></li> <li><a href="http://www.wpskins.org/testrun/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">Turk Toplist</abbr></a></li> <li><a href="http://www.wpskins.org/testrun/?feed=comments-rss2" title="The latest comments to all posts in RSS">Turk Toplist <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">Turk Toplist</a></li> </ul> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Premium Themes <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <div class="textwidget"> </div> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> </div> <div class="content"> <div class="Block"> <div class="Block-body"> <div class="BlockContent"> <div class="BlockContent-body">

Tasarimin ALtına

</div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> </div> </div> </div> <div class="Sheet-tl"></div> <div class="Sheet-tr"><div></div></div> <div class="Sheet-bl"><div></div></div> <div class="Sheet-br"><div></div></div> <div class="Sheet-tc"><div></div></div> <div class="Sheet-bc"><div></div></div> <div class="Sheet-cl"><div></div></div> <div class="Sheet-cr"><div></div></div> <div class="Sheet-cc"></div> </div> <div id="footer">  <p>Designed by <a href="http://www.turk-toplist.tr.gg/">BedavaCssTasarimlar.tr.gg</a> and Coded by <a href="http://www.wpspider.com/">Free Blog Theme</a>.<br/> <a href="http://www.wpskins.org/testrun/?feed=rss2">Entries (RSS)</a> and <a href="http://www.wpskins.org/testrun/?feed=comments-rss2">Comments (RSS)</a>. </p> </div> </div>

Css Kod BöLümüNe

#counter{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Theme Name: WP-spinach Description: WP-spinach, free WordPress theme by WP-Spider. Version: 1.0 Author: WP-Spider Author URI: http://www.freewordpresstheme.info/ Tags: fixed width, left sidebar, two columns, valid XHTML, widgets License Information : All templates are free to use as long as you leave the credits unchanged. You cannot claim these templates or modifications of these templates as yours. You cannot redistribute these templates on your website. You cannot modify these templates and distribute them. / / begin Page / body { margin: 0 auto; padding: 0; font-size: 62.5%; / Resets 1em to 10px / font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background-color: #D9D9D9; background-image: url('images/Page-BgTexture.png'); background-repeat: repeat; color: #000000; } h2 { font-size: 18px; } .Main { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGlare { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGlareImage { background-image: url('images/Page-BgGlare.png'); background-repeat: no-repeat; height: 490px; width: 244px; margin: 0; } / specially for Opera / html:first-child .PageBackgroundGlare { border: 1px solid transparent; } / specially for Opera / html .PageBackgroundGlareImage { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Page-BgGlare.png',sizingMethod='crop')"); } table, th, td { font-size: 1em; padding: 0; border-collapse: collapse; } a img { border: 0px none; } a { color: #935006; } a:link { color: #935006; } a:visited { color: #643C12; } a:hover { color: #F58D19; } /* end Page / / begin Box, Sheet / .Sheet { min-width:47px; min-height:47px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; width: 900px; } html .Sheet { width:expression(this.offsetWidth < 47 ? 47+"px" : "auto !important"); height:expression(this.offsetHeight < 47 ? 47+"px" auto !important; width: 900px; zoom: 1 } .Sheet-body { position: relative; overflow: hidden; z-index: 0; margin: 12px; text-align: left; } .Sheet-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 37px; height: 37px; background-image: url('images/Sheet-s.png'); } * html .Sheet-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 37px; height: 37px; } * html .Sheet-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-37+'px'); } .Sheet-tr div { position: absolute; z-index: -1; top: 0px; left: -37px; width: 74px; height: 74px; background-image: url('images/Sheet-s.png'); } * html .Sheet-tr div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 37px; height: 37px; } * html .Sheet-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-37+'px'); } .Sheet-bl div { position: absolute; z-index: -1; top: -37px; left: 0; width: 74px; height: 74px; background-image: url('images/Sheet-s.png'); } * html .Sheet-bl div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 37px; height: 37px; } * html .Sheet-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-37+'px'); left: expression(this.parentNode.offsetWidth-37+'px'); } .Sheet-br div { position: absolute; z-index: -1; top: -37px; left: -37px; width: 74px; height: 74px; background-image: url('images/Sheet-s.png'); } * html .Sheet-br div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 37px; right: 37px; height: 37px; } * html .Sheet-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-74+'px'); } .Sheet-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 74px; background-image: url('images/Sheet-h.png'); } * html .Sheet-tc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-h.png',sizingMethod='scale')"); } .Sheet-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 37px; right: 37px; height: 37px; } * html .Sheet-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-37+'px'); width: expression(this.parentNode.offsetWidth-74+'px'); } .Sheet-bc div { position: absolute; z-index: -1; top: -37px; left: 0; width: 100%; height: 74px; background-image: url('images/Sheet-h.png'); } * html .Sheet-bc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-h.png',sizingMethod='scale')"); } .Sheet-cl { position: absolute; overflow:hidden; z-index: -1; top: 37px; left: 0; width: 37px; bottom: 37px; } * html .Sheet-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-74+'px'); } .Sheet-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 74px; height: 100%; background-image: url('images/Sheet-v.png'); } * html .Sheet-cl div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-v.png',sizingMethod='scale')"); } .Sheet-cr { position: absolute; overflow:hidden; z-index: -1; top: 37px; right: 0; width: 37px; bottom: 37px; } * html .Sheet-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-37+'px'); height: expression(this.parentNode.offsetHeight-74+'px'); } .Sheet-cr div { position: absolute; z-index: -1; top: 0; left: -37px; width: 74px; height: 100%; background-image: url('images/Sheet-v.png'); } * html .Sheet-cr div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-v.png',sizingMethod='scale')"); } .Sheet-cc { position: absolute; overflow:hidden; z-index: -2; top: 37px; left: 37px; right: 37px; bottom: 37px; background-color: #FFFFFF; } * html .Sheet-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-74+'px'); height: expression(this.parentNode.offsetHeight-74+'px'); } .Sheet { margin-top: 20px !important; margin-bottom: 3em; padding: 0 0 1em 0; } /* end Box, Sheet / / begin Header / div.Header { margin: 0 auto; position: relative; width: 876px; height: 150px; } html div.Header { font-size: 1px; } div.Header div { width: 100%; height: 100%; background-image: url('images/Header.jpg'); background-repeat: no-repeat; background-position: center; text-align: left } /* end Header / / begin Logo / .logo { position: relative; left: 10px; top: 41px; } .logo td { text-align: left; vertical-align: middle; white-space: nowrap; } .logo-name { font-size: 26px; font-family: Lucida Sans Unicode; font-style: normal; font-weight: bold; } .logo-name a { text-decoration: none; color: #844806 !important; } .logo-text { font-size: 18px; font-family: Lucida Sans Unicode; font-style: normal; font-weight: bold; color: #6C3B04 !important; } / end Logo / / begin Menu / .menu, .menu ul { margin: 0; padding: 0; border: 0px none; list-style-type: none; display: block } .menu li { margin: 0; padding: 0; border: 0px none; display: block; float: left; position: relative; z-index: 5 } .menu li:hover { z-index: 10000; white-space: normal; } .menu li li { float: none; } .menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; } .menu li:hover>ul { visibility: visible; top: 100%; } .menu li li:hover>ul { top: 0; left: 100%; } .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { min-height: 0; } .menu ul { background-image: url('images/spacer.gif'); margin-left:-30px; margin-right:0; margin-top:-10px; margin-bottom:0; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:30px } .menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } html .menu, * html .menu ul { height: 1%; } * html .menu li.menuhover { z-index: 10000; } * html .menu .menuhoverUL { visibility: visible; } * html .menu .menuhoverUL { top: 100%; left: 0; } * html .menu .menuhoverUL .menuhoverUL { top: 0; left: 100%; } * html .menu ul a { height: 1%; } * html .menu li li { float: left; width: 100%; } * html .menu .menuhoverUL .menuhoverUL { top: 5px; left: 100%; } * html .menu, * html .menu ul { height: 1%; } * html .menu li.menuhover { z-index: 10000; } * html .menu .menuhoverUL { visibility: visible; } * html .menu .menuhoverUL { top: 100%; left: 0; } * html .menu .menuhoverUL .menuhoverUL { top: 0; left: 100%; } * html .menu ul a { height: 1%; } * html .menu li li { float: left; width: 100%; } .nav { position: relative; margin: 0 auto; width: 876px; height: 26px; z-index: 100; } .menu { padding: 0px 11px 0px 11px; } * html .nav { zoom: 1; } .nav .l, .nav .r, .nav .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 26px; } .nav .l { left: 0; right: 11px; } * html .nav .l { width: expression(this.parentNode.offsetWidth-11+'px'); } .nav .r { right: 0; width: 11px; } * html .nav .r { left: expression(this.parentNode.offsetWidth-11+'px'); } .nav .r div { width: 876px; right: 0; } * html .nav .r div { left: expression(this.parentNode.offsetWidth-876+'px'); } .nav .l, .nav .r div { background-position: left top; background-repeat: no-repeat; background-image: url('images/nav.png'); } * html .nav .l, * html .nav .r div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/nav.png',sizingMethod='crop')"); } /* end Menu / / begin MenuItem / .menu ul li { clear: both; } .menu a, .menu a span { height: 26px; display: block; } html .menu a, * html .menu a span { float: left; } .menu a { cursor: pointer; text-decoration: none; margin-right: 1px; margin-left: 0px; } .menu a { background-image: url('images/item-left.png'); background-position: left top; background-repeat: no-repeat; } .menu a span { background-image: url('images/item-right.png'); background-position: right top; background-repeat: no-repeat; } .menu a span span { font-family: 'Lucida Sans Unicode'; font-size: 13px; font-weight: Bold; font-style: normal; text-decoration: none; color: #0D0D0D; padding: 0 2px; margin: 0 21px; line-height: 26px; text-align: center; background-image: url('images/item-center.png'); background-position: left top; background-repeat: repeat-x; } * html .menu a span span { display: inline; } .menu a:hover { background-position: left -26px; } .menu li:hover>a { background-position: left -26px; } * html .menu .menuhover .menuhoverA { background-position: left -26px; } .menu li:hover a span { background-position: right -26px; } .menu a:hover span { background-position: right -26px; } * html .menu .menuhover .menuhoverA span { background-position: right -26px; } .menu a:hover span span { color: #000000; background-position: left -26px; } .menu li:hover a span span { color: #000000; background-position: left -26px; } * html .menu .menuhover .menuhoverA span span { color: #000000; background-position: left -26px; } .menu a.active { background-position: left -52px; } .menu a.active span { background-position: right -52px; } .menu a.active span span { color: #FDECD8; background-position: left -52px; } /* end MenuItem / / begin MenuSubItem / .menu ul a { text-align: center; height: 24px; line-height: 24px; margin-right: auto; width: 234px; background-image: url('images/subitem-bg.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #E7B279; } .nav ul.menu ul span, .nav ul.menu ul span span { display:inline; float:none; margin:inherit; padding:inherit; background-image:url('none'); text-align:inherit; text-decoration:inherit } .menu ul a, .nav ul.menu ul span, .nav ul.menu ul span span { line-height: 24px; color: #110A03; font-family: 'Verdana'; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; } .menu ul ul a { margin-left: auto; } html .menu ul a { color: #110A03 !important; } .menu ul li a:hover { color: #38220A; border-color: #DE9445; background-position: 0 -24px; } .menu ul li:hover>a { color: #38220A; border-color: #DE9445; background-position: 0 -24px; } * html .menu ul a:hover { color: #38220A !important; } * html .menu ul .menuhover .menuhoverA { color: #38220A !important; border-color: #DE9445; background-position: 0 -24px; } .nav .menu ul li a:hover span, .nav .menu ul li a:hover span span { color: #38220A; } .nav .menu ul li:hover>a span, .nav .menu ul li:hover>a span span { color: #38220A; } * html .nav .menu ul a:hover span, * html .nav .menu ul a:hover span span { color: #38220A !important; } * html .nav .menu ul .menuhover .menuhoverA span, * html .nav .menu ul .menuhover .menuhoverA span span { color: #38220A !important; } /* end MenuSubItem / / begin ContentLayout / .contentLayout { margin-bottom: 6px; width: 100%; position: relative; }/ end ContentLayout / / begin Button / button.Button, a.Button { border: none; padding: 0; margin: 0; background: none; font-size: 100%; font-family: inherit; line-height: inherit; display: inline-block; overflow: visible; width: auto; cursor: default; white-space: normal; text-decoration: none; } .Button .btn { position: relative; display: block; overflow: hidden; float: left; z-index: 0; height: 27px; color: #0D0D0D; } .Button .t { height: 27px; line-height: 27px; padding: 0 11px; text-align: left; font-family: 'Arial'; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; } .Button .active { color: #341F09; } .Button .hover { color: #361D02; } .Button .active .r { top: -54px; } .Button .hover .r { top: -27px; } .Button .r { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 9px; height: 81px; } html .Button .r { font-size: 1px; left: expression(this.parentNode.offsetWidth-9+'px'); } .Button .r span { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width:413px; height: 81px; } * html .Button .r span { font-size: 1px; left: expression(this.parentNode.offsetWidth-413+'px'); } .Button .active .l { top: -54px; } .Button .hover .l { top: -27px; } .Button .l { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; right: 9px; height: 81px; } * html .Button .l { font-size: 1px; width: expression(this.parentNode.offsetWidth-9+'px'); } .Button .l, .Button .r span { background-image: url('images/Button.png'); } * html .Button .l, * html .Button .r span { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Button.png',sizingMethod='crop')"); } /* end Button / / begin Box, Block / .Block { min-width:29px; min-height:29px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; } html .Block { width:expression(this.offsetWidth < 29 ? 29+"px" auto !important; height:expression(this.offsetHeight < 29 ? 29+"px" auto !important; zoom: 1 } .Block-body { position: relative; overflow: hidden; z-index: 0; margin: 12px; text-align: left; } .Block-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 28px; height: 28px; background-image: url('images/Block-s.png'); } * html .Block-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-s.png',sizingMethod='crop')"); } .Block-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 28px; height: 28px; } * html .Block-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-28+'px'); } .Block-tr div { position: absolute; z-index: -1; top: 0px; left: -28px; width: 56px; height: 56px; background-image: url('images/Block-s.png'); } * html .Block-tr div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-s.png',sizingMethod='crop')"); } .Block-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 28px; height: 28px; } * html .Block-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-28+'px'); } .Block-bl div { position: absolute; z-index: -1; top: -28px; left: 0; width: 56px; height: 56px; background-image: url('images/Block-s.png'); } * html .Block-bl div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-s.png',sizingMethod='crop')"); } .Block-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 28px; height: 28px; } * html .Block-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-28+'px'); left: expression(this.parentNode.offsetWidth-28+'px'); } .Block-br div { position: absolute; z-index: -1; top: -28px; left: -28px; width: 56px; height: 56px; background-image: url('images/Block-s.png'); } * html .Block-br div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-s.png',sizingMethod='crop')"); } .Block-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 28px; right: 28px; height: 28px; } * html .Block-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-56+'px'); } .Block-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 56px; background-image: url('images/Block-h.png'); } * html .Block-tc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-h.png',sizingMethod='crop')"); } .Block-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 28px; right: 28px; height: 28px; } * html .Block-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-28+'px'); width: expression(this.parentNode.offsetWidth-56+'px'); } .Block-bc div { position: absolute; z-index: -1; top: -28px; left: 0; width: 100%; height: 56px; background-image: url('images/Block-h.png'); } * html .Block-bc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-h.png',sizingMethod='crop')"); } .Block-cl { position: absolute; overflow:hidden; z-index: -1; top: 28px; left: 0; width: 28px; bottom: 28px; } * html .Block-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-56+'px'); } .Block-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 56px; height: 100%; background-image: url('images/Block-v.png'); } * html .Block-cl div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-v.png',sizingMethod='crop')"); } .Block-cr { position: absolute; overflow:hidden; z-index: -1; top: 28px; right: 0; width: 28px; bottom: 28px; } * html .Block-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-28+'px'); height: expression(this.parentNode.offsetHeight-56+'px'); } .Block-cr div { position: absolute; z-index: -1; top: 0; left: -28px; width: 56px; height: 100%; background-image: url('images/Block-v.png'); } * html .Block-cr div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-v.png',sizingMethod='crop')"); } .Block-cc { position: absolute; overflow:hidden; z-index: -2; top: 28px; left: 28px; right: 28px; bottom: 28px; background-image: url('images/Block-c.png'); } * html .Block-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-56+'px'); height: expression(this.parentNode.offsetHeight-56+'px'); } .Block { margin: 5px; } .Block table.table { border-collapse: collapse; margin: 1px; } .Block table.table th, .Block table.table td { padding: 2px; border: solid 1px #C4C4C4; } /* end Box, Block / / begin BlockHeader / .BlockHeader { position: relative; overflow: hidden; height: 30px; z-index: 0; line-height: 30px; padding: 0 13px; margin-bottom: 2px; text-align: left; color: #000000; font-family: 'Lucida Sans Unicode'; font-size: 14px; font-weight: Bold; font-style: normal; text-decoration: none; } html .BlockHeader { zoom: 1; } .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 30px; } .BlockHeader .l { left: 0; right: 7px; } * html .BlockHeader .l { width: expression(this.parentNode.offsetWidth-7+'px'); } .BlockHeader .r { right: 0; width: 7px; } * html .BlockHeader .r { left: expression(this.parentNode.offsetWidth-7+'px'); } .BlockHeader .r div { width: 876px; right: 0; } * html .BlockHeader .r div { left: expression(this.parentNode.offsetWidth-876+'px'); } * html .BlockHeader .l, * html .BlockHeader .r div { font-size: 1px; } .BlockHeader .l, .BlockHeader .r div { background-position: left top; background-repeat: no-repeat; background-image: url('images/BlockHeader.png'); } * html .BlockHeader .l, * html .BlockHeader .r div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockHeader.png',sizingMethod='crop')"); } /* end BlockHeader / / begin Box, BlockContent / .BlockContent { min-width:13px; min-height:13px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; } html .BlockContent { width:expression(this.offsetWidth < 13 ? 13+"px" auto !important; height:expression(this.offsetHeight < 13 ? 13+"px" auto !important; zoom: 1 } .BlockContent-body { position: relative; overflow: hidden; z-index: 0; margin: 12px; text-align: left; color: #707070; font-family: 'Tahoma'; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; } .BlockContent a { color: #C37E10; } .BlockContent a:link { color: #C37E10; } .BlockContent a:hover { color: #F58D19; } .BlockContent a:hover:visited { color: #F58D19; } .BlockContent a:visited { color: #816950; } .BlockContent-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 6px; height: 6px; background-image: url('images/BlockContent-s.png'); } * html .BlockContent-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 6px; height: 6px; } * html .BlockContent-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-6+'px'); } .BlockContent-tr div { position: absolute; z-index: -1; top: 0px; left: -6px; width: 12px; height: 12px; background-image: url('images/BlockContent-s.png'); } * html .BlockContent-tr div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 6px; height: 6px; } * html .BlockContent-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-6+'px'); } .BlockContent-bl div { position: absolute; z-index: -1; top: -6px; left: 0; width: 12px; height: 12px; background-image: url('images/BlockContent-s.png'); } * html .BlockContent-bl div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 6px; height: 6px; } * html .BlockContent-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-6+'px'); left: expression(this.parentNode.offsetWidth-6+'px'); } .BlockContent-br div { position: absolute; z-index: -1; top: -6px; left: -6px; width: 12px; height: 12px; background-image: url('images/BlockContent-s.png'); } * html .BlockContent-br div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 6px; right: 6px; height: 6px; } * html .BlockContent-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-12+'px'); } .BlockContent-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 12px; background-image: url('images/BlockContent-h.png'); } * html .BlockContent-tc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-h.png',sizingMethod='scale')"); } .BlockContent-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 6px; right: 6px; height: 6px; } * html .BlockContent-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-6+'px'); width: expression(this.parentNode.offsetWidth-12+'px'); } .BlockContent-bc div { position: absolute; z-index: -1; top: -6px; left: 0; width: 100%; height: 12px; background-image: url('images/BlockContent-h.png'); } * html .BlockContent-bc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-h.png',sizingMethod='scale')"); } .BlockContent-cl { position: absolute; overflow:hidden; z-index: -1; top: 6px; left: 0; width: 6px; bottom: 6px; } * html .BlockContent-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-12+'px'); } .BlockContent-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 12px; height: 100%; background-image: url('images/BlockContent-v.png'); } * html .BlockContent-cl div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-v.png',sizingMethod='scale')"); } .BlockContent-cr { position: absolute; overflow:hidden; z-index: -1; top: 6px; right: 0; width: 6px; bottom: 6px; } * html .BlockContent-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-6+'px'); height: expression(this.parentNode.offsetHeight-12+'px'); } .BlockContent-cr div { position: absolute; z-index: -1; top: 0; left: -6px; width: 12px; height: 100%; background-image: url('images/BlockContent-v.png'); } * html .BlockContent-cr div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-v.png',sizingMethod='scale')"); } .BlockContent-cc { position: absolute; overflow:hidden; z-index: -2; top: 6px; left: 6px; right: 6px; bottom: 6px; background-color: #EFEFEF; } * html .BlockContent-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-12+'px'); height: expression(this.parentNode.offsetHeight-12+'px'); } /* end Box, BlockContent / / begin LayoutCell / .contentLayout .sidebar1 { position: relative; margin:0; padding:0; border:0px none; float: left; overflow: hidden; width: 30% } / end LayoutCell / / begin LayoutCell / .contentLayout .content { position: relative; margin:0; padding:0; border:0px none; float: left; overflow: hidden; width: 69% } / end LayoutCell / .sidebar1 ul, .sidebar2 ul, .sidebar3 ul { list-style: none; padding:0; margin:0; } .sidebar1 ul ul, .sidebar2 ul ul, .sidebar3 ul ul { padding:0 0 0 10px; } #footer { text-align: center; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 50px; font-weight:bold; clear:both; } .navigation a{ color:#790000; font-size:12px; text-decoration:underline; } .navigation a:hover{ text-decoration:none; } .navigation .alignleft a{ background:url('images/prev.gif') no-repeat left center; padding-left:17px; padding-right:0; padding-top:0; padding-bottom:0 } .navigation .alignright a{ background:url('images/next.gif') no-repeat right center;; padding-left:0; padding-right:17px; padding-top:0; padding-bottom:0 } .post h2 a { text-decoration: none; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0px none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } #commentform textarea { width: 100%; padding: 2px; } .hidden { display: none; } / Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; }

www.free-css.com Sitesinden İndirdigimiz Tasarımı Tamamen Kendimiz Tr.Gg ye uyarladık
BU TASARIM TAMAMEN BİZİM TARAFIMIZDAN YAPILMISTIR...

Tasarimin Üzerine

<div id="header"> <div id="logo"> <h1><a href="#">BedavaCssTasarimlarTr.Gg</a></h1> <p>Tasarim by <a href="http://www.bedavacsstasarimlar.tr.gg">BedavaCss Tasarimlar</a></p> </div>  <div id="menu"> <ul> <li class="first"><a href="#">Ana Sayfa</a></li> <li><a href="#">Hakkımızda</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Servis</a></li> <li><a href="#">Toplist</a></li> </ul> </div>  </div>  <div id="page"> <div id="content"> <div class="post">
Tasarimin ALtına

</div>
</div>  <div id="sidebar">
<ul> <li id="search"> <h2>Site Saati</h2>
<center><embed height="89" align="" width="162"
src="http://www.dostyurdu.com/flash/saat.swf" wmode="transparent"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
menu="false"></embed></center> </li> <li>
<h2>Menu</h2> <ul> <li><a href="#">Ana
Sayfa</a></li> <li><a
href="#">Toplist</a></li> <li><a
href="#">Ziyaretci Defteri</a></li> <li><a
href="#">İletişim</a></li> <li><a
href="#">Tasarimlar</a></li> <li><a
href="#">Butonlar</a></li> </ul> </li>
<li> <h2>Arşiv</h2> <ul> <li><a
href="#">Ocak</a></li> <li><a
href="#">Şubat</a></li> <li><a
href="#">Mart</a></li> <li><a
href="#">Nisan</a></li> <li><a
href="#">Mayıs</a></li> <li><a
href="#">Haziran</a></li> <li><a
href="#">Temmuz</a></li> </ul> </li>
</ul> </div>  <div
style="clear: both;"> </div>
</div>

<div id="footer"> <p>© 2009. Tüm Hakları Saklıdır. Design
by <a href="http://www.BedavaCssTasarimlar.tr.gg">BedavaCssTasarimlar</a>.</p>
</div>

Css Kod BöLümüNe

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body {
margin-top: 20px;
padding: 0px;
background: #029AC9 url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/img01.jpg) repeat-x left top;
font: 13px Arial, Helvetica, sans-serif;
color: #212121;
}
h1, h2, h3 {
margin-top: 0px;
}
h1 {
font-size: 2.4em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.4em;
}
p, ol, ul {
margin-bottom: 1.8em;
line-height: 160%;
}
a {
color: #393939;
}
a:hover {
text-decoration: none;
color: #393939;
}
a img {
border: none;
}
hr {
display: none;
}
/* Header */
#header {
width: 900px;
height: 80px;
margin: 0px auto;
background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/img02.jpg) no-repeat left top;
}
#header a {
text-decoration: none;
color: #FFFFFF;
}
/* Logo */
#logo {
float: left;
padding-left: 20px;
}
#logo h1, #logo p {
margin: 0px;
line-height: normal;
font-weight: normal;
color: #FFFFFF;
}
#logo p {
padding-left: 3px;
padding-top: 6px;
text-transform: uppercase;
font-size: 10px;
}
#logo h1 {
padding: 5px 0px 0px 0px;
}
#logo a {
color: #FFFFFF;
}
/* Menu */
#menu {
float: right;
margin: 11px 0 0 0;
}
#menu ul {
margin: 0px 0 0 0;
padding: 0px 20px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
margin: 0px 0px 0px 1px;
}
#menu a {
display: block;
width: auto;
height: 24px;
padding: 7px 15px 0px 15px;
background: #176FA9;
}
#menu a:hover {
text-decoration: underline;
}
#menu .first {
background: none;
}
#menu .active a {
}
/* Page */
#page {
width: 900px;
margin: 0px auto;
background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/img03.jpg) repeat-y left top;
}
/* Content */
#content {
float: left;
width: 630px;
padding-top: 30px;
}
.post {
margin: 0px 20px 30px 20px;
}
.post .title {
height: 57px;
margin: 0px;
padding: 5px 0px 5px 70px;
background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/img05.jpg) no-repeat left top;
color: #232F01;
}
.post .title a {
color: #232F01;
}
.post .entry {
margin-left: 70px;
}
.post .meta {
margin-left: 70px;
font-weight: bold;
}
.post .byline {
margin-top: -35px;
margin-left: 70px;
border-bottom: #BFC9AE dashed 1px;
color: #5E5E5E;
}
/* Sidebar */
#sidebar {
float: right;
width: 270px;
}
#sidebar ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#sidebar li ul {
margin-bottom: 1.8em;
list-style: none;
}
#sidebar li li {
padding: 5px 7px;
margin-left: 24px;
border-bottom: #BFC9AE dashed 1px;
}
#sidebar h2 {
padding: 6px 30px;
background: #146BA6;
font-size: 1.2em;
color: #FFFFFF;
}
#sidebar a {
text-decoration: none;
color: #232F01;
}
#sidebar a:hover {
text-decoration: underline;
}
/* Search */
#search {
}
#search form {
margin-bottom: 1.8em;
padding: 0px;
}
#search fieldset {
margin: 0px;
padding: 0px 0px 0px 30px;
border: none;
}
#search #s {
width: 140px;
}
/* Footer */
#footer {
clear: both;
width: 900px;
height: 100px;
margin: 0px auto 30px auto;
color: #FFFFFF;
background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/img04.jpg) no-repeat left top;
}
#footer p {
margin: 0px;
padding: 40px 0px 0px 20px;
line-height: normal;
font-size: smaller;
}
#footer a {
color: #FFFFFF;
}

Tasarimin Üzerine
<div id="header"> <div id="logo"> <h1><a href="/home.htm" _fcksavedurl="/home.htm">Nombre de tu web</a></h1> <h2>Sub titulo</h2> </div> <div id="menu"> <ul> <li><a href="/home.htm" _fcksavedurl="/home.htm">Home</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> </ul> </div></div> <div id="page">

Tasarimin ALtına

<div id="sidebar"><ul> <li id="search"> <h2><b class="text1">Buscar</b></h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset> </form> </li> <li> <h2>Link's</h2> <ul> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> </ul> </li> <li> <h2>Favoritos</h2> <ul> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> </ul> </li> <li> <h2>Contenido</h2> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <div id="footer-menu"> <ul>  <li><a href="/home.htm" _fcksavedurl="/home.htm">Home</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li>  </ul></div> <p id="legal">(c) 2009 <a href="http://tuweb.es.tl" _fcksavedurl="http://tuweb.es.tl">Nombre de tu web</a>. Diseño por: <a href="http://freecsstemplates.org/" _fcksavedurl="http://freecsstemplates.org/">Free CSS Templates</a> Adaptada por <a href="http://templatesfree.es.tl" _fcksavedurl="http://templatesfree.es.tl">Templatesfree.es.tl</a></p> </div>

Css Kod BöLümüNe

#post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} /* Plantillas por www.freecsstemplates.org Adaptada por www.templatesfree.es.tl Para diseños css-desing www.paginawebgratis.es */ body { margin-top: 20px; padding: 0; background: url(http://pixelea.com/s/4e84e5801f.gif) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6D6D6D; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #006EA6; } h1 { letter-spacing: -1px; font-size: 35px; } h2 { font-size: 26px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #0094E0; } a:hover, a:active { text-decoration: none; color: #0094E0; } a:visited { color: #0094E0; } img { border: none; } img.left { float: left; margin: 7px 15px 0 0; } img.right { float: right; margin: 7px 0 0 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } #wrapper { } /* Header */ #header { width: 900px; height: 130px; margin: 0 auto 10px auto; padding-top: 10px; } #logo { float: left; height: 90px; background: url(http://pixelea.com/s/96471cf3ee.gif) no-repeat left top; } #logo h1 { margin: 0; padding: 5px 0 0 100px; font-size: 40px; color: #0099E8; } #logo h1 sup { vertical-align: text-top; font-size: 24px; } #logo h1 a { color: #5F9D10; } #logo h2 { margin: 0; padding: 0 0 0 100px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #6D6D6D; } #logo a { text-decoration: none; color: #FFFFFF; } /* Menu */ #menu { float: right; padding-top: 30px; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; margin-left: 5px; background: url(http://pixelea.com/s/05fe4f6e58.gif) repeat-x left top; padding: 1px 10px; text-decoration: none; font-size: 12px; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .active a { } /* Page */ #page { width: 900px; margin: 0 auto; background: url(http://pixelea.com/s/144db23489.jpg) no-repeat left top; } /* Content */ #content { float: left; width: 570px; padding: 30px 0 0 30px; } /* Post */ .post { } .post .title { height: 52px; margin-bottom: 20px; padding-bottom: 5px; padding-left: 60px; border-bottom: 1px dashed #D1D1D1; background: none no-repeat left top; color: #8BCB2F; } .post .title b { font-weight: normal; color: #0094E0; } .post .date p { margin: 0; padding: 0; } .post .date { width: 50px; margin-top: -80px; padding-left: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #283900; } .post .date b { margin: 0; padding: 0; display: block; margin-top: -13px; padding-left: 2px; font-size: 16px; color: #283900; } .post .entry { } .post .meta { margin: 0; padding: 15px 0 60px 0; } .post .meta p { margin: 0; line-height: normal; } .post .meta .byline { float: left; color: #0000FF; } .post .meta .links { float: left; } .post .meta .more { width: 185px; height: 35px; padding: 5px 10px; background: #8BCB2F; border: 1px dashed #FFFFFF; text-transform: uppercase; text-decoration: none; font-size: 9px; } .post .meta .comments { padding: 5px 10px; text-transform: uppercase; text-decoration: none; background: #0094E0; border: 1px dashed #FFFFFF; font-size: 9px; } .post .meta b { display: none; } .post .meta a { color: #FFFFFF; } /* Sidebar */ #sidebar { float: right; width: 230px; padding-right: 30px; padding-top: 20px; } #sidebar ul { margin: 0; padding: 10px 0 0 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; padding: 3px 0; border-bottom: 1px dashed #D1D1D1; } #sidebar li li a { margin: 0; padding-left: 15px; } #sidebar h2 { padding-bottom: 5px; font-size: 18px; font-weight: normal; color: #0094E0; } #sidebar strong, #sidebar b { color: #8BCB2F; } #sidebar a { text-decoration: none; color: #6D6D6D; } /* Search */ #search { } #search h2 { } #s { width: 150px; margin-right: 5px; padding: 3px; border: 1px solid #F0F0F0; } #x { padding: 3px; border: none; text-transform: lowercase; font-size: 11px; color: #4F4F4F; } /* Boxes */ .box1 { padding: 20px; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Pie de la pagina */ #footer { width: 900px; background: url(http://pixelea.com/s/144db23489.jpg) no-repeat left top; margin: 0 auto; padding: 10px 0 0 60px; color: #353535; } html>body #footer { height: auto; } #footer-menu { } #legal { clear: both; font-size: 11px; color: #6D6D6D; } #legal a { color: #0094E0; } #footer-menu { float: left; color: #353535; text-transform: capitalize; } #footer-menu ul { margin: 0; padding: 0; list-style: none; } #footer-menu li { display: inline; } #footer-menu a { display: block; float: left; padding: 1px 15px 1px 15px; text-decoration: none; font-size: 11px; color: #6D6D6D; } #footer-menu a:hover { text-decoration: underline; } #footer-menu .active a { padding-left: 0; }

Css Tasarım

Tasarimin Üzerine
<style type="text/css" media="screen">  </style> <script type="text/javascript">  </script> <div class="menu"> <li><a href="Link1" _fcksavedurl="Link1"><b>Link Ekle</b></a></li> <li><a href="Link2" _fcksavedurl="Link2"><b>Link Ekle</b></a></li> <li><a href="Link3" _fcksavedurl="Link3"><b>Link Ekle</b></a></li> <li><a href="Link4" _fcksavedurl="Link4"><b>Link Ekle</b></a></li> <li><a href="Link5" _fcksavedurl="Link5"><b>Link Ekle</b></a></li> </div> <div id="Designmystic"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

Tasarimin ALtına

Tasarım www.bedavacsstasarimlar.gg Tarafından Yapılmıstır

Css Kod BöLümüNe

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 80px; margin-left:-350px; left: 50%; } body { background-color:#ffffff;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 714px; height: 552px; background-image:url(https://img.webme.com/pic/m/msn-kent/6cc3f621cc.png);} #content { position: absolute; left: 57%; top: 97px; margin-left:-389px; width: 628px; height: 395px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 250px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:14px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #cccccc; font-size: 13px; text-decoration: none;}

Kaynakwww.turk-toplist.tr.gg