Tasarımın Üzerindeki Yazı :
Tasarımın Altındaki Yazı :
CSS Kodu :
Tasarımın Üstündeki :
<!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=iso-8859-9> <META http-equiv=content-type content=text/html;charset=windows-1254> <META http-equiv=content-type content=text/html;charset=x-mac-turkish><center><a href='http://www.omplay.com' _fcksavedurl='http://www.omplay.com' target='_blank'> .</a>
<title>Theme Name </title>
<meta name="generator" content="WordPress 2.3.3" /> <!-- leave this for stats -->
<link rel="stylesheet" href="http://test.qualitywordpress.com/wp-content/themes/counterstrike/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="Theme Name RSS Feed" href="http://test.qualitywordpress.com/?feed=rss2" />
<link rel="pingback" href="http://test.qualitywordpress.com/xmlrpc.php" />
<link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/counterstrike/style.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/counterstrike/style_ie.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/counterstrike/style_ie6.css" />
<![endif]-->
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://test.qualitywordpress.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://test.qualitywordpress.com/wp-includes/wlwmanifest.xml" /> </head>
<body>
<!-- Page -->
<div id="page">
<!-- Header -->
<div id="header">
<!-- Menu -->
<div id="header-menu">
<ul>
<li class="page_item page-item-2"><a href="#">Ana Sayfa</a></li>
<li class="page_item page-item-5"><a href="#">İletişim</a></li>
<li class="page_item page-item-16"><a href="#">Ziyaretçi Defteri</a></li>
<li class="page_item page-item-5"><a href="#">Top-List</a></li>
<li class="page_item page-item-5"><a href="#">Dost Siteler</a></li>
</ul>
</div>
<!-- /Menu -->
<!-- Title -->
<div id="header-info">
<h1><a href="http://css-sablon.tr.gg/">Css-Sablon / Cs</a></h1>
<div class="description">Profesyonel Webmaster Servisi</div>
</div>
<!-- /Title -->
<!-- Topbar -->
<div id="topbar">
<div id="topbar-left">
</div>
<div id="topbar-center">
<h3></h3>
<ul>
<li><a href='#'>Duyuru 1</a></li>
<li><a href='#'>Duyuru 2</a></li>
<li><a href='#'>Duyuru 3</a></li>
</ul>
</div>
<div id="topbar-right">
<h3></h3>
<ul>
<li><a href="http://css-sablon.tr.gg/">www.Css-Sablon.tr.gg</a></li>
<li><a href="#">Dost Site 2</a></li>
<li><a href="#">Dost Site 3</a></li>
</ul>
</div>
</div>
<!-- /Topbar -->
</div>
<!-- /Header -->
<!-- Main -->
<div id="main"><div id="main-top"><div id="main-bottom">
<!-- Sidebar -->
<div class="sidebar">
<h3>Ana Menü</h3>
<ul>
<li class="page_item page-item-2"><a href="#">Ana Sayfa</a></li>
<li class="page_item page-item-5"><a href="#">İletişim</a></li>
<li class="page_item page-item-5"><a href="#">Ziyaretçi Defteri</a></li>
<li class="page_item page-item-5"><a href="#">Top-List</a></li>
<li class="page_item page-item-5"><a href="#">Dost Siteler</a></li>
</ul>
<h3>Arşiv</h3>
<ul>
<li><a href='#'>Haziran 2009</a></li>
<li><a href='#'>Temmuz 2009</a></li>
<li><a href='#'>Ağustos 2009</a></li>
<li><a href='#'>Eylül 2009</a></li>
</ul>
</div>
<!-- Sidebar -->
<!-- Content -->
<div id="content">
<!-- Post -->
<div class="post" id="post-15">
<div class="post-title">
<div class="post-date">
<span>CSS</span>
SABLON </div>
<h2><a href="#" rel="bookmark">Css-Sablon / Cs Tasarımı</a></h2>
Tema Tasarım by <a href="http://css-sablon.tr.gg/">Css-Sablon</a> | Webmaster by <a href="http://css-sablon.tr.gg/">Dj_TuGiCaN</a> </div>
<div class="post-entry">
<p>
Tasarımın Altı :
</p>
</div>
</div>
<!-- /Post -->
<!-- Navigation -->
<div class="navigation">
<div class="navigation-previous"></div>
<div class="navigation-next"></div>
</div>
<!-- /Navigation -->
<div class="clear"></div>
</div>
<!-- /Content -->
<!-- Sidebar -->
<div class="sidebar sidebar-right">
<h3>Katogoriler</h3>
<ul>
<li class="cat-item cat-item-3"><a href="#">Eklenecektir...</a></li>
<li class="cat-item cat-item-5"><a href="#">Eklenecektir...</a></li>
<li class="cat-item cat-item-4"><a href="#">Eklenecektir...</a></li>
<li class="cat-item cat-item-6"><a href="#">Eklenecektir...</a></li>
<li class="cat-item cat-item-1"><a href="#">Eklenecektir...</a></li>
</ul>
<h3>Dost Siteler</h3>
<ul>
<li><a href="http://css-sablon.tr.gg/">Css-Sablon.tr.gg</a></li>
<li><a href="#">Siteni Ekle</a></li>
<li><a href="#">Siteni Ekle</a></li>
<li><a href="#">Siteni Ekle</a></li>
<li><a href="#">Siteni Ekle</a></li>
</ul>
</div>
<!-- Sidebar -->
<div class="clear"></div>
</div></div></div>
<!-- /Main -->
<!-- Footer -->
<div id="footer">
<!-- Copyright -->
<div id="copyright">
<br />© Copyrighted | Tüm Hakkı Saklıdır...<br /><!--start--> Tema Tasarım by <a href="http://css-sablon.tr.gg/">Css-Sablon</a> | Webmaster by <a href=http://css-sablon.tr.gg/">Dj_TuGiCaN</a> <!--end-->
</div>
<!-- /Copyright -->
</div>
<!-- Footer -->
</div>
<!-- /Page -->
</body>
</html>
Css Kodu :
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;}
Tasarımın Üzerindeki Yazı :
<!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>Css-Sablon </title>
<meta name="generator" content="WordPress 2.3.3" /> <!-- leave this for stats -->
<link rel="stylesheet" href="http://test.qualitywordpress.com/wp-content/themes/newbmw-mag/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="Theme Name RSS Feed" href="http://test.qualitywordpress.com/?feed=rss2" />
<link rel="pingback" href="http://test.qualitywordpress.com/xmlrpc.php" />
<link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/newbmw-mag/style.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/newbmw-mag/style_ie.css" />
<![endif]-->
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://test.qualitywordpress.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://test.qualitywordpress.com/wp-includes/wlwmanifest.xml" /> </head>
<body>
<!-- Page -->
<div id="page"><div id="page-top"><div id="page-bottom">
<!-- Header -->
<div id="header">
<!-- Title -->
<div id="header-info">
<h1><a href="http://test.qualitywordpress.com/">Css-Sablon / Tuning</a></h1>
<div class="description">Profesyonel Css Tasarım Servisi</div>
</div>
<!-- /Title -->
<!-- Menu -->
<div id="header-menu">
<ul>
<li class="current_page_item"><a href="#">Ana Sayfa</a></li>
<li class="page_item page-item-2"><a href="#">İletişim</a></li>
<li class="page_item page-item-5"><a href="#">Ziyaretçi Defteri</a></li>
<li class="page_item page-item-16"><a href="#">Top-List</a></li>
<li class="page_item page-item-16"><a href="#">Hakkımızda</a></li>
</ul>
</div>
<!-- /Menu -->
<!-- Search -->
<div id="header-search">
<form method="get" id="searchform" action="http://css-sablon.tr.gg/">
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="" />
</form>
</div>
<!-- /Search -->
<!-- Feed -->
<!-- /Feed -->
<!-- Feed2 -->
<!-- /Feed2 -->
<!-- Feed3 -->
<div id="header-feed1">
</div>
<!-- /Feed3 -->
</div>
<!-- /Header -->
<!-- Main -->
<div id="main">
<!-- Content -->
<div id="content">
<center><br /> <a href="http://css-sablon.tr.gg/"><img src="https://img.webme.com/pic/c/css-sablon/46860css-sbln.gif" alt="Css-Sablon" width="468" height="60" /></a></center>
<br /><br />
<!-- Post -->
<div class="post" id="post-15">
<div class="post-title">
<div class="post-date">
<span>Css</span>
Sablon </div>
<h2><a href="#" rel="bookmark">Sitemizden Duyurular !!!</a></h2>
Bu Bölümde Sitemizden Duyurular Bulunur...
</div>
<div class="post-entry">
<p><center><img src="http://i38.tinypic.com/2ppzr7c.gif" /></center><br />
<strong>Bilgi: </strong> Bu Bölümde Siteni,zle İlgili veya Güncel Konularda Duyurular,Haberler vs. Bulundurabilir veya Html Kod Ekleyebilirsiniz ... </p>
</div>
<div class="post-info">
Designed by: <a href="http://css-sablon.tr.gg/">Css-Sablon</a>
</div>
</div>
<div class="clear"></div>
<!-- /Post -->
<!-- Post -->
<div class="post" id="post-14">
<div class="post-title">
<div class="post-date">
<span>Css</span>
Sablon </div>
<h2>Hoşgeldiniz ...!!!</h2>
www.Css-Sablon.tr.gg </div>
<div class="post-entry">
<p>
Tasarımın Altındaki Yazı :
</p>
</div>
<br />
<div class="post-info">
Bugün: 99 / Klik: 300 / Bulunduğun Sayfa: Tuning Tasarimi
</div>
</div>
<div class="clear"></div>
<!-- /Post -->
<!-- Navigation -->
<div class="navigation">
<div class="navigation-previous"></div>
<div class="navigation-next"></div>
</div>
<!-- /Navigation -->
<div class="clear"></div>
</div>
<!-- /Content -->
<!-- Sidebar -->
<div id="sidebar">
<div class="sidebar-box">
<h3>Sponsorumuz</h3>
<center> <a href="http://css-sablon.tr.gg/"><img border="0" src="https://img.webme.com/pic/c/css-sablon/250250rklm.jpeg" alt="Css-Sablon" title="Css-Sablon" width="275" height="275" /></a></center>
</div>
<div class="sidebar-box">
<h3>Reklamlar</h3>
<div class="sidebar-ads">
<div class="sidebar-ads-in"><a href="http://css-sablon.tr.gg/"><img border="0" src="https://img.webme.com/pic/c/css-sablon/csssblnreklami.gif" alt="Css-Sablon" title="Css-Sablon" width="125" height="125" /></a></div>
<div class="sidebar-ads-in"><a href="#"><img src="http://www.domatessuyu.com/wp-content/uploads/2008/12/sponsor.gif" width="125" height="125" border="0" /></a></div>
<div class="sidebar-ads-in"><a href="#"><img src="http://www.domatessuyu.com/wp-content/uploads/2008/12/sponsor.gif" width="125" height="125" border="0" /></a></div>
<div class="sidebar-ads-in"><a href="#"><img src="http://www.domatessuyu.com/wp-content/uploads/2008/12/sponsor.gif" width="125" height="125" border="0" /></a></div>
<div class="clear"></div>
</div>
</div>
<div class="sidebar-box">
<h3>Ana Menü</h3>
<ul>
<li class="page_item page-item-2"><a href="#">Ana Sayfa</a></li>
<li class="page_item page-item-5"><a href="#">İletişim</a></li>
<li class="page_item page-item-16"><a href="#">Ziyaretçi Defteri</a></li>
<li class="page_item page-item-5"><a href="#">Top-List</a></li>
<li class="page_item page-item-5"><a href="#">Hakkımızda</a></li>
</ul>
</div>
<div class="sidebar-box">
<h3>İçerikler</h3>
<ul>
<li class="cat-item cat-item-3"><a href="#">Modifiye Nedir_?</a>
</li>
<li class="cat-item cat-item-5"><a href="#">Tuning Nedir_?</a>
</li>
<li class="cat-item cat-item-4"><a href="#">Drift Nedir_?</a>
</li>
<li class="cat-item cat-item-6"><a href="#">Modifiyeli Arabalar</a>
</li>
<li class="cat-item cat-item-1"><a href="#">İstanbul Tuning</a>
</li>
</ul>
</div>
<div class="sidebar-box">
<h3>Arşiv</h3>
<ul>
<li><a href='#'>Ekim 2009</a></li>
<li><a href='#'>Kasım 2009</a></li>
<li><a href='#'>Aralık 2009</a></li>
<li><a href='#'>Ocak 2010</a></li>
</ul>
</div>
<div class="sidebar-box">
<h3>Dost Siteler</h3>
<ul>
<li><a href="http://css-sablon.tr.gg/" title="Css-Sablon">Css-Sablon</a></li>
<li><a href="#">Siteni Ekle</a></li>
<li><a href="#">Siteni Ekle</a></li>
<li><a href="#">Siteni Ekle</a></li>
<li><a href="#">Siteni Ekle</a></li>
<li><a href="#">Siteni Ekle</a></li>
</ul>
</div>
</div>
<!-- Sidebar -->
<div class="clear"></div>
</div>
<!-- /Main -->
<!-- Footer -->
<div id="footer">
<!-- Footerbar -->
<div id="footerbar">
<div id="footerbar-left">
<h3>Son Ziyaretçiler</h3>
<ul class="footerbar-left-in">
<li><a href='#'>Css-Sablon.tr.gg</a></li>
<li><a href='#'>Son Ziyaretçi</a></li>
<li><a href='#'>Son Ziyaretçi</a></li>
<li><a href='#'>Son Ziyaretçi</a></li>
</ul>
</div>
<div id="footerbar-center">
<h3>Son Üyeler</h3>
<ul class="footerbar-center-in">
<li><a href='http://css-sablon.tr.gg/'>Css-Sablon</a></li>
<li><a href='#'>Son Üye</a></li>
<li><a href='#'>Son Üye</a></li>
<li><a href='#'>Son Üye</a></li>
</ul>
</div>
<div id="footerbar-right">
<h3>Site Hakkında</h3>
<ul class="footerbar-right-in">
Designed by: <a href="http://css-sablon.tr.gg/">Css-Sablon</a>
<br />
<br /> Admin : (Admin Adı)
<br /> Moderatör : (Mod. Adı)
<br /><br />
</ul>
</div>
</div>
<!-- /Footerbar -->
<!-- Copyright -->
<div id="copyright">
(c)Copyright | Tüm Hakkı Saklıdır. | Design: <a href="http://css-sablon.tr.gg/">Css-Sablon</a>
</div><br /><br /><center><font size="1"><font color=#ACACAC>Bu Siteden İçerik, Grafik, Tasarım vs. Çalınması Durumunda Gerekli İşlemler Başlatılacaktır ...!!!</font></font></center>
<!-- /Copyright -->
</div>
<!-- Footer -->
</div></div></div>
<!-- /Page -->
</body>
</html>
Css Kodu :
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;}
Tasarımın Üzerindeki Yazı :
<body>
<div id="templatemo_container_wrapper">
<div id="templatemo_container">
<div id="templatemo_top">
<a href="#">Ana Sayfa</a> | <a href="#">İletişim</a>
</div>
<div id="templatemo_header">
<div id="templatemo_site_title"><span>Css-Sablon</span> / Müzik</div>
<div id="templatemo_site_slogan">Profesyonel Webmaster Servisi</div>
</div>
<div id="templatemo_menuleft"></div>
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Ana Sayfa</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Ziyaretçi Defteri</a></li>
<li><a href="#">Top-List</a></li>
<li><a href="#">Müzikler</a></li>
<li><a href="#">Hakkımızda</a></li>
</ul>
</div>
<div id="templatemo_content">
<div id="templatemo_left_column">
<div class="templatemo_section2">
<h1>Ana Menü</h1>
<a href="#" class="current">Ana Sayfa</a><br />
<a href="#">İletişim</a><br />
<a href="#">Ziyaretçi Defteri</a><br />
<a href="#">Top-List</a><br />
<a href="#">Müzikler</a><br />
<a href="#">Hakkımızda</a><br />
</div>
<div class="templatemo_section2">
<h1>Dost Siteler</h1>
<a href="http://css-sablon.tr.gg/">Css-Sablon</a><br />
<a href="#">Siteni Ekle</a><br />
<a href="#">Siteni Ekle</a><br />
<a href="#">Siteni Ekle</a><br />
<a href="#">Siteni Ekle</a><br />
</div>
</div>
<div id="templatemo_right_column">
<h1>Css-Sablon / Müzik</h1>
Tasarımın Altındaki Yazı :
</div>
</div>
<div id="templatemo_footer">
<a href="#">Ana Sayfa</a> | <a href="#">İletişim</a> | <a href="#">Ziyaretçi Defteri</a> | <a href="#">Top-List</a> | <a href="#">Hakkımızda</a><br />
Copyright © 2009 Tüm Hakkı Saklıdır... | Design by <a href="http://css-sablon.tr.gg" target="_blank">Css-Sablon</a>
</div>
</div>
</div>
</body>
</html>
Css Kodu :
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;}
/*
CSS Credit: http://www.templatemo.com/
*/
body {
margin:0;
padding:0;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background: #2b1e1e;
}
a:link, a:visited { color: #ffffff; text-decoration: none; }
a:active, a:hover { color: #ffffff; text-decoration: underline; }
h1 {
margin:0px 0px 10px 0px;
padding-bottom: 8px;
font-weight: bold;
font-size: 14px;
color:#FFFFFF;
border-bottom: solid 1px #FF0000;
}
h3 {
margin: 0px;
padding: 2px 0px 2px 10px;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
}
.text_area {
text-align: justify;
}
img {
margin: 10px 10px 0px 10px;
float:left;
border: 2px solid #FFFFFF;
}
#templatemo_container_wrapper {
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_main_background.gif) repeat-x;
}
#templatemo_container {
margin: 0px auto;
width: 810px;
}
#templatemo_top{
float: left;
margin-left: -10px;
padding: 19px 0px 10px 0px;
text-align: right;
width: 810px;
}
#templatemo_header {
clear: left;
margin-bottom:5px;
width: 810px;
height: 235px;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_header_background.jpg) no-repeat;
}
#templatemo_site_title {
padding-top: 120px;
padding-left: 50px;
font-size: 35px;
color: #2b1e1e;
}
#templatemo_site_title span {
font-weight: bold;
color: #c32929;
}
#templatemo_site_slogan {
padding-top: 10px;
padding-left: 200px;
font-size: 12px;
color: #2b1e1e;
}
/*------------- Menu ------------------*/
#templatemo_menuleft {
float: left;
height: 41px;
width: 20px;
background: #FF0000 url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_menu_leftborder.gif) no-repeat;
}
#templatemo_menu{
float: left;
margin-top: 0px;
padding: 0px;
width: 790px;
height: 41px;
background: #FF0000 url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_menu_background.gif) right no-repeat;
}
#templatemo_menu ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}
#templatemo_menu ul li{
display: inline;
}
#templatemo_menu ul li a{
float: left;
padding: 11px 1px;
width: 127px;
font: 16px arial;
text-align: center;
text-decoration: none;
color: #1e1717;
}
#templatemo_menu ul li a:hover, #templatemo_menu ul li .current{
color: #ffffff;
text-decoration: none;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_mousehover.gif) repeat-x;
}
/*---------- end of menu -------------*/
/* ----------------- Content ----------------------- */
#templatemo_content {
float: left;
width: 810px;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/tempaltemo_content_background.gif) repeat-y;
}
#templatemo_left_column {
float: left;
padding: 20px;
width: 200px;
min-height: 420px;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_leftcolumn_border.gif) right center no-repeat;
}
#templatemo_right_column {
float: right;
width: 530px;
padding: 20px;
padding-left: 0px;
min-height: 420px;
}
#templatemo_content_bottom {
clear: left;
margin: 0px;
padding: 0px;
width: 810px;
height: 5px;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/tempaltemo_content_bottom.gif) no-repeat;
}
/*------------ end of content ------------*/
.news_section {
float: left;
padding: 0px;
width: 300px;
margin-right: 15px;
background: #1e1717;
}
.news_section p {
margin: 0px;
padding: 0px 0px 5px 10px;
font-size: 11px;
}
.promotion_section {
float: left;
margin: 0px;
padding: 0px;
width:200px;
background: #1e1717;
}
.promotion_section p{
margin: 0px;
padding: 5px 5px 5px 10px;
font-size: 11px;
}
.more{
padding: 0px 10px 10px 0px;
text-align: right;
font-size: 11px;
font-weight: bold;
}
.templatemo_section2 {
margin-bottom: 10px;
padding: 10px;
border: #000000 solid 1px;
background: #1e1717;
}
.templatemo_section2 a {
padding-left: 20px;
color: #c32929;
line-height: 25px;
text-decoration: none;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_list_icon.gif) center left no-repeat;
}
.templatemo_section2 a:hover {
color: #ff0000;
text-decoration: none;
}
/* search form */
form {
padding: 0 0 6px 8px;
}
.button {
margin-top: 10px;
padding: 1px 5px;
border: none;
color: #FFFFFF;
background: url(http://www.templatemo.com/templates/templatemo_013_music_note/images/templatemo_button_background.gif) repeat-x;
}
/* ----------- */
/* -------- Footer --------- */
#templatemo_footer {
clear: left;
padding: 10px;
height: 62px;
color: #c32929;
line-height: 24px;
text-align: center;
}
#templatemo_footer a {
color: #c32929;
text-decoration: none;
}
#templatemo_footer a:hover {
color: #ff0000;
}
/* --------- end of footer --------------*/
table {margin-left: auto;margin-right: auto}
Tasarımın Üzerindeki Yazı :
<div id="top">
<div id="header_top">
<div id="left_corner">
<h1><a href="#">Css-Sablon / Yeşil Güncel</a></h1>
<div class="description">
Profesyonel Webmaster Servisi </div>
</div>
<div id="right_corner">
</div>
</div><!-- header -->
<div id="header_nav">
<div id="navi">
<div id="menus">
<ul>
<li class="home"><a href="#">Ana Sayfa</a></li>
<li class="page_item page-item-14"><a href="#">İletişim</a></li>
<li class="page_item page-item-14"><a href="#">Ziyaretçi Defteri</a></li>
<li class="page_item page-item-14"><a href="#">Top-List</a></li>
<li class="page_item page-item-14"><a href="#">Hakkımızda</a></li>
</ul>
</div>
</div><!-- nav -->
</div><!-- header_nav -->
</div><!-- top -->
<div id="wrapper">
<div id="container_right">
<!-- TopBox : START -->
<div id="topbox">
<div id="topbox_left">
</div>
<div id="topbox_center"><!-- topbox_center -->
<div id="recent_post">
<div id="recent_left">
</div>
<div id="recent_center"><!-- recent_center -->
<div id="recent_title">
Recent Posts
</div>
<div id="recent_content">
<ul> <li><a href="#">An image in a post</a></li>
<li><a href="#">Blockquotes galore</a></li>
<li><a href="#">An ordered list</a></li>
<li><a href="#">How the ‘more’ tag works</a></li>
<li><a href="#">Order or Unorder - you decide</a></li>
<li><a href="#">Hello world! Welcome</a></li>
<li><a href="#">An example of child categories</a></li>
<li><a href="#">An unordered list</a></li>
<li><a href="#">Professional photography lorem ipsum</a></li>
<li><a href="#">Lorem ipsum manjang</a></li>
</ul>
</div>
</div><!-- recent_center -->
<div id="recent_right">
</div>
</div>
<div id="aboutme"><center><h1>About Me</h1></center>
<p>This is the place where you can put a brief summary of yourself. Or perhaps you have something to be shown off. <br><br>To
completely remove this top box (i.e recent post, about me &
search), head to header.php, delete everything between "TopBox: START"
and "TopBox: END".</p>
</div>
<div>
<form id="search" method="get" action="http://css-sablon.tr.gg/"><input value="search: type in and enter" onfocus="if (this.value == 'search: type in and enter') {this.value = '';}" onblur="if (this.value == '') {this.value = 'search: type in and enter';}" size="18" maxlength="50" name="s" id="s" type="text">
</form>
</div>
</div><!-- topbox_center -->
<div id="topbox_right">
</div>
</div>
<!-- TopBox : END -->
<div id="inner_container">
<div class="post" id="post-5">
<h1>Css-Sablon / Yeşil Güncel Tasarım</h1>
<div class="postdata">
Css' de Güvenilir Kalite !</div>
<div class="entry">
<p>
Tasarımın Altındaki Yazı :
</p>
<br clear="all">
<div class="metadata_center">
Dost Siteler ; <a href="http://css-sablon.tr.gg">Css-Sablon</a> , <a href="#">Siteni Ekle</a>
</div>
</div><!-- entry -->
</div><!-- post -->
<div id="navigation">
<div class="alignright"></div>
</div>
</div><!-- inner_container -->
<div class="rsidebar">
<div><img class="top_rsidebar" src="Wordpress%20theme_files/t_sidebar.jpg" alt=""></div>
<div class="content_rsidebar">
<ul>
<li><h1>Categories</h1>
<ul>
<li class="cat-item cat-item-7"><a href="#">Category 1</a> (2)
<ul class="children">
<li class="cat-item cat-item-8"><a href="#">Child 1 - sits under Category 1</a> (1)
</li>
<li class="cat-item cat-item-9"><a href="#">Child 2 - sits under Category 1</a> (1)
</li>
<li class="cat-item cat-item-6"><a href="#">Child 3 - sits under Category 1</a> (1)
</li>
</ul>
</li>
<li class="cat-item cat-item-5"><a href="#">Category 2</a> (1)
</li>
<li class="cat-item cat-item-4"><a href="#">Category 3</a> (2)
</li>
<li class="cat-item cat-item-1"><a href="#">Uncategorized</a> (7)
</li>
<li class="cat-item cat-item-3"><a href="#">Wordpress</a> (2)
</li>
</ul>
</li>
<li class="pagenav"><h1>Pages</h1><ul><li class="page_item page-item-14"><a href="#">About</a></li>
</ul></li> <li id="linkcat-2" class="linkcat"><h1>Dost Siteler</h1>
<ul>
<li><a href="http://css-sablon.tr.gg/">Css-Sablon</a></li>
<li><a href="#">Donncha</a></li>
<li><a href="#">Dougal</a></li>
<li><a href="#">Matt</a></li>
<li><a href="#">Michel</a></li>
<li><a href="#">Mike</a></li>
<li><a href="#">Ryan</a></li>
</ul>
</li>
</ul>
</div>
<div class="bottom_rsidebar">
</div></div>
</div><!-- container_right (from header.php) -->
<div id="lsidebar">
<div><a href="http://css-sablon.tr.gg/"><img style="width: 207px; height: 240px;" class="top_lsidebar" src="https://img.webme.com/pic/c/css-sablon/250250rklm.jpeg" alt="Css-Sablon" border="0" /></a></div>
<div class="content_lsidebar">
<ul>
<li id="pages" class="widget widget_pages"> <h1 class="widgettitle">Pages</h1>
<ul>
<li class="page_item page-item-14"><a href="#" title="About">About</a></li>
</ul>
</li>
<li id="archives" class="widget widget_archive"><h1 class="widgettitle">Archives</h1>
<ul>
<li><a href="#">August 2007</a></li>
<li><a href="#">July 2007</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">November 2005</a></li>
<li><a href="#">November 2003</a></li>
</ul>
</li>
<li id="meta" class="widget widget_meta"> <h1 class="widgettitle">Meta</h1>
<ul>
<li><a href="#">Log in</a></li>
<li><a href="#">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="#">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="#">WordPress.org</a></li>
</ul>
</li>
<li id="recent-comments" class="widget widget_recent_comments"> <h1 class="widgettitle">Recent Comments</h1>
<ul id="recentcomments"><li class="recentcomments"><a href="# rel="external nofollow">Mohd.Sarbani Puteh</a> on <a href="http://wordpress.eches.net/about/#comment-310">About</a></li><li class="recentcomments">admin on <a href="http://wordpress.eches.net/2005/11/29/a-professional-photography-lorem-ipsum/#comment-275">Professional photography lorem ipsum</a></li><li class="recentcomments"><a href="http://wiiwe.info/" rel="external nofollow">wiiwe</a> on <a href="http://wordpress.eches.net/2005/11/29/a-professional-photography-lorem-ipsum/#comment-272">Professional photography lorem ipsum</a></li><li class="recentcomments"><a href="http://www.ufoss.com/" rel="external nofollow">ufoss</a> on <a href="http://wordpress.eches.net/2007/08/22/wordpress-theme/#comment-265">An image in a post</a></li><li class="recentcomments"><a href="http://wordpress.eches.net/2007/07/22/im-back/" rel="external nofollow">Wordpress theme » An ordered list</a> on <a href="http://wordpress.eches.net/2007/08/22/wordpress-theme/#comment-263">An image in a post</a></li></ul>
</li>
<li id="categories-1" class="widget widget_categories"><h1 class="widgettitle">Categories</h1>
<ul>
<li class="cat-item cat-item-7"><a href="#">Category 1</a> (2)
<ul class="children">
<li class="cat-item cat-item-8"><a href="#">Child 1 - sits under Category 1</a> (1)
</li>
<li class="cat-item cat-item-9"><a href="#">Child 2 - sits under Category 1</a> (1)
</li>
<li class="cat-item cat-item-6"><a href="#">Child 3 - sits under Category 1</a> (1)
</li>
</ul>
</li>
<li class="cat-item cat-item-5"><a href="#">Category 2</a> (1)
</li>
<li class="cat-item cat-item-4"><a href="#">Category 3</a> (2)
</li>
<li class="cat-item cat-item-1"><a href="#">Uncategorized</a> (7)
</li>
<li class="cat-item cat-item-3"><a href="#">Wordpress</a> (2)
</li>
</ul>
</li>
</ul>
</div>
<div class="bottom_lsidebar">
</div>
</div>
</div><!--wrapper-->
<div id="footer">
<p>
Copyright © 2009 Tüm Hakkı Saklıdır ...<br>
Tema Tasarım : <a href="http://css-sablon.tr.gg/">Css-Sablon</a> Webmaster by <a href="http://css-sablon.tr.gg/">Dj_TuGiCaN</a>
</p>
</div>
CSS Kodu :
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;}
/*Tema Tasarım Ve Kodlama : css-sablon.tr.gg / Dj_TuGiCaN*/
/*++++++++++++++++++++++++ Global Declaration ++++++++++++++++++++++++++++++++*/
body, h1, h1, h3, h4, h5, h6, blockquote, form {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
background: #ffffff;
color: #000000;
}
a:link, a:visited {
text-decoration: none;
color: #2c88bc;
}
p {
padding: 10px 0 0 0;
}
/*+++++++++++++++++++++++ Top: Header and Navigation ++++++++++++++++++++++++++*/
#top {
width:100%;
height:130px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/header.jpg) repeat-x;
}
/*+++++++++++++++++++++++++++++++ Header ++++++++++++++++++++++++++++++++++++++*/
#header_top {
width: 1000px;
height:84px;
margin:0 auto;
}
#left_corner {
float:left;
height:66px;
width:400px;
padding:12px 0 5px 0;
}
#left_corner h1 a {
color:#fff;
font-size:28px;
font-family:Sans-serif,Georgia,Verdana;
padding-left:15px;
text-decoration:none;
font-weight:700;
}
.description {
padding:10px 0 0 15px;
color:#FFFFFF;
font-size:12px;
font-family:Sans-serif,Georgia,Verdana;
font-weight:700;
}
#right_corner {
float:right;
height:84px;
width:344px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/right_corner.jpg) no-repeat;
}
/*+++++++++++++++++++++++++++++ Top Navigation +++++++++++++++++++++++++++++++*/
#header_nav {
width:100%;
height:43px;
margin:0 auto;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/menu.jpg) repeat-x;
}
#navi {
width:995px;
margin:0 auto;
padding:0;
overflow:hidden;
height:31px;
}
#menus {
float:left;
margin:5px;
padding:3px;
width:730px;
}
#menus li {
display: inline;
list-style: none;
margin:0;
padding:0;
}
#menus ul, #menus ol {
display: inline;
list-style: none;
margin:0;
padding:0 10px 0 0;
}
#menus a, #menus a:visited {
margin:0;
padding: 3px 10px 3px 10px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#menus a:hover {
background: #80b409;
text-decoration: none;
border:1px solid #FFFFFF;
}
#subscribe {
float: right;
width:92px;
height:32px;
margin:4px 4px 3px 4px;
}
.rss {
float:right;
margin:7px 10px 5px 0px;
width:230px;
}
.rss ul {
margin: 0;
padding: 0 2px;
}
.rss li {
margin: 0 2px 0 0;
padding: 3px 0 3px 20px;
list-style: none;
font-size: 12px; color:#c40d63;
display: inline; font-weight: bold;
background: url(http://wordpress.eches.net/wp-content/themes/damai/images/rss.gif) no-repeat 0 3px;
}
.rss li a {
font-size: 12px; color:#fff;
}
/*+++++++++++++++++ Wrapper: Left Sidebar & Right Container +++++++++++++++++++*/
#wrapper{
margin: 0px auto 0 auto;
width: 1000px;
text-align: left;
}
/*++++++++++++++++++++++++++++ Left Sidebar +++++++++++++++++++++++++++++++++++*/
#lsidebar {
float: left;
width:212px;
padding:0px;
margin:0 0 5px 5px;
}
.top_lsidebar {
width:210px;
}
.bottom_lsidebar {
width:210px;
height:9px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/b_sidebar.jpg) no-repeat;
}
.content_lsidebar{
width:210px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c_sidebar.jpg) repeat-y;
}
.content_lsidebar a:link, .content_lsidebar a:visited {
color:#187cb6;
text-decoration:none;
font-weight:700;
}
.content_lsidebar ul{
list-style-type: none;
margin: 0 auto;
padding: 0 0 0 10px;
}
.content_lsidebar ul li{
padding: 0 13px 5px 3px;
}
.content_lsidebar ul li h1{
font-family: Arial,Verdana,Georgia, Sans-serif;
padding-left:6px;
margin-bottom:8px;
font-size: 14px;
line-height:1.6em;
text-transform:uppercase;
background:#cfe990;
}
.content_lsidebar ul ul li{
font-size:11px;
margin-top: 3px;
line-height: 1.0em;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c.gif) no-repeat;
padding-left:12px;
}
.content_lsidebar ul ul ul li {
line-height: 9px;
text-decoration:none;
background-image:none;
padding-left:0;
}
.content_lsidebar ul ul ul {
margin-top: 9px;
line-height: 11px;
text-decoration:none;
background-image:none;
}
/*+++++++++++++ Right Container: Posts, Right Sidebar & TopBox +++++++++++++++*/
#container_right {
float: right;
width: 776px;
}
#inner_container{
float: left;
width: 548px;
text-align:justify;
}
/*++++++++++++++++++++++++++++++++ Posts +++++++++++++++++++++++++++++++++++++*/
.post{
padding: 10px 3px 10px 4px;
}
.post h1{
font-family: Arial, Georgia, Sans-serif;
font-size: 18px;
text-transform:uppercase;
padding-top:1px;
border-top:2px dotted #187cb6;
}
.post h1 a:link, .post h1 a:visited {
text-decoration:none;
color:#493b3b;
}
.postdata {
border-bottom:2px dotted #187cb6;
padding-bottom:2px;
font-size:11px;
}
.postdata a:link,.postdata a:visited {
color:#187cb6;
font-size:11px;
text-decoration:none;
font-weight:700;
}
.entry{
line-height: 18px;
}
p.postmetadata {
margin: 10px 0 0 0;
}
/*++++++++++++++++++++++++++++ Right Sidebar +++++++++++++++++++++++++++++++++*/
.rsidebar{
float: right;
width:220px;
margin:4px 0 5px 6px;
}
.top_rsidebar {
width:210px;height:9px;
}
.bottom_rsidebar {
width:210px;height:9px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/b_sidebar.jpg) no-repeat;
}
.content_rsidebar {
width:220px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c_sidebar.jpg) repeat-y;
}
.content_rsidebar a:link, .content_rsidebar a:visited {
color:#187cb6;
text-decoration:none;
font-weight:700;
}
.content_rsidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px;
}
.content_rsidebar ul li{
padding: 0 13px 5px 3px;
}
.content_rsidebar ul li h1{
padding-left:6px;
margin-bottom:8px;
font-family: Arial,Verdana,Georgia, Sans-serif;
font-size: 14px;
line-height:1.6em;
text-transform:uppercase;
background:#cfe990;
}
.content_rsidebar ul ul li{
font-size:11px;
margin-top: 3px;
line-height: 1.0em;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/c.gif) no-repeat 0 0;
padding-left:12px;
}
.content_rsidebar ul ul ul li {
line-height: 9px;
text-decoration:none;
background-image:none;
padding-left:0;
}
.content_rsidebar ul ul ul {
margin-top: 9px;
line-height: 11px;
text-decoration:none;
background-image:none;
}
.metadata_center {
height:18px;
width:530px;
margin:0 auto;
padding: 2px 0 0 3px;
background:#cbe488;
border:2px solid #85aa43;
}
.metadata_center a:link, a:visited {
text-decoration:none;
color:#0000ee;
}
/*+++++++++++++++ TopBox: Recent Posts, About Me and Search +++++++++++++++++++*/
#topbox {
width:770px;
margin:0;
padding:0;
}
#topbox_left {
float:left;
width:9px;
height:222px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hleft.jpg) no-repeat;
}
#topbox_center {
float:left;
width:744px;height:222px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hcenter.jpg) repeat-x;
}
#topbox_right {
float:left;
width:9px;height:222px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/hright.jpg) no-repeat;
}
/*++++++++++++++++++++++++ Recent Posts: Structure ++++++++++++++++++++++++++++*/
#recent_post {
margin:10px 0 7px 0px;
float:left;
height:207px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bcenter.jpg) repeat-x;
}
#recent_left {
float:left;
width:10px;
height:207px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bleft.jpg) no-repeat;
}
#recent_center {
float:left;
width:470px;
height:207px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bcenter.jpg) repeat-x;
}
#recent_right {
float:left;
width:10px;
height:207px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/bright.jpg) no-repeat;
}
/*+++++++++++++++++++++++++ Recent Posts: Content +++++++++++++++++++++++++++++*/
#recent_title {
font-size:15px;
font-family:Arial,Verdana;
color:#ffffff;
font-weight:800;
padding:8px 0 0 155px;
text-transform:uppercase;
border-bottom:2px dotted #FFFFFF;
}
#recent_content {
overflow:hidden;
height:155px;
font-weight:700;
}
#recent_content a:link, #recent_content a:visited {
font-size:12px;
font-family:Arial,Verdana;
color:#cfe990;
text-decoration:none;
}
#recent_content a:hover {
font-size:12px;
font-family:Arial,Verdana;
color:#95ce0c;
}
#recent_content ul {
list-style: none;
margin: 0;
padding: 5px 0 0 2px;
float:left;
}
#recent_content li {
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/tag_green.gif) no-repeat 0 3px;
list-style:none;
line-height:25px;
padding-left:20px;
float:left;
width:200px;
overflow:hidden;
}
/*++++++++++++++++++++++++++++++++ About Me ++++++++++++++++++++++++++++++++++*/
#aboutme {
float:right;
margin:10px auto 0;
padding:3px;
font-family:Arial;
color:#000;
height:160px;width:240px;
text-align:justify;
line-height:1.3em;
font-size:11px;
overflow:hidden;
}
#aboutme p{
padding-top:5px;
}
#aboutme h1 {
font-size:16px;
color:#000;
border-bottom:2px dotted #fff;
padding:3px 5px 6px 0;
text-transform:uppercase;
}
/*+++++++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++++++*/
#search {
height:20px;
float:right;
margin:8px 4px 0 0;
}
#search #s {
font-size:8pt;
width:230px;
padding-left:3px;
font-family:Arial;
height:16px;
}
input#s {
color:#000;
border:3px solid #c5d864;
background:#fcfcfc;
}
/*++++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++++*/
#footer{
clear: both;
width: 100%;
text-align:center;
padding: 10px 0 8px 0;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/footer.jpg) repeat-x;
}
#footer p{
font-size:11px;
padding:3px 3px;
margin:2px 5px 0 5px;
background:url(http://wordpress.eches.net/wp-content/themes/damai/images/damai_footer.jpg) no-repeat 35% 0;
}
#footer p a:link,#footer p a:visited {
color:#f7f9f3;
font-weight:700;
}
/*+++++++++++++++++++++++++++++++++ Misc +++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++ Error Page +++++++++++++++++++++++++++++++++*/
#error_page {
padding-left:3px;
margin-top:4px;
width:530px;
}
#error_page a:link, #error_page a:visited {
color:#2c88bc;
font-weight:700;
}
/*+++++++++++++++++++++++++++++++ Calendar +++++++++++++++++++++++++++++++++++*/
table#wp-calendar {
width:90%;
margin:0 3px;
}
/*+++++++++++++++++++++++++++++++ Blockquote +++++++++++++++++++++++++++++++++*/
blockquote {
margin:5px 0;
padding:4px 7px 10px 7px;
font-size:11px;
color:#52525b;
background: #e4f7b5;
border:1px dashed #79b32b;
}
blockquote blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:11px;
color:#52525b;
background: #e4f7b5;
border:1px dashed #79b32b;
}
/*++++++++++++++++++++++++++ PageTitle (archives.php) +++++++++++++++++++++++++*/
.pagetitle {
margin:5px 0 0 3px;
color:#6c2f4b;
text-transform:uppercase;
}
/*+++++++++++++++++++++ Navigation: Previous & Next +++++++++++++++++++++++++++*/
#navigation{
padding:10px 0;
font-size: 14px;
font-weight: bold;
margin-bottom:10px;
height:20px;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.alignleft a:link,.alignleft a:visited,.alignright a:link,.alignright a:visited {
color:#187cb6;
text-decoration:none;
}
/*+++++++++++++++++++++++++++ Comment component +++++++++++++++++++++++++++++++*/
#commentsbox {
padding: 0 0 0 5px;
margin: 0 0 4px 3px;
width: 538px;
font-size:11px;
border-top:2px dotted #187cb6;
}
#commentsbox a:link, #commentsbox a:visited {
text-decoration: none;
color: #2c88bc;
}
#comments h1 {
margin:5px 0 0 0;
padding:0 7px;
color:#ff5c00;
font-size:16px;
font-weight:normal;
}
#comments {
margin:5px 0 0 0;
}
#respond {
margin:10px 0 0 0;
padding-top:3px;
font-size:14px;
font-weight:bold;
}
.boxcomments {
margin-bottom:20px;
width:520px;
}
#commentform {
margin:0;
padding:15px 15px 1px;
}
#commentform label {
display:block;
margin:0;
}
#commentform input {
width:170px;
margin:0 5px 10px 0;
padding:1px;
}
#commentform textarea {
width:400px;margin:0 0 10px;
padding:0;
}
#commentform #submit {
margin:0 0 20px;
}
#commentform p {
margin:5px 0;
}
ol.commentlist {
margin:0 0 1px;
padding:0;
}
ol.commentlist li {
margin:7px 7px;
padding:6px 15px 12px 15px;
border:1px dashed #809f51;
background:#def0ba;
display:block;
list-style:none;
}
ol.commentlist li.mycomment {
margin:7px 0;
padding:5px 15px 1px;
border-bottom:20px solid #fff;
display:block;
list-style:none;
background:#f3fdff;
}
ol.commentlist li.commenthead {
display:block;
list-style:none;
margin:0;padding:5px 15px;
}
ol.tblist {
list-style:none;
margin:0 0 1px;
padding:0;
}
ol.tblist li {
display:block;
list-style:none;
padding:10px 5px 10px 5px;
margin:0 0 5px;
border:1px dashed #ccc;
}
input#url,input#author,input#email,textarea {
color:#666;
width:40%;
border:1px solid #cbcbcb;
margin-bottom:0.6em;
margin-top:2px;
padding:3px;
background:#fcfcfc;
}
table {margin-left: auto;margin-right: auto}
