- Css Kod 16

TASARIMIN ÜSTÜNE

<div id="wrapper">
<div id="container1">
<div id="menu">
<div id="pettabs" class="indentmenu">
<ul>
<li><a href="http://www.free-css.com/free-css-templates.php" rel="tab1" class="selected">Giriş</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php" rel="tab2">Dinle</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php" rel="tab3">Yayın Akışı</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php" rel="tab4">Dj Ler</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php" rel="tab5">İstek Hattı</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php" rel="tab6" style="border-right: none;">İletişim</a></li>
</ul>
</div>
<div class="tabcontentstyle">
<div  id="tab1" class="tabcontent"></div>
<div id="tab2" class="tabcontent">
<ul>
<li><a href="http://www.free-css.com/free-css-templates.php">Service 1</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Service 2</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Service 3</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Service 4</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Service 5</a></li>
</ul>
</div>
<div id="tab3" class="tabcontent">
<ul>
<li><a href="http://www.free-css.com/free-css-templates.php">Product 1</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Product 2</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Product 3</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Product 4</a></li>
</ul>
</div>
<div id="tab4" class="tabcontent">
<ul>
<li><a href="http://www.free-css.com/free-css-templates.php">Link 1</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Link 2</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Link 3</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Link 4</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Link 5</a></li>
<li><a href="http://www.free-css.com/free-css-templates.php">Link 6</a></li>
</ul>
</div>
<div id="tab5" class="tabcontent"> Something you might want to know about us. </div>
<div id="tab6" class="tabcontent"> Don't be hesitated to contact us if you have something to say. </div>
</div>
</div>

<div id="banner">
<h1>Yeni tasarıma hoşgeldiniz !</h1>
<p>bu tasarım <a href="http://bedavasitem.forum.st/profile.forum?mode=viewprofile&u=1020"><font color="white">Relaxis</font></a> tarafından tr.gg ye optimize edilmiştir .</p>
</div>
<div id="content1">
<div id="content_top"></div>
<div class="content_section_01">
<div class="section_01_left">

TASARIMIN ALTINA

</div>
<div class="section_01_right">
<h1>Site Haberleri</h1>
<h3>Siteniz hayırlı olsun.</h3>
<p>Donec enim enim, imperdiet quis, mollis a, elementum a, diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="http://bedavasitem.forum.st">Devamını oku</a> </div>
<div class="cleaner"> </div>
</div>
<div class="content_section_02">
<div class="section_02_subsection">
<h2>Featured Services</h2>
<p>Suspen disse a nibh tristique justo rhoncus volutpat.</p>
<ul>
<li><a href="http://bedavasitem.forum.st">Free Flash Templates</a></li>
<li><a href="http://bedavasitem.forum.st">CSS Web Templates</a></li>
<li><a href="http://bedavasitem.forum.st">Web Design Blog</a></li>
<li><a href="http://bedavasitem.forum.st">Premium Templates</a></li>
</ul>
<a href="http://bedavasitem.forum.st">devamını oku...</a> </div>
<div class="section_02_subsection">
<h2>Why choose us?</h2>
<p>Pellentesque lectus justo, fermentum in, ornare vitae, vehicula eu, felis.</p>
<ul>
<li>Quisque facilisis suscipit elit</li>
<li>Lacus et dictum tristique</li>
<li>Eeros ac tincidunt aliquam</li>
<li>Nullam commodo arcu non facilisis</li>
</ul>
<a href="http://bedavasitem.forum.st">devamını oku...</a> </div>
<div class="section_02_subsection" style="border-right: none;">
<h2>Testimonials</h2>
<h3>Phasellus id purus</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque at nulla eu elit adipiscing tempor.</p>
<a href="http://www.free-css.com/free-css-templates.php">Flash Templates</a>
<div style="clear: both; margin-top: 30px;"> <a target="_blank" rel="nofollow" href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="website template image" width="88" height="31" vspace="8" border="0" /></a> <a target="_blank" rel="nofollow" href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="website template image" vspace="8" border="0" /></a> </div>
</div>
<div class="cleaner"> </div>
</div>
</div>
<div id="footer">
<p><a href="http://bedavasitem.forum.st">Giriş</a> | <a href="http://bedavasitem.forum.st">Products</a> | <a href="http://bedavasitem.forum.st">Services</a> | <a href="http://bedavasitem.forum.st">S.S.S</a> |<a href="http://bedavasitem.forum.st">İletişim</a> </p>
<p>Copyright © 2oo9 <a href="/Ana-Sayfa.htm"><strong>Sitenin Adı</strong></a> | <a href="http://bedavasitem.forum.st">Tüm hakları saklıdır !</a> </p>
</div>

</div>
</div>

CSS BÖLÜMÜ

table {margin-left: auto;margin-right: auto}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, san-serif;
font-size: 12px;
color: #e7eaeb;
background: #6d6a6b url(https://img.webme.com/pic/d/denemesitemx/bg.jpg) repeat;
}
a:link, a:visited { color: #00a1ff; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #00a1ff; text-decoration: underline; }
p {
margin: 0px;
padding: 0px;
}
img {
margin: 0px;
padding: 0px;
border: none;
}
.cleaner {
clear: both;
width: 100%;
height: 1px;
font-size: 1px;
}
.cleaner_with_height {
clear: both;
width: 100%;
height: 30px;
font-size: 1px;
}
.cleaner_with_width {
float: left;
width: 20px;
height: 30px;
font-size: 1px;
}
#wrapper {
margin: 0 auto;
background: url(https://img.webme.com/pic/d/denemesitemx/gradient_bg.jpg) top repeat-x;
}
#container1 {
width: 960px;
margin: 0 auto;
padding: 0 10px 10px 10px;
}
/* banner */
#banner {
clear: both;
width: 880px;
height: 250px;
padding: 0 40px;
margin: 0 0 5px 0;
background: url(https://img.webme.com/pic/d/denemesitemx/banner_bg.jpg) no-repeat;
}
#banner h1 {
margin: 0px;
padding: 0px;
padding: 80px 0 20px 0;
font-size: 50px;
font-weight: bold;
color: #fff;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#banner p {
font-size: 30px;
width: 400px;
line-height: 30px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
/* end of banner */
#content1 {
clear: both;
position: relative;
width: 956px;
padding: 0 2px;
background: url(https://img.webme.com/pic/d/denemesitemx/content_middle.jpg) repeat-y;
}
#content1 #content_top {
position: absolute;
width: 960px;
height: 10px;
top: 0;
left: 0;
background: url(https://img.webme.com/pic/d/denemesitemx/content_top.jpg) no-repeat;
}
#content1 h1 {
font-size: 24px;
color: #009dff;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#content h2 {
font-size: 20px;
color: #009dff;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#content1 h3 {
font-size: 16px;
color: #c6ca1d;
padding: 0 0 5px 30px;
margin: 0 0 5px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
background: url(https://img.webme.com/pic/d/denemesitemx/list_icon.jpg) top left no-repeat;
}
#content img {
float: left;
border: 3px solid #221e1f;
margin: 3px 30px 5px 0;
}
#content1 .content_section_01 {
clear: both;
width: 876px;
padding: 40px;
background-color: #444041;
}
.content_section_01 .section_01_left {
float: left;
width: 556px;
padding-right: 40px;
border-right: 1px solid #333;
}
.content_section_01 .section_01_right {
float: right;
width: 238px;
}
.section_01_left p{
padding-bottom: 10px;
text-align: justify;
}
.section_01_right p{
padding-bottom: 5px;
text-align: justify;
}
#content1 .content_section_02 {
clear: both;
color: #CCC;
width: 956px;
padding: 0px;
border-top: 1px solid #2c2829;
background-color: #221e1f;
}
.content_section_02 p {
text-align: left;
}
.content_section_02 .section_02_subsection {
float: left;
width: 238px;
margin: 30px 0px;
padding: 0 40px;
border-right: 1px solid #332e30;
background-color: #221e1f;
}
.section_02_subsection li a {
color: #e7eaeb;
font-weight: normal;
}
.section_02_subsection ul {
margin: 20px 0 10px 10px;
padding: 0px;
list-style: none;
}
.section_02_subsection li {
margin: 0px;
padding: 0 0 15px 25px;
background: url(https://img.webme.com/pic/d/denemesitemx/list_icon_02.jpg) top left no-repeat;
}
/* footer */
#footer {
clear: both;
width: 960px;
height: 65px;
padding: 15px 0 0 0;
text-align: center;
color: #888;
background: url(https://img.webme.com/pic/d/denemesitemx/footer.jpg);
}
#footer p {
padding-bottom: 5px;
}
#footer a {
color: #888;
font-weight: normal;
}
/* end of footer */
#menu {
clear: both;
width: 958px;
height: 125px;
padding: 0 1px;
background: url(https://img.webme.com/pic/d/denemesitemx/top_panel_bg.jpg) no-repeat;
}
.indentmenu{
font: bold 14px Arial;
height: 58px;
width: 958px; /*leave this value as is in most cases*/
}
.indentmenu ul{
margin: 0;
padding: 0;
height: 58px;
background: black url(https://img.webme.com/pic/d/denemesitemx/indentbg.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: white; /*text color*/
width: 158px;
text-align: center;
height: 40px;
padding-top: 18px;
text-decoration: none;
border-right: 2px solid #000; /*navy divider between menu items*/
background: url(https://img.webme.com/pic/d/denemesitemx/menu_bg.jpg) repeat-x;
outline: none;
}
.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a.selected, .indentmenu ul li a:hover{
color: white !important;
background: black url(https://img.webme.com/pic/d/denemesitemx/menu_hover_bg.jpg) center center;
}
.indentmenu li .last{
border-right: none;
}
.tabcontentstyle{ /*style of tab content oontainer*/
clear: both;
width:900px; height: 35px; padding: 23px 30px 0 30px;
color: #fff;
font-size: 14px;
}
.tabcontentstyle ul{
margin: 0px;
padding: 0px;
list-style: none;
}
.tabcontentstyle li{
margin: 0px;
padding: 0px;
display: inline;
}
.tabcontentstyle li a {
font-weight: normal;
color: #FFF;
margin: 0px;
padding: 0 10px 0 5px;
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block !important;
}
}

Güzel bir css desing. Emeğe saygı için temanın altındaki tayfuncss kısmını kaldırmayın
TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</p>
</div>
<div class="thirds">
<div class="smallboxtop"></div>
<div class="smallbox">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
</div>
<div class="thirds">
<div class="smallboxtop"></div>
<div class="smallbox">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
</div>
<div class="thirds">
<div class="smallboxtop"></div>
<div class="smallbox">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
</div>
</div>
<div id="right">
<div class="boxtop"></div>
<div class="box">
<p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.<br /></p>
<div class="buttons"><p><a href="#" class="bluebtn">Read</a> <a href="#" class="greenbtn">Mark</a></p></div>
</div>
<div class="boxtop"></div>
<div class="box">
<p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.<br /></p>
<div class="buttons"><p><a href="#" class="bluebtn">Read</a> <a href="#" class="greenbtn">Mark</a></p></div>
</div>
</div>
<div class="footer">
<p><a href="#">RSS Feed</a> · <a href="#">Most Popular</a> · <a href="#">Today's Favorites</a> · <a href="#">All Time Favorites</a> · <a href="#">Sharing Policy</a> · <a href="http://www.tayfuncss.tr.gg" title="Professional CSS Templates">Profesyonel CSS Temalar</a> · <a href="http://www.ni5ni6.com">Ni5Ni6</a> · <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2009 Tüm Hakları Saklıdır. , Tasarım Uyarlama - <a href="http://www.tayfuncss.tr.gg" title="tayfuncss">Tayfuncss</a></p>
</div>
</div>
</body>
</html>
<br><a href="http://tayfuncss.tr.gg"><font color="#000000">WwW.TayfunCss.Tr.gg</font></a>

CSS BÖLÜMÜNE

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
<div class="right folat-r">
<div id="side">
<div id="top">
<h2>Site Haberleri</h2>
<ul class="meun">
<li><a href="#">Eklenecek </a></li>
<li><a href="#">Eklenecek </a></li>
<li><a href="#">Eklenecek </a></li>
<li><a href="#">Eklenecek </a></li>
<li><a href="#">Eklenecek </a></li>
</ul>
</div>
<div id="bm">
<h2>Son mesajlar</h2>
<ul class="meun">
<li><a href="#">Eklenecek </a></li>
<li><a href="#">Eklenecek </a></li>
<li><a href="#">Eklenecek </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>

<div id="footer">
<div id="ftlink"> <a href="#">Home</a> | <a href="#">About
Us</a> | <a href="#">Production</a> | <a href="#">Submission</a> |
<a href="#">Contact</a> </div>
<p id="copyright">© 2009. Tüm hakları saklıdır. <br/>
Tr Gg optimize <a
href="http://www.relaxis.tr.gg/">Relaxis</a>, Teşekkürler <a
href="http://www.bedavasitem.forum.st">Bedavasitem.Forum.St</a></p>
<div id="xhtml"><img
src="http://www.free-css-templates.com/templates/Romantic/unzipped/i
mages/xhtml.gif" alt=" xhtml vaild" /> <img
src="http://www.free-css-templates.com/templates/Romantic/unzipped/i
mages/css.gif" alt="css vaild" /></div>
</div>

</div>

CSS BÖLÜMÜNE

ÖNEMLİ: BU BİR DEMO'DUR BİR SÜRE SONRA TASARIM GÖRÜNMEZ OLABİLİR, MUTLAKA ESKİ TASARIMINIZIN KODLARINI YEDEĞE ALIN, Bİ SORUN OLDUĞUNDA ESKİ TASARIMINIZI HEMEN YERİNE EKLEYEBİLESİNİZ. DEMO SÜRESİ BİLİNMEMEKTE

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

<div class="meta-footer">
<ul>
<li><a href="http://bedavasitem.forum.st">Read More</a></li>
<li><a href="http://bedavasitem.forum.st">7 Comments</a></li>
</ul>
<div class="clear-left"></div>
</div>
</div>
<div class="pagination">
<div class="prev-page"></div>
<div class="next-page"></div>
</div>
</div>

<div id="sidebar">
<p id="switcher">
<a href="/" onclick="setActiveStyleSheet('default'); return false;" id="blue" title="Blue">Blue</a>
<a href="/" onclick="setActiveStyleSheet('pink'); return false;" id="pink" title="Pink">Pink</a>
<a href="/" onclick="setActiveStyleSheet('green'); return false;" id="green" title="Green">Green</a>
<a href="/" onclick="setActiveStyleSheet('purple'); return false;" id="purple" title="Purple">Purple</a>
<a href="/" onclick="setActiveStyleSheet('red'); return false;" id="red" title="Red">Red</a>
</p>
<div class="about box">
<h3>About</h3>
<p><img alt='' src='http://www.gravatar.com/avatar/46c25d7d8f2e19fa2bec248f763a11bd?s=80&d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D80&r=G' class='avatar avatar-80 photo' height='80' width='80' /> </p>
<div class="clear"></div>
</div>
<div class="feeds"><strong>320 readers</strong>You can get update via <a href="http://bedavasitem.forum.st">feed</a> or <a href='http://bedavasitem.forum.st'>e-mail</a>.</div>
<div class="col">
<div class="box"><h3>Categories</h3>      <ul>
<li class="cat-item cat-item-3"><a href="http://themetation.com/demo/crybook/?cat=3" title="View all posts filed under Blog">Blog</a>
</li>
<li class="cat-item cat-item-5"><a href="http://themetation.com/demo/crybook/?cat=5" title="View all posts filed under Formatting">Formatting</a>
</li>
<li class="cat-item cat-item-1"><a href="http://themetation.com/demo/crybook/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>
</div>
<div class="box">         <h3>Recent Comments</h3>         <ul id="recentcomments"><li class="recentcomments"><a href='http://themetation.com/demo/crybook/?p=22' rel='external nofollow' class='url'>Alignleft with photo — CryBook</a> on <a href="http://themetation.com/demo/crybook/?p=1&cpage=1#comment-97">Hello world!</a></li><li class="recentcomments"><a href='http://boinc.vanderbilt.edu/CSB/view_profile.php?userid=1660' rel='external nofollow' class='url'>mark</a> on <a href="http://themetation.com/demo/crybook/?p=22&cpage=5#comment-96">Alignleft with photo</a></li><li class="recentcomments"><a href='http://frikiorgulloso.com' rel='external nofollow' class='url'>Pk_JoA</a> on <a href="http://themetation.com/demo/crybook/?p=22&cpage=5#comment-95">Alignleft with photo</a></li><li class="recentcomments"><a href='http://test.com' rel='external nofollow' class='url'>test</a> on <a href="http://themetation.com/demo/crybook/?p=22&cpage=5#comment-94">Alignleft with photo</a></li><li class="recentcomments"><a href='http://www.muziknette.com' rel='external nofollow' class='url'>muzik dinle</a> on <a href="http://themetation.com/demo/crybook/?p=22&cpage=5#comment-93">Alignleft with photo</a></li></ul>
</div>            </div>
<div class="col2">
<div class="box">         <h3>Recent Posts</h3>         <ul>
<li><a href="http://bedavasitem.forum.st">Hello world! </a></li>
<li><a href="http://bedavasitem.forum.st">Alignleft with photo </a></li>
<li><a href="http://themetation.com/demo/crybook/?p=18">BlockQuote </a></li>
<li><a href="http://themetation.com/demo/crybook/?p=17">Formatting </a></li>
<li><a href="http://themetation.com/demo/crybook/?p=15">Hello world! </a></li>
</ul>
</div><div class="box"><h3>Categories</h3>      <ul>
<li class="cat-item cat-item-3"><a href="http://bedavasitem.forum.st" title="View all posts filed under Blog">Blog</a></li>
<li class="cat-item cat-item-5"><a href="http://bedavasitem.forum.st" title="View all posts filed under Formatting">Formatting</a></li>
<li class="cat-item cat-item-1"><a href="http://bedavasitem.forum.st" title="View all posts filed under Uncategorized">Uncategorized</a></li>
</ul>
</div><div class="box"><h3>Blogroll</h3>
<ul class='xoxo blogroll'>
<li><a href="http://bedavasitem.forum.st">Development Blog</a></li>
<li><a href="http://bedavasitem.forum.st">Documentation</a></li>
<li><a href="http://bedavasitem.forum.st">Plugins</a></li>
<li><a href="http://bedavasitem.forum.st">Suggest Ideas</a></li>
<li><a href="http://bedavasitem.forum.st">Support Forum</a></li>
<li><a href="http://bedavasitem.forum.st">Themes</a></li>
<li><a href="http://bedavasitem.forum.st">WordPress Planet</a></li>
</ul>
</div>
</div>
</div>    </div>
<div id="footer">
<p>
© 2009 <a href="http://bedavasitem.forum.st">CryBook</a>. Theme designed by <a href="http://bedavasitem.forum.st">Themetation</a> & developed by <a href="http://crynobone.com">Crynobone</a>. Happily powered by <a href="http://wordpress.org/">WordPress</a>.            </p>
</div>
</body>
</html>

CSS BÖLÜMÜNE

TASARIMIN ÜSTÜNE

<table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="l-bg"> </td> <td style="" class="l-shadow-bg" valign="top" width="1"><img src="https://img.webme.com/pic/c/css-template/l-shad-bg.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/l-shad-bg.gif" width="21" height="3"></td> <td valign="top" width="750" bgcolor="#295718" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img style="" src="https://img.webme.com/pic/c/css-template/t1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/t1.gif" alt="" width="8" height="148"></td> <td width="1"><div style="position: absolute; top: 50px; margin-left: 193px; width: 300px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td style="" class="c_name">Soccer website</td> </tr> <tr> <td height="1"><img src="https://img.webme.com/pic/c/css-template/c-name-sep.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-name-sep.jpg" width="286" height="1"></td> </tr> </tbody></table> </div> <img style="" src="https://img.webme.com/pic/c/css-template/t2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/t2.jpg" width="734" height="148"></td> <td width="1"><img style="" src="https://img.webme.com/pic/c/css-template/t3.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/t3.gif" width="8" height="148"></td> </tr> </tbody></table></td> </tr> <tr> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td valign="top" width="1" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td height="1"><img style="" src="https://img.webme.com/pic/c/css-template/l1.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/l1.jpg" width="180" height="62"></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-1.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="26"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">Home</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-2.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">About Us</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-3.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Our Clients</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-4.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Testimonials</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-5-m.gif" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Price List</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-last.gif" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="25"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">Contact Details</a></td> </tr> </tbody></table></td> </tr> <tr> <td style="" height="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="10"></td> </tr> <tr> <td height="1"><img style="" src="https://img.webme.com/pic/c/css-template/l2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/l2.jpg" width="180" height="7"></td> </tr> <tr> <td style="" class="l-content" height="100%">The modern game was codified in England following the formation of the Football  Association, whose 1863 Laws of the Game created the foundations for the way the  sport is played today. Football is governed internationally by Fédération  Internationale de Football Association (FIFA).</td> </tr> </tbody></table></td> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="4" height="1"></td> <td style="" class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/c-2-1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-2-1.gif" width="6" height="7"></td> <td class="bgx" valign="top" width="100" background="https://img.webme.com/pic/c/css-template/c-3-5-bg.gif" bgcolor="#2a521c"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="c-3-1-bg" height="1">HackeR FrienD.Net</td> </tr> <tr> <td><img style="" src="https://img.webme.com/pic/c/css-template/title-sep.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/title-sep.gif" alt="" width="270" height="1"></td> </tr> <tr> <td style="" class="body_txt" height="100%"> <p style="">

TASARIMIN ALTINA

</p> <p style=""><em style="">From Wikipedia, the free encyclopedia</em></p> <div style="border: 1px solid rgb(255, 224, 142); padding: 4px 6px 2px;">This free web template was downloaded from <a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" target="_blank">AnVisionWebTemplates.com</a>.<br> Please visit <a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" target="_blank">www.anvisionwebtemplates.com</a> to see the entire collection: <ol> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/">Download free templates</a> - view categories.</li> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/topsites/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/topsites/">Template topsites</a>.</li> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/newsletter.html" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/newsletter.html">Templates newsletter</a> - recieve collection updates by email.</li> </ol> </div></td> </tr> </tbody></table></td> <td style="" class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="4" height="1"></td> <td class="bgx" valign="top" background="https://img.webme.com/pic/c/css-template/c-3-5-bg.gif" bgcolor="#2c521d"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="c-5-1" align="center">Site Haberleri</td> </tr> <tr> <td style="" class="body_txt" height="100%"><p style="">The modern game was codified in England following the formation of the Football Association, whose 1863 Laws of the Game created the foundations for the way the sport is played today. Football is governed internationally by Fédération Internationale de Football Association (FIFA). <img style="" src="https://img.webme.com/pic/c/css-template/content-pic-2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/content-pic-2.jpg" class="float-left" width="132" height="90">The most prestigious international football competition is the World Cup, held every four years. This event, the most widely viewed and famous in the world, boasts twice the audience of the Summer Olympics.</p></td> </tr> </tbody></table></td> <td class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/c-6-1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-6-1.gif" width="5" height="10"></td> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="11" height="1"></td> </tr> </tbody></table></td> </tr> <tr> <td height="1"><img src="https://img.webme.com/pic/c/css-template/c-bot.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-bot.gif" alt="" width="570" height="12"></td> </tr> </tbody></table></td> </tr> </tbody></table></td> </tr> <tr> <td bgcolor="#2a5718"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/b1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/b1.gif" alt="" width="16" height="53"></td> <td class="bottom_addr" width="150">© 2006 Company Name<br> All Rights Reserved</td> <td class="bottom-menu" width="555"><a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Home Page</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">About Us</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Our Clients</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Testimonials</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Price List</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Contact Details</a></td> <td width="1"><img src="https://img.webme.com/pic/c/css-template/b3.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/b3.gif" width="16" height="53"></td> </tr> </tbody></table></td> </tr> </tbody></table></td> <td style="" class="r-shad-bg" valign="top" width="1"><img src="https://img.webme.com/pic/c/css-template/r-shad-bg.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/r-shad-bg.gif" width="21" height="3"> </td> <td style="" class="r-bg"> </td> </tr> </tbody></table>

CSS 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:0;    padding:0;    background:#7a7a7a; }  p,td { font-family:Arial, Helvetica, sans-serif;    font-size:11px;    margin-top: 0px; }  a{    color: #ffe08e;    text-decoration: underline; }  a:hover{    color: #FFFFFF;    text-decoration: none; } .c-3-1-bg {    background-image: url(https://img.webme.com/pic/c/css-template/c-3-1.gif);    background-repeat: no-repeat;    background-position: left top;    text-transform: uppercase;    text-align: center;    vertical-align: middle;    color: #ffe08e;    font-size: 14px;    font-weight: bold;    padding-top: 2px;    padding-bottom: 6px; }  a.hidden {    text-decoration: none;    color: #000000;    cursor:default; }  form {      margin:0;      padding:0; }  ul {    margin-left:20px;    margin-top:0px;    padding:1px;    list-style-type: square;    line-height: 16px;    }  h1 {    font-size: 14px;    font-weight: bold;    color: ffe08d;    margin: 0px;    padding-top: 1px;    padding-bottom: 5px; }  .bgy {    background-repeat: repeat-y; }  .bottom_addr {    font-size: 11px;    color: #ffe08e;    padding-right: 10px;    padding-left: 10px;    background-image: url(https://img.webme.com/pic/c/css-template/b2-bg.gif);    background-repeat: repeat-x;    background-position: top;    vertical-align: middle;    text-align: right; }  .bottom_addr_lnk {    text-decoration: none; }  .bottom_addr_lnk:hover {    text-decoration: underline; }  .bgx {    background-repeat: repeat-x;    background-position: top; }  .norepeat {    background-repeat: no-repeat; }  .c_name {    font-size: 17px;    font-weight: bold;    text-transform: uppercase;    color: #FFFFFF; } .l-shadow-bg {    background-image: url(https://img.webme.com/pic/c/css-template/l-shad-bg.gif);    background-position: left top;    background-repeat: repeat-y; } .l-bg {    background-image: url(https://img.webme.com/pic/c/css-template/l-bg.gif);    background-position: right top; } .r-bg {    background-image: url(https://img.webme.com/pic/c/css-template/r-bg.gif);    background-position: left top; }    .bottom-menu {    color: #FFFFFF;    text-align: center;    vertical-align: middle;    background-image: url(https://img.webme.com/pic/c/css-template/b2-bg.gif);    background-repeat: repeat-x;    background-position: top; }  .bottom-menu-lnk {    color: #FFFFFF;    text-decoration: none; }  .bottom-menu-lnk:hover {    color: #ffe08e;    text-decoration: underline; }  .menu {    color: #FFFFFF;    font-weight: bold;    white-space: nowrap;    text-align: right;    vertical-align: middle;    padding-right: 24px; } .menu_lnk{    text-decoration: none;    color: #FFFFFF; }  .menu_lnk:hover {    color: #ffe08e;    text-decoration: none; } .r-shad-bg {    background-image: url(https://img.webme.com/pic/c/css-template/r-shad-bg.gif);    background-repeat: repeat-y;    background-position: left top; }    .body_txt {    color: #FFFFFF;    text-align: justify;    vertical-align: top;    padding-top: 6px;    padding-right: 10px;    padding-bottom: 3px;    padding-left: 10px; } .c-5-1 {    background-image: url(https://img.webme.com/pic/c/css-template/c-5-1-bg.jpg);    background-repeat: no-repeat;    background-position: top;    font-size: 12px;    color: #EDD385;    padding-top: 30px;    font-weight: bold;    text-transform: uppercase;    text-align: center;    vertical-align: top;    padding-bottom: 0px; }  .l-content {    color: #FFFFFF;    text-align: justify;    padding-top: 7px;    padding-right: 1px;    padding-bottom: 7px;    padding-left: 10px;    vertical-align: top; } .float-left {    float: left;    margin-top: 6px;    margin-right: 2px;    margin-bottom: 0px; }

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
</div>
<div class="cleaner"></div>
</div>
</div>
<div class="cleaner"></div>
<div id="templatemo_content_right_bottom_section">
<div class="templatemo_text_area">
<h1>GALLERY</h1>
<a href="images/templatemo_big_1.jpg" rel="lightbox-gallery" title="Flower">
<img alt="Flower" src="http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_thumb_1.jpg" />
</a>
<a href="images/templatemo_big_2.jpg" rel="lightbox-gallery" title="Rose">
<img alt="Rose" src="http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_thumb_2.jpg" />
</a>
<a href="images/templatemo_big_3.jpg" rel="lightbox-gallery" title="Butterfly">
<img alt="Butterfly" src="http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_thumb_3.jpg" />
</a>
<a href="http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_thumb_4.jpg" rel="lightbox-gallery" title="Twin Flower">
<img alt="Twin Flower" src="http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_thumb_4.jpg" />
</a>
<a href="http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_thumb_5.jpg" rel="lightbox-gallery" title="Reflection">
<img alt="Reflection" src="http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_thumb_5.jpg" />
</a>
</div>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div>
<div class="templatemo_bottom_panel_section">
<div class="templatemo_bottom_section_left">
<h1>Latest Post</h1>
<ul>
<li><a href="#">Donec blandit euismod felis</a></li>
<li><a href="#">Maecenas quam nunc accu msan</a></li>
<li><a href="#">Fringilla vel, dapibus vel, est</a></li>
<li><a href="#">Morbi mi neque, porta nec</a></li>
</ul>
</div>
<div class="templatemo_bottom_section_right">
<h1>W3C Validations</h1>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /></a>
</p>
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_footer">
Copyright © 2024 <a href="#">Your Company Name</a> | Designed by <a title="free css templates" href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
</div>
</div>

CSS BÖLÜMÜNE

table {margin-left: auto;margin-right: auto}
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;}
html {
background: #444;
}
body {
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
background: #444;
font-size: 12px;
line-height: 1.5em;
width: 100%;
display: table;
}
a:link, a:visited {   color: #AFA; text-decoration: none; }
a:active, a:hover { color: #FF0; text-decoration: underline; }
#templatemo_container {
width: 940px;
margin: auto;
background: #313131;
}
#templatemo_header {
width: 940px;
height: 244px;
background: url(http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_header.jpg) no-repeat;
margin: 0;
padding: 0;
}
#templatemo_content {
margin: 0;
padding: 0;
}
/* Left Content */
#templatemo_content_left {
float:left;
width: 233px;
min-height: 618px;
background: url(http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_left_bg.jpg);
margin: 0;
padding: 0;
}
#templatemo_menu {
float: right;
width: 180px;
height: 200px;
margin: 0;
padding: 10px 0 0 0;
}
#templatemo_menu ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
}
#templatemo_menu li a {
display: block;
width: 134px;
height: 27px;
color: #fff;
background: url(http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_menu.jpg) no-repeat;
font-family: Tahoma;
font-size: 18px;
margin: 0 0 10px 0;
padding: 5px 0 0 45px;
}
#templatemo_menu li a:hover, #templatemo_menu li .current {
background: url(http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_menu_current.jpg) no-repeat;
color: #8fd300;
text-decoration: none;
}
/* End Of Left */
/* Right Content */
#templatemo_content_right {
float: right;
width: 707px;
margin: 0;
padding: 0;
}
#templatemo_content_right_bottom {
float: right;
width: 707px;
background: #4c4c4c url(http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_right_bottom.jpg) right bottom no-repeat;
margin: 0;
padding: 0;
}
#templatemo_content_right_top {
width: 682px;
background: url(http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_right_top.jpg) top no-repeat;
margin: 0;
padding: 33px 0px 0px 25px;
}
#templatemo_content_right_top .templatemo_post_area {
width: 375px;
margin: 0;
padding: 15px 0 0 0;
}
.templatemo_post_area h1 {
font-family: Tahoma;
font-size:   18px;
color: #AFA;
margin: 0 0 10px 0;
padding: 0;
}
.templatemo_post_area p {
font-family: Tahoma;
font-size:   12px;
text-align: justify;
color: #FFFFFF;
margin: 0 0 10px 0;
padding: 0;
}
.templatemo_post_area h2 {
font-family: Tahoma;
font-size:   12px;
color: #AFA;
margin: 0 0 10px 0;
padding: 0;
}
* html #templatemo_content_right_bottom_section {
margin-top: -20px;
}
#templatemo_content_right_bottom_section {
width: 687px;
background: #161616;
margin: 0;
padding: 10px;
}
#templatemo_content_right_bottom_section .templatemo_text_area {
margin: 0;
padding: 20px 0px 20px 20px;
}
.templatemo_text_area h1 {
font-family: Tahoma;
font-size:   18px;
color: #4c4c4c;
margin: 0 0 10px 0;
padding: 0;
}
.templatemo_text_area p {
font-family: Tahoma;
font-size:   12px;
text-align: justify;
color: #8b8b8b;
margin: 0 0 10px 0;
padding: 0;
}
.templatemo_text_area img {
margin: 0 20px 10px 0;
padding: 0;
border: 1px solid #8fd300;
}
* html .templatemo_bottom_panel_section {
margin-top: -35px;
}
.templatemo_bottom_panel_section {
background: url(http://www.templatemo.com/templates/templatemo_094_garden/images/templatemo_bottom_bg.jpg) no-repeat;
width: 920px;
height: 109px;
margin: 0;
padding:  10px;
}
.templatemo_bottom_section_left {
float: left;
width: 300px;
margin: 0;
padding: 10px;
}
.templatemo_bottom_section_left h1 {
font-family: Verdana;
font-size: 12px;
color: #ffd200;
margin: 0 0 5px 0;
padding: 0;
}
.templatemo_bottom_section_left ul {
list-style: circle;
color: #fff;
margin: 0 0 0 15px;
padding: 0;
}
.templatemo_bottom_section_left li a {
font-family: Verdana;
font-size: 12px;
text-decoration: underline;
color: #fff;
margin: 0 0 10px 0;
padding: 0;
}
.templatemo_bottom_section_left li a:hover {
text-decoration: none;
}
.templatemo_bottom_section_right {
float: right;
width: 300px;
margin: 0;
padding: 10px;
text-align: right;
}
.templatemo_bottom_section_right h1 {
font-family: Verdana;
font-size: 12px;
color: #ffd200;
margin: 0 5px 5px 0;
padding: 0;
}
.templatemo_bottom_section_right p {
font-family: Verdana;
font-size: 12px;
color: #fff;
text-align:   right;
margin: 0 0 10px 0;
padding: 0;
}
.templatemo_bottom_section_right img {
border: none;
}
/* End Of Right Content */
* html #templatemo_footer {
margin-top: -26px;
}
#templatemo_footer {
background: #6e9100;
margin: 0;
padding: 5px 0;
text-align: center;
color: #fff;
}
#templatemo_footer a {
color: #fff;
text-decoration: underline;
}
#templatemo_footer a:hover {
color: #ff0;
text-decoration: none;
}
.cleaner {
clear: both;
height: 0px;
}
.beyaz {color:white;}

