-

baytasarimci

css tasarımlar


 

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: 56  /  Klik: 147  /  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}







Tasarımın Üzerindeki Yazı :


<script src="http://testrun.wptr.net/wp-content/themes/IBlues/scripts/jquery-1.2.2.pack.js" type="text/javascript"></script>
<script src="http://testrun.wptr.net/wp-content/themes/IBlues/scripts/featuredcontentglider.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://testrun.wptr.net/wp-content/themes/IBlues/featuredcontentglider.css" />
<div id="rap">
<div id="top">
<div id="topleft">
<ul id="menu">
<li class="current_page_item"><a href="#">Anasayfa</a></li>
<li class="page_item page-item-2"><a href="#">Hakkında</a></li>
<li class="page_item page-item-2"><a href="#">İletişim</a></li>
<li class="page_item page-item-2"><a href="#">Z. Defteri</a></li>
<li class="page_item page-item-2"><a href="#">Top-List</a></li>
</ul>
</div>
<div id="topright">
<form class="searchform" method="get" action="http://testrun.wptr.net/">
<fieldset>
<label>Arama Yap</label>
<input value="" name="s" class="searchinput" type="text">
<input value="" class="searchbutton" type="submit">
</fieldset>
</form>
</div>
</div>
<div id="header">
<div class="header-title"><a href="http://css-sablon.tr.gg/">CSS-SABLON / Hosting</a></div>
<div class="header-description">Profesyonel Webmaster Servisi</div>
</div>
<!-- begin cat navigation -->
<div id="category">
<div id="categoryx">
<ul id="dcategory">
<li class="cat-item cat-item-1"><a href="#">Yeni Müzikler </a>
</li>
<li class="cat-item cat-item-3"><a href="#">Yeni Kitaplar</a>
</li>
</ul>
</div>
<div id="categoryy"></div>
<div class="clear"></div>
</div>
<!-- end -->
<!-- begin sidebar -->
<div id="menu-right">
<h5>Reklamlar / Sponsorlar</h5>
<!-- Main Ad Body Starts -->
<div id="adcontainer">
<div id="adboxes">
<ul>
<li><a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/" target="_blank"><img src="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" _fcksavedurl="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" alt="Css-Sablon" width="125" border="0" height="125"></a></li>
<li><a href="#" target="_blank"><img src="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" _fcksavedurl="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" alt="Advertise Here" width="125" border="0" height="125"></a></li>
<li><a href="#" target="_blank"><img src="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" _fcksavedurl="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" alt="Advertise Here" width="125" border="0" height="125"></a></li>
<li><a href="#" target="_blank"><img src="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" _fcksavedurl="http://testrun.wptr.net/wp-content/themes/IBlues/images/125x125.gif" alt="Advertise Here" width="125" border="0" height="125"></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!--Main Ad Body End-->
<h5 class="coltitle">Son Yazılar</h5>
<ul>    <li><a href="#">Hüzünlü Bir Hikaye</a></li>
<li><a href="#">Aşk Öyküsü</a></li>
<li><a href="#">Merhaba dünya!</a></li>
</ul>
<ul><li id="search">
</li></ul>
<h5>Arşiv</h5>
<ul>
<li id="archives">
<ul>
<li><a href="#" >Nisan 2009</a></li>
<li><a href="#" >Mayıs 2009</a></li>
<li><a href="#" >Haziran 2009</a></li>
<li><a href="#" >Temmuz 2009</a></li>
<li><a href="#" >Ağustos 2009</a></li>
</ul>
</li>
</ul>
<ul>
<li id="link"><h5>Bağlantılar</h5>
<ul>
<li><a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"> Css-Sablon </a></li>
<li><a href="#" _fcksavedurl="#"> Eklenecek ... </a></li>
<li><a href="#" _fcksavedurl="#"> Eklenecek ... </a></li>
<li><a href="#" _fcksavedurl="#"> Eklenecek ... </a></li>
<li><a href="#" _fcksavedurl="#"> Eklenecek ... </a></li>
<li><a href="#" _fcksavedurl="#"> Eklenecek ... </a></li>
</ul>
</li>
</ul>
<ul>
<li id="meta"><h5>Meta</h5>
<ul>
<li><a href="#" _fcksavedurl="#" title="Css-Sablon"><FCK:abbr title="Css-Sablon">Eklenecektir ...</FCK:abbr></a></li>
<li><a href="#" _fcksavedurl="#" title="Css-Sablon"><FCK:abbr title="Css-Sablon">Eklenecektir ...</FCK:abbr></a></li>
<li><a href="#" _fcksavedurl="#" title="Css-Sablon"><FCK:abbr title="Css-Sablon">Eklenecektir ...</FCK:abbr></a></li>
<li><a href="#" _fcksavedurl="#" title="Css-Sablon"><FCK:abbr title="Css-Sablon">Eklenecektir ...</FCK:abbr></a></li>
<li><a href="#" _fcksavedurl="#" title="Css-Sablon"><FCK:abbr title="Css-Sablon">Eklenecektir ...</FCK:abbr></a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
<div id="pagecontent">
<!-- end header -->
<script type="text/javascript">

featuredcontentglider.init({
    gliderid: "canadaprovinces", //ID of main glider container
    contentclass: "glidecontent", //Shared CSS class name of each glider content
    togglerid: "p-select", //ID of toggler container
    remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
    selected: 0, //Default selected content index (0=1st)
    persiststate: false, //Remember last content shown within browser session (true/false)?
    speed: 500, //Glide animation duration (in milliseconds)
    direction: "leftright", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
    autorotate: true, //Auto rotate contents (true/false)?
    autorotateconfig: [3000, 5] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})

</script>
<h3> Css-Sablon / Hosting Tasarımı </h3>
<div id="canadaprovinces" class="glidecontentwrapper">
<div style="left: 0px; height: 230px; visibility: visible; z-index: 115;" class="glidecontent">
<p><a href="css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img src="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" _fcksavedurl="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" alt="Css-Sablon" style="padding: 5px; float: left;" border="0"></a>
Arkadaşlar Bu Tasarım "CSS-SABLON" 01.09.2009 Tasarımlarındandır ... Bu Kısma Sitenizle İlgili Duyuruları Yazabilirsiniz ...</p>
<p> </p>
<p> Site Duyuruları </p>
</div>
<div style="left: 0px; height: 230px; visibility: visible; z-index: 113;" class="glidecontent">
<p><a href="css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img src="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" _fcksavedurl="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" style="padding: 5px; float: right;" border="0"></span></a><strong> 2. Duyuru </strong></p>
<p>Arkadaşlar Bu Tasarım "CSS-SABLON" 01.09.2009 Tasarımlarındandır ... Bu Kısma Sitenizle İlgili Duyuruları Yazabilirsiniz ...</p>
<p> </p>
<p> Site Duyuruları </p>
</div>
<div style="left: 0px; height: 230px; visibility: visible; z-index: 114;" class="glidecontent">
<p><a href="css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/"><img src="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" _fcksavedurl="https://img.webme.com/pic/c/css-sablon/125x125css-sablon.jpeg" style="padding: 5px; float: left;" border="0"></a> 3. Duyuru </p>
<p>Arkadaşlar Bu Tasarım "CSS-SABLON" 01.09.2009 Tasarımlarındandır ... Bu Kısma Sitenizle İlgili Duyuruları Yazabilirsiniz ...</p>
<p> </p>
<p> Site Duyuruları </p>
</div>
</div>
<div lastselected="0pg" style="display: block;" id="p-select" class="glidecontenttoggler">
<a loadpage="2pg" buttontype="previous" href="#" _fcksavedurl="#" class="prev">Eski</a>
<a pagenumber="0pg" href="#" _fcksavedurl="#" class="toc selected">Css-Sablon</a> <a pagenumber="1pg" href="#" _fcksavedurl="#" class="toc">Css-Sablon </a> <a pagenumber="2pg" href="#" _fcksavedurl="#" class="toc">Css-Sablon </a>
<a loadpage="1pg" href="#" _fcksavedurl="#" class="next">Sonraki</a></div>
<div class="post">
<h2 id="post-4">Css-Sablon</h2>
<div class="meta">Profesyonel Webmaster Hizmeti</div>
<div class="storycontent">
<p>