TASARIMIN ÜSTÜNE

<div id="wrap">
<div id="header"><br />
<h3>BEDAVASİTEM.FORUM.ST</h3>
<p><strong>"BEDAVA SİTEM DESTEK FORUMU"</strong><br />
(ELAN)</p>
</div>
<div id="nav">
<ul>
<li><a href="http://www.free-css.com/">.: index :. </a></li>
<li><a href="http://www.free-css.com/">About</a></li>
<li><a href="http://www.free-css.com/">Gallery</a></li>
<li><a href="http://www.free-css.com/">Forum</a></li>
<li><a href="http://www.free-css.com/">New</a></li>
<li class="last"><a href="http://www.free-css.com/">contact</a></li>
</ul>
</div>
<div id="left">
<p class="title_left"><img src="http://img200.imageshack.us/img200/1930/arrowg2.gif" alt="" width="9" height="5" />
information</p>
<div class="news">
<h3><img src="https://img.webme.com/pic/p/poniex/titre2.jpg" alt="" width="12" height="9" /> Gallery </h3>
<ul>
<li><a href="http://www.free-css.com/">Gallery 1</a></li>
<li><a href="http://www.free-css.com/">Gallery 2</a></li>
<li><a href="http://www.free-css.com/">Gallery 3</a></li>
<li><a href="http://www.free-css.com/">Gallery 4</a></li>
<li><a href="http://www.free-css.com/">Gallery 5</a></li>
<li class="last"><a href="http://www.free-css.com/">Gallery 6</a></li>
</ul>
<p class="comment"><img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" />
Selection of march ... </p>
<p class="comment"><img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" />
Selection of april ... </p>
<p class="comment"><img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" />
Selection of may ... </p>
<p class="comment">Reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<a href="http://www.free-css.com/">More Info...</a><br />
<br />
</div>
<p class="text_left">Reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum."</p>
<p><a href="http://www.free-css.com/"><img  class="img" src="https://img.webme.com/pic/p/poniex/mail.jpg" alt="mail" width="64" height="52" /><br />
</a><a href="http://validator.w3.org/check/referer"> Validate XHTML 1.0
Strict</a><br />
and Css <br />
</p>
</div>
<div id="right">
<p class="title_right"><img src="http://img200.imageshack.us/img200/1930/arrowg2.gif" alt="" width="9" height="5" />
Some news</p>
<h3 class="right_titre"> <img src="https://img.webme.com/pic/p/poniex/titre2.jpg" alt="" width="12" height="9" />
About</h3>
<div id="info">
<h3> Minim veniam:</h3>
<p> consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut<br />
</p>
<h3> Archives:</h3>
<p><img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" /> last news
( juin 2007)<br />
<img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" /> last news
( juillet 2007)<br />
<img src="https://img.webme.com/pic/p/poniex/arrow_or.gif" alt="" width="9" height="5" /> last news
(aout 2007)<br />
</p>
</div>
<p > </p>
<h3 class="right_titre"> <img src="https://img.webme.com/pic/p/poniex/titre2.jpg" alt="" width="12" height="9" />
Minim veniam:</h3>
<p > </p>
<p class="right_texte" >"Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut<br />
<a href="http://www.free-css.com/">More Info...</a></p>
<p > </p>
<p class="right_texte" ><img src="https://img.webme.com/pic/p/poniex/feed.png" alt="feed" width="16" height="16" />
Rss </p>
<p class="small2" >"Lorem ipsum<a href="http://www.free-css.com/"> dolor sit
amet</a>, consectetur " <br />
quis nostrud exerci tation ullamcorper suscipit lobortis </p>
</div>

TASARIMIN ALTINA

CSS 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;}
/* city - an open source xhtml/css website layout by Studio-plume.org kty
(aug 6, 2008)
*/
body {
margin: 0 auto;
padding: 0;
font: 0.7em "trebuchet ms",arial,sans-serif;
background: #000}
#wrap {
background: #000 url(https://img.webme.com/pic/p/poniex/deg_wrap.jpg) repeat-x center bottom ;
color: #aaa9a9;
border:  none;
margin: 0 auto;
width: 920px;
border-left: 1px #000 solid;
border-right: 1px #000 solid;}
/* header  */
#header {
clear: both;
padding: 0;
height: 260px;background-image: url(https://img.webme.com/pic/p/poniex/920.jpg);
background-repeat: no-repeat;}
#header h3 {
width: 350px;
margin: 0px 0px 0px 25px;
float: left;
font-family: "trebuchet ms",arial,sans-serif;font-size: 0.9em;}
#header p {
width: 400px;
float: left;
text-align: left;
color: #fff;
margin: 70px 0px 0px 350px;
font-size: 0.9em;
line-height: 1.2em;height: 35px;background-color: inherit;}
/*  navigation  */
#nav {
font-size: 1.2em;font-weight: bold;margin-top: -42px;width: 600px;height: 25px;margin-left: 180px;}
#nav ul {
margin : 0;
padding : 0;
list-style : none;
text-align: center;font-variant: small-caps;
font-weight: bold;}
#nav li {
float : left;
font-family: "trebuchet ms",arial,sans-serif;
}
#nav a {
display : block;
padding :  10px;
color : #FFF;
text-decoration : none;width: 75px;background-color: inherit;color: #000;
padding: 0px 10px 0px 10px;}
#nav a:hover {
color : #8E8E6A;background-color: inherit;color: #fff;}
/* content  */
#content {
padding: 0 10px 0 10px;
line-height: 1.4em;
text-align: left;background-color: #161616;width: 470px;margin-top: 7px;float: left;background-image: url(https://img.webme.com/pic/p/poniex/ht_center2.jpg);background-repeat: no-repeat;background-position: center top;
margin-left: 15px;}
#content h2 {
font-size: 1.2em;
margin: 20px 0em 0em 0em;
font-family: "trebuchet ms",arial,sans-serif;
height: 21px;}
#content img {
padding: 0px;
display:inline;
padding-right: 3px;
margin-left: 8px;}
.left_articles {
margin: 15px 15px 0px 0em;
color: #fff;
padding: 15px 0px 10px;text-align: justify;background-color: inherit;}.comment {  padding: 0 0 0 12px;
line-height: 1.4em;}
.bigimage {
float: left;
clear: left;
margin: 8px;border: none;}
h3 {
font-size: 1.1em;
margin: 0em 0em 25px;
font-family: "trebuchet ms",arial,sans-serif;text-transform: uppercase;width: 196px;
color: #fff;}
a {
text-decoration: none;
color: #657536;background-color: inherit;}
a:hover {
text-decoration: underline;
color: #819545;background-color: inherit;}
/* left side  */
#left {
float: left;
margin: 12px 0em 20px 10px;
list-style: none;background-position: left top;background-color: #161616;background-image: url(https://img.webme.com/pic/p/poniex/ht_menu2.jpg);background-repeat: no-repeat;height: auto;
width: 185px;}
.text_left{margin: 35px 0em 10px;width: 175px;
color: #aaa9a9;line-height: 1.2em;padding-left: 2px;background-repeat: no-repeat;background-position: top center;background-color: #232325;border: 1px #2e2e2e dashed;}
.news {
margin: 35px 0em 10px 0px;width: 175px;
color: #fff;line-height: 1.2em;background-repeat: no-repeat;background-position: top center;background-color: #232325;border: 1px #2e2e2e dashed;}
/* right side  */
#right {
float: right;
width: 206px;
margin: 10px 0em;
padding: 0;
font-size: 1em;list-style: none;background-position: left top;background-color: #161616;background-image: url(https://img.webme.com/pic/p/poniex/ht_right2.jpg);background-repeat: no-repeat;}
.right_titre{
margin: 0em 0em 0em 30px;
text-align: center;width: 150px;}
.right_texte{
margin: 0em 0em 0em 5px;
text-align: left;width: 150px;
}
#info {
float: right;
width: 170px;
margin: 18px 15px 10px 5px;
padding: 3px;
line-height: 1.5em;
text-align: left;background-color: #667731;}
#info p {
margin: 0em 0em 0em 2px;
font-style: italic;
color: #fff;
background-color: #566529;
padding: 3px;}
#info h3 {
margin: 0em 0em 0em 5px;
text-align: center;width: 150px;
font-size: 0.9em;
font-style: italic;
color: #fff;}
/* footer part  */
#footer {
clear: both;
margin: auto 0em auto;
padding: 0;
width: 920px;
text-align: center;
color: #a5a5a5;
font-size: 0.9em;background: #000 url(https://img.webme.com/pic/p/poniex/bg_footer.jpg) no-repeat left center ;border: none;height: 36px;
}
#footer a {
color: #ccc;
text-decoration: none;background-color: inherit;}
#footer a:hover {
text-decoration: underline;
}
.text_footer {
font-size: 0.9em;
padding-top: 10px;}
/* others  */
.title_left {
font-size: 0.9em;
margin: 15px 0em 25px 10px;
font-family: "trebuchet ms",arial,sans-serif;text-transform: uppercase;color: #7e9144;padding-left: 30px;}
.title_right {
font-size: 0.8em;
margin: 24px 0em 25px 10px;
font-family: "trebuchet ms",arial,sans-serif;text-transform: uppercase;color: #7e9144;padding-left: 30px;}
.left {
margin: 0px 7px 0px;
float: left;
}
.right {
margin: 0px 7px 0px 5px;
float: right;
}
.small {
font-size: 0.85em;
padding-top: 10px;
color: #4f4f53;
text-align: center;}
.small2 {
font-size: 0.85em;
padding-top: 10px;
color: #aaa9a9;
text-align: left;}
.bold {
font-weight: bold;
}
.img {border: none;}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
</div>
</div>
</div>

<div id="sidebar">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li class="first"><a href="#">June 2007</a> <i>(2)</i></li>
<li><a href="#">May 2007</a> <i>(31)</i></li>
<li><a href="#">April 2007</a> <i>(30)</i></li>
<li><a href="#">March 2007</a> <i>(31)</i></li>
<li><a href="#">February 2007</a> <i>(28)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li class="first"><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
<li>
<h2>Blog Roll</h2>
<ul>
<li class="first"><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>

<div style="clear: both;"> </div>
</div>

<div id="footer">
<p id="legal">Copyright © 2007 Aquaria. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div>
Q

CSS 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;}
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
* {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img01.jpg) repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #7F7772;
}
h1, h2, h3 {
margin-bottom: 15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #333333;
}
h1 {
font-size: 197%;
}
h2 {
font-size: 152%;
}
h3 {
font-size: 100%;
font-weight: bold;
}
p, ul, ol {
margin-bottom: 15px;
line-height: 1.6em;
}
ul, ol {
margin-left: 2em;
}
blockquote {
margin-left: 1em;
padding-left: 1em;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img09.gif) repeat-y;
font-style: italic;
}
a:link {
color: #0AAAFD;
}
a:hover, a:active {
text-decoration: none;
color: #FF6700;
}
a:visited {
color: #7F7772;
}
img {
border: none;
}
img.left {
float: left;
margin: 0 20px 0 0;
}
img.right {
float: right;
margin: 0 0 0 20px;
}
/* Menu */
#menu {
width: 770px;
height: 105px;
margin: 0 auto;
margin-top: -27px;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: block;
float: left;
width: 122px;
height: 65px;
padding: 40px 0 0 0;
}
#menu a {
display: block;
width: 122px;
height: 32px;
padding: 13px 0 0 0;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img02.jpg) no-repeat;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
background-image: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img03.jpg);
}
#menu .active {
padding-top: 35px;
}
#menu .active a {
height: 37px;
padding-top: 16px;
background-image: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img04.jpg);
color: #327EBE;
}
#menu .active a:hover {
background-image: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img04.jpg);
}
/* Header */
#header {
width: 770px;
height: 160px;
margin: 0 auto;
}
/* Logo */
#logo {
float: left;
width: 250px;
height: 160px;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img05.jpg) no-repeat;
}
#logo h1, #logo h2 {
text-align: center;
}
#logo h1 {
padding-top: 90px;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img07.jpg) no-repeat center center;
letter-spacing: 8px;
font-size: 197%;
}
#logo h2 {
letter-spacing: 2px;
font-size: 85%;
}
#logo a {
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
}
/* Banner */
#banner {
float: right;
width: 520px;
height: 160px;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img06.jpg) no-repeat;
}
#banner a {
float: right;
padding: 120px 20px 0 0;
text-decoration: none;
text-align: right;
font-size: 136%;
font-style: italic;
color: #FFFFFF;
}
#page {
width: 760px;
margin: 0 auto;
padding: 20px 0 0 0;
}
#conntent {
float: right;
width: 510px;
}
.post {
margin-bottom: 20px;
}
.post .title {
padding: 0 20px;
}
.post .story {
padding: 0 20px;
}
.post .meta {
padding: 5px 20px;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img09.gif) repeat-x;
}
.post .meta p {
margin: 0;
font-size: 77%;
}
.boxed .title {
height: 32px;
margin: 0;
padding: 8px 0 0 20px;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img08.jpg) no-repeat;
letter-spacing: -1px;
color: #FF3300;
}
.boxed .story {
padding: 20px;
border: 1px solid #FF8D17;
}
.boxed .meta {
padding: 5px 10px;
background: #FF8D17;
color: #FFFFFF;
}
.boxed .meta a {
color: #FFFFFF;
}
/* Sidebar */
#sidebar {
float: left;
width: 240px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
margin-bottom: 15px;
}
#sidebar li ul {
padding: 10px;
border: 1px solid #0AAAFD;
border-top: none;
}
#sidebar li li {
margin: 0;
padding: 3px 0;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img09.gif) repeat-x;
}
#sidebar li li.first {
background: none;
}
#sidebar li h2 {
height: 30px;
margin: 0;
padding: 10px 0 0 15px;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img10.jpg) no-repeat;
letter-spacing: -1px;
color: #327EBE;
}
#sidebar a:link {
text-decoration: none;
}
#sidebar a:hover {
text-decoration: underline;
}
#sidebar li a {
padding-left: 10px;
background: url(http://www.freecsstemplates.org/templates/previews/aquaria/images/img11.gif) no-repeat left center;
}
/* Footer */
#footer {
clear: both;
height: 100px;
padding: 15px 0;
background: #D1D1D1;
border-top: 5px solid #999999;
text-align: center;
}
#footer p {
margin: 0;
color: #999999;
}
#footer a {
color: #999999;
}
#footer a:hover {
color: #FFFFFF;
}

TASARIMIN ÜSTÜNE

<belin-team.tr.gg><!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" lang="en" xml:lang="en">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://site.mynet.com/cetin_kamer/scrolltopcontrol.js">
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
</script> </belin-team.tr.gg><div id="head" class="clearfloat">
<div class="clearfloat">
<div id="logo" class="left">
</div>
<div class="right">
</div>
</div>
<div id="navbar" class="clearfloat">
<ul id="page-bar" class="left clearfloat">
<li><a href="http://belin-team.tr.gg">Ana Sayfa</a>  <ul class="children">
<li class=""><a href="http://belin-team.tr.gg/iletisim.htm">İletişim</a></li>
<li class=""><a href="http://belin-team.tr.gg/ziyaretci-defteri.htm">Ziyaretçi Defteri</a></li>
<li class=""><a href="http://belin-team.tr.gg/toplist.htm">Toplist</a></li>
<li class=""><a href="http://belin-team.tr.gg/Forum/index.htm">Forum</a></li>
<li class=""><a href="http://belin-team.tr.gg/uyeler.htm">Üye Listesi</a></li>
</ul>
</li>
<li><a href="http://belin-team.tr.gg/turkiye.htm">Türkiye</a>  <ul class="children">
<li class=""><a href="http://belin-team.tr.gg/turkiye-1.htm">Türkiye Adının Kökeni</a></li>
<li class=""><a href="http://belin-team.tr.gg/turkiye-2.htm">Yönetim Biçimi</a></li>
<li class=""><a href="http://belin-team.tr.gg/turkiye-3.htm">Türkiye Tarihi</a></li>
</ul>
</li>
<li><a href="http://belin-team.tr.gg/ataturk.htm">Atatürk</a>
<ul class="children">
<li class=""><a href="http://belin-team.tr.gg/dogum-tarihi.htm">Doğum Tarihi</a></li>
<li class=""><a href="http://belin-team.tr.gg/nufus-cuzdani.htm">Nufüs Cüzdanı</a></li>
<li class=""><a href="http://belin-team.tr.gg/genclik-yillari.htm">Gençlik Yılları</a></li>
<li class=""><a href="http://belin-team.tr.gg/genclige-hitabe.htm">Gençliğe Hitabesi</a></li><li class=""><a href="http://belin-team.tr.gg/son-gunleri.htm">Son Günleri ve Ölümü</a></li>
</ul>
</li>
<li><a href="tekno-bilgi.htm">Tekno Bilgi</a>
<ul class="children">
<li class=""><a href="http://belin-team.tr.gg/tekno-bilgi.htm">Tekno Bilgi / Haber</a></li>
<li class=""><a href="http://belin-team.tr.gg/bilgisayar.htm">Bilgisayar</a></li>
<li class=""><a href="http://belin-team.tr.gg/internet.htm">Internet</a></li>
<li class=""><a href="http://belin-team.tr.gg/isletim.htm">İşletim Sistemleri</a></li><li class=""><a href="http://belin-team.tr.gg/photoshop.htm">Photoshop</a></li>
<li class=""><a href="http://belin-team.tr.gg/office.htm">Microsoft Office</a></li>
</ul>
</li>
<li><a href="http://belin-team.tr.gg/web-dersleri.htm">Site Araçları</a><ul class="children">
<li class=""><a href="http://belin-team.tr.gg/web-dersleri.htm">Web Dersleri</a></li>
<li class=""><a href="http://belin-team.tr.gg/hit-arttirma-yollari.htm">Hit Arttırma Yolları</a></li>
<li class="cat-item"><a href="http://belin-team.tr.gg/freecss.htm">Css Tasarımlar</a></li>
<li class="cat-item"><a href="http://belin-team.tr.gg/webmaster.htm">Webmaster Araçları</a></li>
</ul>
</li>
<li><a href="msn.htm">Messenger</a>
<ul class="children">
<li class=""><a href="http://belin-team.tr.gg/msn-ifadeleri.htm">Msn İfadeleri</a></li>
<li class=""><a href="http://belin-team.tr.gg/msn-spaces.htm">Spaces Oluşturma</a></li>
<li class=""><a href="http://belin-team.tr.gg/msn-plus.htm">Msn Plus</a></li>
<li class=""><a href="http://belin-team.tr.gg/msn-format.htm">Msn'ye Format Atmak</a></li>
<li class=""><a href="http://belin-team.tr.gg/msn-hata.htm">Hata Kodları ve Çözümleri</a></li>
</ul>
</li>
<li><a href="#">Eğlence</a>
<ul class="children">
<li class=""><a href="http://belin-team.tr.gg/oyunlar.htm">Oyunlar</a></li>
<li class=""><a href="http://belin-team.tr.gg/flash-animasyonlar.htm">Flash Animasyonlar</a></li>
<li class=""><a href="http://belin-team.tr.gg/komik-yazilar.htm">Komik Yazılar</a></li>
<li class=""><a href="http://belin-team.tr.gg/komik-resimler.htm">Komik Resimler</a></li>
<li class=""><a href="http://belin-team.tr.gg/bilmece-bulmaca.htm">Bilmece-Bulmaca</a></li>
<li class=""><a href="http://belin-team.tr.gg/guzel-sozler.htm">Güzel Sözler</a></li>
<li class=""><a href="http://belin-team.tr.gg/astronomi.htm">Burçlar ve Özellikleri</a></li>
</ul>
</li>
<li><a href="islam.htm">Islam</a><ul class="children">
<li class=""><a href="http://belin-team.tr.gg/islam-1.htm">32 Farz</a></li>
<li class=""><a href="http://belin-team.tr.gg/islam-2.htm">Mekke</a></li>
<li class=""><a href="http://belin-team.tr.gg/islam-3.htm">Namaz ve Sağlık</a></li>
<li class=""><a href="http://belin-team.tr.gg/islam-5.htm">Peygamberimizin Hayatı</a></li>
</ul></li>
<li><a href="http://belin-team.tr.gg/saglik.htm">Sağlık</a><ul class="children">
<li class=""><a href="http://belin-team.tr.gg/domuz-gribi.htm">Domuz Gribi</a></li>
<li class=""><a href="http://belin-team.tr.gg/saglik-4.htm">Kurbanda Beslenme</a></li>
<li class=""><a href="http://belin-team.tr.gg/saglik-2.htm">Ağız Kokusu</a></li>
<li class=""><a href="http://belin-team.tr.gg/sifali-bitkiler.htm">Şifalı Bitkiler</a></li>
</ul></li>
<li><a href="http://belin-team.tr.gg/video.htm">Video</a><ul class="children">
<li class=""><a href="http://belin-team.tr.gg/video-komik.htm">Komik Videolar</a></li>
<li class=""><a href="http://belin-team.tr.gg/video-spor.htm">Spor Videoları</a></li><li class=""><a href="http://belin-team.tr.gg/video-sinema.htm">Sinema Videoları</a></li><li class=""><a href="http://belin-team.tr.gg/video-televizyon.htm">Televizyon Videoları</a></li><li class=""><a href="http://belin-team.tr.gg/video-oyun.htm">Oyun Videoları</a></li>
</ul></li>
</ul>
</div>
</div>
<div id="page" class="clearfloat">
<strong><span style="font-family: Arial;"> <script type="text/javascript">
function text() {
};
text = new text();
number = 0;
text[number++] = "<a href='http://belin-team.tr.gg/tekno-bilgi.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Tekno Haber</a> - İnternet Dünyasından En Yeni Haberler ve Bilgiler."
text[number++] = "<a href='http://belin-team.tr.gg/siten-icin.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Web Dersleri</a> -  Siten için gerekli dersler"
text[number++] = "<a href='http://belin-team.tr.gg/bilgisayar.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Bilgisayar</a> - Bilgisayar hakkında merak ettikleriniz..."
text[number++] = "<a href='http://belin-team.tr.gg/oyunlar.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Oyunlar</a> - Bu Oyunların Hastası Olabilirsiniz."
text[number++] = "<a href='http://belin-team.tr.gg/astronomi.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Astronomi</a> - Burcunuzun Özellikleri,Yükseleniniz,Cinsiyetiniz."
text[number++] = "<a href='http://belin-team.tr.gg/msn.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Msn</a> - Msn Nickleri,Hataları ve Çözümleri,Programları..."
text[number++] = "<a href='http://belin-team.tr.gg/freecss.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Free CSS</a> - Sitenizin Görünüşünü Değiştirecek CSS Tasarımlar Burada."
text[number++] = "<a href='http://belin-team.tr.gg/html-kodlari.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Html Kodlar</a> - Webmasterler İçin Sitenizin İçeriğini Değiştirecek Kod Arşivi."
text[number++] = "<a href='http://belin-team.tr.gg/toplist.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Toplist</a> - Sitenizin Ziyaretçi Sayının Arttığını Görünce Şaşıracaksınız. Hemen Siteni Ekle."
text[number++] = "<a href='http://belin-team.tr.gg/msn-ifadeleri.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Msn İfadeleri</a> - Birbirinden Güzel MSN İfadeleri Burada."
text[number++] = "<a href='http://belin-team.tr.gg/msn-format.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Msn Format</a> - Msn'ye Format Atılır mı? Tıkla Öğren."
text[number++] = "<a href='http://belin-team.tr.gg/photoshop-6.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Photoshop</a> - Photoshop Dersleri İçin 38 Harika Web Sitesi"
text[number++] = "<a href='http://belin-team.tr.gg/fikra-1.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Fıkra</a> - Boğuluyodum (+18)"
text[number++] = "<a href='http://belin-team.tr.gg/ziyaretci-defteri.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Ziyaretçi Defteri</a> - Yorumlarınız bizim için değerlidir."
text[number++] = "<a href='http://belin-team.tr.gg/windows-7.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Windows 7</a> - Son işletim sistemini tanıyın."
text[number++] = "<a href='http://belin-team.tr.gg/ucretsiz-3.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Bedava Domain</a> - Ücretsiz yönlendirme hizmeti veren siteler."
text[number++] = "<a href='http://belin-team.tr.gg/kahve-fali.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Kahve Falı</a> - Kahve falı nasıl bakılır?"
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1-Windows-7-h-yi-Tek-T%FDkla-%DDndirin-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Forum'dan</a> - Windows 7'yi Tek Tıkla İndirin"
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1-Windows-7-h-yi-Tek-T%FDkla-%DDndirin-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Forum'dan</a> - Windows 7'yi Tek Tıkla İndirin"
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1-Windows-7-h-yi-Tek-T%FDkla-%DDndirin-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Forum'dan</a> - Windows 7'yi Tek Tıkla İndirin"
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1-En-h%FDzl%FD-taray%FDc%FD-d--Safari-4-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Forum'dan</a> - En hızlı tarayıcı: Safari 4 Ücretsiz İndirin"
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1-En-h%FDzl%FD-taray%FDc%FD-d--Safari-4-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Forum'dan</a> - En hızlı tarayıcı: Safari 4 Ücretsiz İndirin"
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1-Youtube-Jacker-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Youtube Jacker</a> - YouTube'a giremiyormusun? O zaman bu program işine yarayabilir."
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1-Youtube-Jacker-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Forum - Youtube Jacker</a> - YouTube'a giremiyormusun? O zaman bu program işine yarayabilir."
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1--Ue-cretsiz-g.ue.venlik-yaz%FDl%FDmlar%FD.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Ücretsiz güvenlik yazılımları</a> - Bilgisayarınızın güvenliği için güvenlik arşivi."
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1--Ue-cretsiz-g.ue.venlik-yaz%FDl%FDmlar%FD.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Forum - Ücretsiz güvenlik yazılımları</a> - Bilgisayarınızın güvenliği için güvenlik arşivi."
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1--%DEifreli-bilgisayara-%DEifresiz-Gir-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Şifreli bilgisayara Şifresiz Gir</a> - Bilgisayarının şifresini unuttuğunuz zaman bilgisayara girme yöntemi."
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1--%DEifreli-bilgisayara-%DEifresiz-Gir-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Şifreli bilgisayara Şifresiz Gir</a> - Bilgisayarının şifresini unuttuğunuz zaman bilgisayara girme yöntemi."
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1-G.ue.venlik-Ar%FEivi.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'> Güvenlik Arşivi</a> - Güvenlik Yazılımları,AntiVirüs Programları."
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1-G.ue.venlik-Ar%FEivi.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'> Forum - Güvenlik Arşivi</a> - Güvenlik Yazılımları,AntiVirüs Programları."
text[number++] = "<a href='http://belin-team.tr.gg/Forum/cat-1-Bedava-Programlar--s---Ue-cretsiz-Yaz%26%23305;l%26%23305;mlar-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'> Forum - Bedava Programlar / Ücretsiz Yazılımlar</a> - Ücretsiz indirebileceğiniz program arşivimiz"
text[number++] = "<a href='http://belin-team.tr.gg/Forum/cat-1-Bedava-Programlar--s---Ue-cretsiz-Yaz%26%23305;l%26%23305;mlar-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'> Forum - Bedava Programlar / Ücretsiz Yazılımlar</a> - Ücretsiz indirebileceğiniz program arşivimiz"
text[number++] = "<a href='http://belin-team.tr.gg/Forum/thema-1-Xp-%DD%E7in-Gerekli-Bir-Ka%E7-Program-.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Forum - Xp İçin Gerekli Bir Kaç Program</a> - XP Kullananlar için program arşivimiz"
text[number++] = "<a href='http://belin-team.tr.gg/Forum/index.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Belin-Team | Forum</a> - BT-Forum "
text[number++] = "<a href='http://belin-team.tr.gg/Forum/index.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Belin-Team | Forum</a> - BT-Forum "
text[number++] = "<a href='http://belin-team.tr.gg/Forum/index.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Belin-Team | Forum</a> - BT-Forum "
text[number++] = "<a href='http://belin-team.tr.gg/Forum/index.htm' title='' target='_self' style='text-decoration:none; color:#2020ff ;'>Belin-Team | Forum</a> - BT-Forum "
increment = Math.floor(Math.random() * number);
document.write(text[increment]);
</script> </span></strong>
<br></br>
<br></br>
<hr />

TASARIMIN ALTINA

<div id="middle" class="clearfloat">
<div id="cat-1" class="category"> <span class="cat_title"><a href="http://belin-team.tr.gg/ziyaretci-defteri.htm">Ziyaretçi Defteri</a></span>
<p><a href="http://belin-team.tr.gg/ziyaretci-defteri.htm">Yorumlarınız bizim için değerlidir. Sende site hakkındaki görüşlerini yazabilirsin</a></p>
</div>
<div id="cat-2" class="category"> <span class="cat_title"><a href="http://belin-team.tr.gg/toplist.htm">Toplist</a></span>
<p><a href="http://belin-team.tr.gg/toplist.htm">tr.gg'nin en hitli toplistlerinden birisi burada.Durma sende siteni ekle.</a></p>
</div>
<div id="cat-3" class="category"> <span class="cat_title"><a href="http://belin-team.tr.gg/tekno-bilgi.htm">Tekno Bilgi / Haber</a></span>
<p><a href="http://belin-team.tr.gg/tekno-bilgi.htm">Teknolojik bilgiler ve haberler , Teknolojinin kalbi burada atıyor. </a></p>
</div>
<div id="cat-4" class="category"> <span class="cat_title"><a href="http://belin-team.tr.gg/html-kodlari.htm">Html Kodları</a></span>
<p><a href="http://belin-team.tr.gg/html-kodlari.htm">Webmasterler için sitenizin içeriğini ve görünüşünü değiştirecek kod arşivi.</a></p>
</div>
<div id="cat-5" class="category"> <span class="cat_title"><a href="http://belin-team.tr.gg/freecss.htm">Css Tasarımlar</a></span>
<p><a href="http://belin-team.tr.gg/freecss.htm">Bedava-sitem şablonlarından sıkıldınız mı? Bu tasarımlar tam size göre...</a></p>
</div>
</div>
</div>
</div>
</div>
<div id="front-popular" class="clearfloat">
<div id="recentpost" class="clearfloat">
<h3>link reklam </h3>
<ul>
<li><a href="http://belin-team.tr.gg/Forum/anmelden.htm">Siteni Ekle</li> <li><a href="http://belin-team.tr.gg/Forum/anmelden.htm">Siteni Ekle</li> <li><a href="http://belin-team.tr.gg/Forum/anmelden.htm">Siteni Ekle</li><li><a href="http://belin-team.tr.gg/Forum/anmelden.htm">Siteni Ekle</a></li> <li><a href="http://belin-team.tr.gg/Forum/anmelden.htm">Siteni Ekle</a></li>
</ul>
</div>
<div id="mostcommented" class="clearfloat">
<h3>sitemizden linkler</h3>
<ul>
<li><a href="http://belin-team.tr.gg/hit-arttirma-yollari.htm">Hit Arttırma Yolları</a></li>
<li><a href="http://belin-team.tr.gg/domuz-gribi.htm">Domuz Gribi</a></li>
<li><a href="http://belin-team.tr.gg/ataturk.htm">Mustafa Kemal Atatürk</a></li>
<li><a href="http://belin-team.tr.gg/web-dersleri.htm">Web Dersleri</a></li>
<li><a href="http://belin-team.tr.gg/msn-hata.htm">Msn hata kodları ve çözümleri</a></li>
</ul>
</div>
<div id="recent_comments" class="clearfloat">
<h3>Popüler Konular</h3>
<ul>
<li><a href="http://belin-team.tr.gg/tekno-33.htm">Google'da Değişim Rüzgarı Devam Ediyor</a></li>  <li><a href="http://belin-team.tr.gg/tekno-32.htm">Haftanın web siteleri..</a></li> <li><a href="http://belin-team.tr.gg/tekno-21.htm">Windows 7 Vista'ya Fark Attı!</a></li> <li><a href="http://www.belin-team.tr.gg/tekno-1.htm">Çalınan MSN, nasıl geri alınır?</a></li> <li><a href="http://belin-team.tr.gg/photoshop-6.htm">Photoshop dersleri için 38 harika web sitesi</a></li>
</ul>
</div>
</div>
<div id="footer">                                                                                                                                                                                    </div>
<br></br>
</div>
<div class="nav">
<div class="alignleft"></div>
<div class="alignright"></div>
</div>
</div>
<div class="footer">
<script type="text/javascript">
jQuery(function() {
jQuery.post("index.php",{ak_action:"api_record_view", ids: AKPC_IDS, type:"home"}, false, "json");
});
</script>
<div style="text-align: center; ">Copyright © 2009-2010 ™ Tüm hakları saklıdır.                                                                                                                                                                Powered by <strong>Belin-Team</strong> v1.3.</div>
</span></font>
</div>
</body>

CSS BÖLÜMÜ

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;}
table {margin-left: auto;margin-right: auto}
/*
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;}
table {margin-left: auto;margin-right: auto}
/*
Theme Name: Arthemia
Theme URI: http://www.michaeljubel.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: <a href="http://www.michaeljubel.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0
Author: Michael Jubel
Author URI: http://www.michaeljubel.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* HTML Elements */
* {
margin:0;
padding:0;
}
body {
font: 100% Arial, Helvetica;
background: #FFF;
color: #333;
}
p {
margin: 15px 0;
}
a:link, a:visited {
color: #3c57a7;
text-decoration:none
}
a:hover, a:active {
color: #3c57a7;
text-decoration:underline;
}
a img {
border:0;
}
code {
font: 1.0em 'Courier New', Courier, Fixed;
background:#ececec;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
padding: 10px 10px 0 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #eee;
font:1.0em Arial;
line-height:1.5em;
margin:10px 0px;
}
select {
width: 130px;
}
/* Structure */
#head {
width:960px;
margin:0px auto;
margin-top:15px;
padding:0px;
font-size:0.7em;
}
#page {
width:940px;
margin:0px auto;
padding:10px;
background:#ececec;
font-size:0.7em;
}
.left {
float:left;
}
.right {
float:right;
}
/* Navigation Bar*/
#navbar {
margin:0 auto;
margin-top:15px;
padding:0px 10px;
text-transform:uppercase;
background:#2c2c2c url(https://img.webme.com/pic/b/byalpers/navbar.png);
}
#page-bar {
width:900px;
}
#page-bar ul {
list-style: none;
}
#page-bar li {
float:left;
list-style:none;
cursor: pointer;
display:block;
border-right:1px solid #333;
}
#page-bar li:hover {
background: #3c57a7;
}
#page-bar a, #page-bar a:visited {
margin: 0px;
padding:10px 16px;
font-weight:bold;
color:#FFF;
display:block;
}
#page-bar a:hover {
text-decoration:none;
display:block;
}
/* Dropdown Menus */
#page-bar li {
float: left;
margin: 0px;
padding: 0px;
}
#page-bar li li {
float: left;
margin: 0px;
padding: 0px;
width: 160px;
text-transform:none;
}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
background: #2B2B2B;
width: 160px;
float: none;
margin: 0px;
padding: 5px 10px 5px 18px;
border-top: 1px solid #C0C0C0;
}
#page-bar li li a:hover, #page-bar li li a:active {
background: #666666;
padding: 5px 10px 5px 18px;
}
#page-bar li ul {
position: absolute;
width: 10em;
left: -999em;
}
#page-bar li:hover ul {
left: auto;
display: block;
}
#page-bar li:hover ul, #page-bar li.sfhover ul {
left: auto;
}
/* Text*/
h1 {
font:3.5em Arial;
font-weight:bold;
letter-spacing:-0.08em;
}
h2 {
font:2.3em Georgia, "Times New Roman";
}
h3 {
font:1.3em Arial;
margin-bottom:3px;
color:#3c57a7;
font-weight:bold;
}
h4 {
font:1.0em Arial;
}
h3.cat_title, h3.cat_title a {
color:#333;
letter-spacing:-0.05em;
}
h3#respond {
margin-top:0px;
padding-top:20px;
}
h3#comments {
margin-top:32px;
padding-left:0px;
}
h3.authors {
margin-top:15px;
}
/* Index Page*/
#logo {
width:350px;
}
#tagline {
margin-top:5px;
font-size:1em;
color:#333;
}
#top {
padding:0;
}
#headline {
width:590px;
float:left;
background:#fff;
padding:10px;
font-size:1.05em;
line-height:1.5em;
margin:0;
}
#headline  div.title {
font-weight:bold;
font:2.4em Georgia;
letter-spacing:-0.05em;
display:block;
padding-bottom:5px;
}
#headline div.meta {
display:block;
padding-bottom:2px;
}
#headline p {
padding-bottom:15px;
}
#featured {
width:300px;
background:#fff;
float:right;
padding:10px 10px 6px 10px;
}
#featured .clearfloat {
margin-top:7px;
margin-bottom:9px;
}
#featured .info {
margin-top:5px;
padding-top:5px;
float:right;
width:185px;
}
#featured .title {
font-weight:bold;
}
#featured .divider {
margin-left:85px;
}
#headline a img, #featured a img {
border:1px solid #bbb;
margin-top:5px;
margin-right:10px;
}
#middle {
width: 920px;
background:#fff;
float:right;
padding:10px;
margin:10px 0;
}
.category {
width:164px;
float:left;
border-top:8px solid #333;
margin:0px;
padding:5px 10px 10px 10px;
background:#fff;
}
.category p {
margin:0;
}
#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}
#cat-2, #cat-4 {border-top:8px solid #3c57a7;}
.category span.cat_title, #front-popular h3, #front-list .cat_title {
text-transform:lowercase;
margin:0;
font-weight:bold;
font-size:1.5em;
letter-spacing:-0.05em;
}
#front-popular h3 {
color:#fff;
}
.category a {
color:#333;
display:block;
background:none;
}
.category a:hover {
background:none;
color:#fff;
text-decoration:none;
}
#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#3c57a7; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#3c57a7; color:#fff; }
#bottom {
width: 940px;
}
#front-list blockquote {
padding: 0px 10px 0 10px;
}
#front-list .title {
font-weight:bold;
font:2.0em Georgia;
letter-spacing:-0.05em;
}
#front-list .divider {
margin-left:216px;
margin-top:15px;
margin-bottom:15px;
}
.author {
font-size:0.8em;
font-weight:bold;
}
.meta {
margin-top:-5px;
font-size:0.8em;
color:#333;
}
.meta a {
color:#333;
}
#headline p, #featured p {
margin:0;
}
/* Content Page*/
#content {
width:930px;
background:#fff;
padding:10px;
font-size:1.05em;
line-height:1.75em;
float:left;
min-height:400px;
}
.post {
font-size:1.05em;
line-height:1.75em;
}
.post p {
margin-top:0px;
}
#content h2.title {
font-weight:bold;
font:2.2em Georgia;
letter-spacing:-0.05em;
border-bottom:1px solid #eae9e4;
border-top:3px solid #eae9e4;
margin-bottom:15px;
padding:5px 0px;
}
#content .title {
font:1.5em Georgia;
}
.post ul li {
list-style:square;
margin-left:30px;
}
.post ol li {
list-style:decimal;
margin-left:30px;
}
.post ol li ul li {
list-style:square;
margin-left:20px;
}
.post img, .post a img, #front-list img {
border:0px;
margin:0 10px 5px 0;
}
.post .ads {
margin-top:10px;
}
#stats {
margin-top:-10px;
margin-bottom:10px;
padding:4px;
text-transform:uppercase;
font:0.8em Arial;
display:block;
}
#stats span {
border-right:1px dotted #333;
padding: 0px 5px 0px 5px;
}
#stats span a:hover {
background:none;
}
#stats span a {
color:#333;
}
#stats img, #nav img {
border:0px;
margin:0px;
}
#tools {
width:590px;
height:25px;
font-size:0.95em;
}
#tools a:hover {
background:none;
}
/* Form Elements */
select {
border:1px solid #333;
width:100%
}
.button {
padding: 1px;
border:1px solid #333;
background:#fff;
font-size:1.0em;
}
.field {
padding: 2px;
border:1px solid #333;
background:#fff;
font-size:1.0em;
}
#commentform input {
width: 140px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 99%;
margin-top:5px;
}
/* Comments*/
.commentlist cite {
font-style:normal;
margin-bottom:4px;
display:block
}
.commentlist blockquote {
background:#ededed;
}
.commentlist li {
color:#4d4d4d;
padding: 10px 14px 10px 14px;
background:#f2f2f2;
border-bottom: 1px solid #dcdbd7;
list-style:none;
margin-bottom:3px;
}
.commentlist li li {
background:none;
border:none;
list-style:square;
margin:3px 0 3px 20px;
padding:3px 0;
}
.commenttext {
width:502px;
float:right
}
.commentlist cite strong {
font-size:1.1em;
}
li.my_comment {
background: #FFF;
border:none
}
li.my_comment cite strong {
font-size: 1.3em;
color:#313228;
}
#commentform small {
background:#FFF;
font-weight:bold;
padding:0;
}
.commentmetadata {
color:#4d4d4d;
display: block;
margin-top:3px;
text-align:right
}
.commentmetadata a, .commentmetadata a:visited {
color:#959382;
}
.commentlist small {
background:#e9e9e9
}
.avatar {
border:1px solid #56562c;
margin:15px 8px 6px 0;
float:left;
padding:1px;
width:45px;
height:45px;
}
#comment {
width:590px;
background:#fff;
}
/* Footer*/
#front-popular {
font-size:0.7em;
color:#fff;
width: 940px;
background:#2c2c2c url(https://img.webme.com/pic/b/byalpers/bottombar.png) bottom no-repeat;
margin: 0 auto;
padding:10px;
}
#recentpost, #mostcommented {
width:280px;
float:left;
padding:10px;
border:1px solid #fff;
}
#mostcommented {
margin-left:17px;
}
#recent_comments {
width:280px;
float:right;
padding:10px;
border:1px solid #fff;
}
#recentpost a, #mostcommented a, #recent_comments a {
color:#fff;
}
#recentpost ul, #mostcommented ul, #recent_comments ul {
margin-top:5px;
}
#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
list-style:none;
border-top:1px dotted #fff;
padding:5px;
display:block;
}
#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
background:#3c57a7;
color:#fff;
}
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
border-top:0px dotted #fff;
}
#footer {
margin: 0 auto;
width: 960px;
font-size:0.6em;
padding-top:10px;
padding-bottom:10px;
}
/* Float Properties*/
.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hides from IE-mac */
* html .clearfloat {
height:1%;
}
*+html .clearfloat {
height:1%;
}
.clearfloat {
display:block;
}
/* Sidebar*/
#sidebar {
width:320px;
float:right;
margin:0px 0px 0px 0px;
}
#sidebar h3 {
font:1.1em Arial;
font-weight:bold;
background:#333;
color:#fff;
margin:10px 0px 5px 0px;
padding:3px 10px;
}
#sidebar-top, #sidebar-bottom {
width:300px;
float:right;
padding:0px 10px 10px 10px;
background:#fff;
}
#sidebar-bottom, #sidebar-middle {
margin-top:10px;
}
#sidebar-middle {
width:320px;
float:right;
}
#sidebar-left {
width:135px;
padding:0px 10px 10px 10px;
float:left;
background:#fff;
}
#sidebar-right {
width:135px;
padding:0px 10px 10px 10px;
float:right;
background:#fff;
}
#sidebar li {
list-style:none;
border-bottom:1px dotted #bbb;
display:block;
padding:2px 0px 2px 13px;
background:url(images/sub.png) no-repeat 0 0px;
}
#sidebar-ads {
width:300px;
float:right;
margin-bottom:10px;
padding:10px;
background:#fff;
}
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-align: left;