Tasarımın Altındaki Yazı :


</p>
<div class="spacer"></div>
</div>
<div class="feedback">                  <a href="#" _fcksavedurl="#"> Ziyaretçi Defteri </a> ::: <a href="#" _fcksavedurl="#"> İletişim </a></div>
</div><br>
<!-- begin footer -->
</div>
<div id="credit">
<p>Copyright © 2009 | Tüm Hakkı Saklıdır!!! | Tema Tasarım ve Kodlama : <a href="http://css-sablon.tr.gg/" _fcksavedurl="http://css-sablon.tr.gg/">Css-Sablon</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;}
/*
Theme Name: I-Blues
Theme URI: http://topwpthemes.com/i-blues/
Description: Designed by <a href=http://webtop99.com _fcksavedurl=http://webtop99.com>Web Top</a> and available FREE at <a href=http://www.zinruss.com/themes _fcksavedurl=http://www.zinruss.com/themes></a>WordPress Themes Gallery</a>
Author: Web Top
Author URI: http://webtop99.com
© 2008, Web Top. All rights reserved.
*/
/*
* Default HTML tags
*/
a {
color: #181818;
}
a:visited {
color: #181818;
text-decoration: underline;
}
a:hover {
color: #181818;
}
acronym, abbr {
cursor: help;
}
blockquote {
margin-left: 10px;
padding-left: 10px;
border-left: 5px solid #01bcf3;
}
body {
background: #02b9f1 url(http://testrun.wptr.net/wp-content/themes/IBlues/images/body-bg.jpg) repeat-x top;
color: #282828;
font-size: 60.5%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px auto;
padding: 0px;
text-align: center;
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
font-size: 12px;
margin: 15px 0 3px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #181818;
}
h2 a,
h2 a:visited,
h2 a:hover,
h2 a:visited:hover {
text-decoration: none;
color: #181818;
padding: 5px 13px 5px 3px;
}
h3 {
font-size: 12px;
margin: 28px 0 5px 0;
padding: 4px 0 4px 0;
font-weight: bold;
color: #181818;
background: #e8f6fd;
text-align: center;
border-top: 1px solid #b6e4fb;
border-bottom: 1px solid #b6e4fb;
}
h4 {
font-size: 12px;
margin: 10px 0 10px 0;
font-weight: bold;
color: #181818;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/leftmenu-top.jpg);
height: 20px;
text-align: center;
}
h4 a,
h4 a:visited,
h4 a:hover,
h4 a:visited:hover {
text-decoration: none;
color: #181818;
}
h5 {
font-size: 12px;
margin: 10px 0 10px 0;
padding: 6px 0 8px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #181818;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-title-bg.png);
width: 301px;
text-align: center;
}
h5 a,
h5 a:visited,
h5 a:hover,
h5 a:visited:hover {
text-decoration: none;
color: #181818;
}
#pagecontent img {
padding: 3px;
border: #b6e4fb 1px solid;
background: #fefefe;
margin-right: 5px;
margin-left: 3px;
}
#pagecontent img.alignleft {
float: left;
margin: 3px 3px 3px 0px;
}
#pagecontent img.alignright {
float: right;
margin: 3px 0px 3px 3px;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ol#comments li p {
font-size: 100%;
}
ul {
margin: 0;
padding: 0;
}
/* Link to the comments */
.feedback {
color: #181818;
font-weight: bold;
font-size: 11px;
background: #d3edfa;
text-align: right;
padding: 4px 10px 6px 0px;
clear: both;
text-transform: lowercase;
border-bottom: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
.feedback a, .feedback a:visited { color: #008ed0;
text-decoration: none;
}
.feedback a:hover, .feedback a:visited:hover { color: #181818;
text-decoration: none;
}
/* The post informations */
.meta {
font-size: 11px;
}
.meta li,
ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta a {
color: #181818;
text-transform: lowercase;
text-decoration: none;
}
.meta a:hover {
text-decoration: underline;
}
.meta {
color: #181818;
background: #d3edfa;
padding: 5px 5px 5px 5px;
font-weight: normal;
letter-spacing: 0;
border-top: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
.storycontent {
font-size: 115%;
background: #f4fbfe;
padding: 10px;
border: 1px solid #b6e4fb;
}
/* Comment form design */
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
}
#commentform textarea {
width: 95%;
}
#commentlist li ul {
border-left: 1px solid #830000;
font-size: 110%;
}
ol#commentlist li {
list-style: decimal;
}
#pagecontent {
float: left;
width: 651px;
margin: 0px 10px 0px 10px;
text-align: left;
display: inline;
}
#pagecontent ol li {
list-style: decimal;
}
#pagecontent ul {
margin-top: 10px;
margin-left: 35px;
}
#pagecontent ul li {
list-style-image: none;
}
#pagecontent-big {
float: left;
width: 651px;
margin: 0px 10px 0px 10px;
text-align: justify;
display: inline;
}
.spacer {   padding: 0px;
text-align: right;
clear: both;
text-transform: lowercase;
padding-top: 5px;
}
#header {
font-size: 32px;
font-weight: bold;
text-decoration:none;
font-family: Verdana;
margin: 0px auto;
height: 284px;
width: 1000px;
padding: 0;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/header.jpg) no-repeat;
}
.header-title {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#ffffff;
font-size:26px;
font-weight:bold;
padding: 90px 0 0 198px;
text-align:left;
}
.header-title a{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-title a:hover{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-description {
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: normal;
color:#ffffff;
padding: 1px 0 0 199px;
text-align:left;
}
Top part CSS
*/
#top {
width: 1000px;
height: 34px;
margin: 0px auto;
}
#topleft {
float: left;
height: 34px;
padding-left: 0px;
}
#topright {
float: right;
height: 34px;
padding-right: 10px;
}
Page navigation CSS
*/
#menu {
float: left;
height: 32px;
padding-top: 1px;
padding-bottom: 1px;
border-left: 1px solid #b6e4fb;
z-index: 20;
}
#menu li {
float: left;
display: block;
height: 32px;
border-right: 1px solid #b6e4fb;
}
#menu li ul li {
height: 24px;
border-right: 0;
border-bottom: 1px solid #b6e4fb;
width: 100%;
}
#menu li a {
display: block;
padding-left: 15px;
padding-right: 15px;
line-height: 32px;
font-size: 11px;
font-weight: bold;
color: #008ed0;
text-decoration: none;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#menu li a:hover {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menuhover.gif) repeat-x;
color: #01bcf3;
}
#menu li.current_page_item a {
background: #FFF;
color: #01bcf3;
}
#menu li.current_page_item a:hover {
background: #FFF;
color: #01bcf3;
}
#menu ul {
display: none;
z-index: 99;
position: absolute;
}
#menu ul li a {
display: block;
background: #FFF;
}
#menu li ul a:hover {
display: block;
background: #FFF;
}
#menu ul a {
display: block;
}
#menu ul ul {
margin-top: -27px;
display: none;
margin-left: 198px;
position: absolute;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
#menu li:hover ul ul {
display: none;
}
#menu li:hover ul {
display: block;
}
#menu ul li:hover ul {
display: block;
}
#menu li ul li {
display: block;
width: 100%;
}
#menu li.page_item ul {
border-top: 2px solid #b6e4fb;
width: 200px;
}
#menu li.page_item a {
display: block;
}
#menu li.page_item a:hover {
display: block;
}
#menu li.page_item ul li a {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
background: #fff;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 0.7em;
font-weight: bold;
color: #333;
text-decoration: none;
}
#menu li.page_item ul li a:hover {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
background: #FFF;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #333;
}
/*
Search form CSS
*/
.searchform {
display: inline;
}
.searchform fieldset {
display: inline;
margin-top: 1px;
padding-top: 4px;
border: #34c3f3 0px solid;
}
.searchform label {
vertical-align: middle;
display: inline;
margin-right: 5px;
font-size: 11px;
color: #01bcf3;
font-weight: bold;
}
.searchform input {
vertical-align: middle;
display: inline;
font-size: 11px;
}
.searchinput {
background: #FFF;
border: 1px solid #b6e4fb;
width: 184px;
padding-top: 3px;
padding-bottom: 3px;
color: #282828;
}
.searchbutton {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/searchbutton.gif) no-repeat;
width: 16px;
height: 16px;
margin-bottom: 2px;
text-transform: uppercase;
cursor: pointer;
color: #FFF;
font-weight: bold;
border: 0px solid #b6e4fb;
}
/*
Main Category Menu CSS
*/
#category {
width: 1000px;
height: 30px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x;
border-top: 1px solid #b6e4fb;
border-bottom: 1px solid #b6e4fb;
}
#categoryx {
float: left;
width: 965px;
height: 30px;
padding-left: 10px;
}
#categoryy {
float: right;
width: 5px;
height: 30px;
}
#dcategory {
float: left;
height: 30px;
border-left: 1px solid #b6e4fb;
z-index: 20;
}
#dcategory li {
float: left;
display: block;
height: 30px;
border-right: 1px solid #b6e4fb;
}
#dcategory li ul li {
height: 24px;
border-right: 0;
border-bottom: 1px solid #b6e4fb;
width: 100%;
}
#dcategory li a {
display: block;
line-height: 30px;
padding-left: 15px;
padding-right: 15px;
font-size: 11px;
color: #008ed0;
font-weight: bold;
text-decoration: none;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#dcategory li a:hover {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x;
color: #01bcf3;
}
#dcategory ul {
display: none;
z-index: 99;
position: absolute;
}
#dcategory ul li a {
display: block;
background: #FFF;
}
#dcategory li ul a:hover {
display: block;
background: #FFF;
}
#dcategory ul a {
display: block;
}
#dcategory ul ul {
margin-top: -26px;
display: none;
margin-left: 200px;
position: absolute;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
#dcategory li:hover ul ul {
display: none;
}
#dcategory li:hover ul {
display: block;
}
#dcategory ul li:hover ul {
display: block;
}
#dcategory li ul li {
display: block;
width:100%;
}
#dcategory li.cat-item ul {
width: 260px;
}
#dcategory li.cat-item a {
display: block;
}
#dcategory li.cat-item a:hover {
display: block;
}
#dcategory li.cat-item ul li a {
display: block;
margin-left: -1px;
text-align: left;
font-size: 11px;
height: 24px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
color: #008ed0;
font-weight: bold;
border: 1px solid #b6e4fb;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x;
}
#dcategory li.cat-item ul li a:hover {
display: block;
text-align: left;
font-size: 11px;
height: 24px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
color: #282828;
font-weight: bold;
background: #b6e4fb;
border: 1px solid #b6e4fb;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x;
}
/*
/* The credits at the bottom of the site */
#credit {
width: 1000px;
height: 32px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/credit.jpg);
text-align: center;
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin-left: auto;
margin-right: auto;
padding: 0;
clear: both;
}
#credit  a, #credit  a:visited {
color: #282828;
text-decoration: none;
}
#credit  a:hover, #credit  a:visited:hover {
color: #282828;
text-decoration: none;
}
#credit p {
color: #282828;
text-align: center;
padding-top: 10px;
font-weight: bold;
}
/*
Subscribe RSS Form
*/
.subscribe {
width: 294px;
}
.subscribe fieldset {
display: inline;
margin-bottom: 10px;
border: 1px dotted #f4fbfe;
width: 270px;
}
.subscribe input {
display: inline;
vertical-align: middle;
}
.feedinput {
border: 1px solid #b6e4fb;
width: 184px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
color: #282828;
font-size: 11px;
}
.feedinput:focus {
background: #ffffff;
border: 1px dotted #b6e4fb;
}
.feedsubmit {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/feedsubmit.gif) no-repeat;
font-size: 11px;
font-weight: bold;
width: 44px;
height: 21px;
color: #fff;
cursor: pointer;
border: 0px dotted #b6e4fb;
}
.feedlink {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rss.gif) no-repeat left;
padding-bottom: 2px;
padding-left: 20px;
font-weight: bold;
font-size: 11px;
margin-right: 10px;
}
/*
* right sidebar
*/
#menu-right {
float: right;
display: inline;
width: 301px;
margin: 10px 10px 10px 0px;
font-size: 11px;
padding: 0px 8px 18px 8px;
border: 1px solid #b6e4fb;
background: #fefefe;
}
#menu-right h2 {
font-size: 18px;
margin: 8px 0 2px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #01bcf3;
}
#menu-right a,
#menu-right a:visited {
text-transform: lowercase;
text-decoration: none;
color: #181818;
}
#menu-right a:hover,
#menu-right a:visited:hover  {
text-transform: lowercase;
text-decoration: underline;
color: #181818;
}
#menu-right ul ul {
margin-left: 12px;
}
#menu-right ul ul li {
list-style-image: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-icon.png);
margin-left: 8px;
}
.box {
background: #f4fbfe;
padding: 10px;
border: 1px solid #b6e4fb;
}
.box p {
font-size: 1.0em;
line-height: 1.3em;
color: #282828;
margin: 0px 0px 7px 0px;
}
.postbox {
margin-bottom: 10px;
background: #FFF;
padding: 10px;
border: 1px solid #b6e4fb;
}
.postbox p {
font-size: 1.0em;
line-height: 1.3em;
text-align: justify;
margin: 0;
color: #666;
}
#adcontainer {
padding: 0px 0 0 0;
margin:0;
width: 300px;
}
#adboxes{
padding: 13px 0 14px 0px;
width:300px;
background: #1b8adc url(http://testrun.wptr.net/wp-content/themes/IBlues/images/adcontainer_bg.jpg) top repeat-x;
float:left;
position: relative;
}
#adboxes ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 15px;
}
#adboxes ul li {
display:block;
margin: 2px 4px 0px 0px !important;
padding: 0px !important;
float:left;
list-style: none;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
#menu-right img {
padding: 3px;
border: #b6e4fb 1px solid;
background: #ffffff;
}
#menu-right img.alignleft {
float: left;
margin: 3px 3px 3px 0;
}
#menu-right img.alignright {
float: right;
margin: 0 3px 3px 3px;
}
/* End of right sidebar */
#rap {
width: 1000px;
margin: 0px auto;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rap-bg.jpg) repeat-y;
text-align: left;
padding: 0px;
border-left: 1px solid #02b9f1;
border-right: 1px solid #02b9f1;
}
.submit_button {
float: left;
padding:0; margin:0;
border:0;
height:23px;
width:130px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/submit-button.jpg) no-repeat;
}
input#s {
width: 200px;
border: 1px solid #830000;
color: #282828;
margin-top: 5px;
}

table {margin-left: auto;margin-right: auto}
 
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol