Cixsin Mekanı Tasarımı

TASARIMIN ÜSTÜNE

<style>
        #pagecontent .post .post-entry {
    padding-top: 10px;
    padding-bottom: 10px;
}
</style>
    <![endif]-->
<div id="page"><div id="page-top">
<div id="page-bottom">
    <!-- Header -->
    <div id="header">
        <!-- Title -->
        <div id="header-info">
            <h1><a href="">Site Haberleri</a></h1>
            <div class="description">Sitemiz Yapım Aşamasındadır...</div>
        </div>
        <!-- /Title -->
       
        <!-- Menu -->
        <div id="header-menu">
            <ul>
                                <li><a href="http://reakizle.tr.gg" >Ana Sayfa</a></li>                                                                                                                                                   
                                                                <li><a href="http://reakizle.tr.gg/%C7ok-%26%23304%3Bzlenilenler.htm" >Çok İzlenenler</a></li>  
                                                                <li><a href="http://reakizle.tr.gg/Son-Eklenen-Videolar.htm" >Son Eklenen Videolar</a></li>
                                                                <li><a href="http://reakizle.tr.gg/Forum.htm">Forum</a></li>
                                                                <li><a href="http://reakizle.tr.gg/Ziyaretci-Defteri.htm">Z.defteri</a></li>
                                                                <li><a href="http://reakizle.tr.gg/%26%23304;leti%26%23351;im.htm" target="_blank">İletişim</a></li>
                                                               
            </ul>
        </div>
    </div>
    <div id="main">
        <div id="pagecontent">
            <div class="post" id="post-15">
                <div class="post-title">
                    <div class="post-date">
                        <span>X</span>
                        </div>
                    <h2>www.reakizle.tr.gg</h2>
                    Video İzlemenin Yeni Adresi...</div>
                <div class="post-info"></div>
                <div class="post-entry">
 
Tasarımın Altına
 


<br/>
</div>
               
            </div>
            <div class="clear"></div>
            <div class="post" id="post-1">
            <div class="post-info"></div>
            </div>
            <div class="clear"></div>
            </div>
        <!-- /Page content -->
        <!-- Sidebar -->
        <div id="sidebar">

            <div class="sidebar-box">
                <h3>Menü</h3>
                <ul>
                    <li><a href="http://reakizle.tr.gg" title="Ana Sayfa">Ana Sayfa</a></li>
<li><a href="odul.htm" title="Ziyaretçi Defteri">Ziyaretçi Defteri</a></li>
<li><a href="sss.htm" title="İletişim">İletişim</a></li>
<li><a href="http://ornexite.forummum.com/index.htm" target="_blank" title="Forum">Forum</a></li>
<li><a href="sss.htm" title="Üye Ol">Üye Ol</a></li>
<li><a href="sss.htm" title="Üye Giriş">Üye Giriş</a></li>
<li><a href="sss.htm" title="Ana Sayfam Yap">Ana Sayfam Yap</a></li>
<li><a href="sss.htm" title="İstek Bölümü">İstek Bölümü</a></li>
                </ul>
            </div>
            <div class="sidebar-box">
                <h3>Kategori</h3>
                <ul>
                    <li><a href="http://reakizle.tr.gg/Sinema.htm" target="_blank" title="Sinema Videoları İzlemek İçin Tıkla">Sinema</a></li>
                    <li><a href="http://reakizle.tr.gg/Dizi.htm" target="_blank" title="Dizi Videoları İzlemek İçin Tıkla">Dizi</a></li>
                                        <li><a href="http://reakizle.tr.gg/Belgesel.htm" target="_blank" title="Belgesel Videoları İzlemek İçin Tıkla">Belgesel</a></li>
                                        <li><a href="http://reakizle.tr.gg/Sanal-Dershane.htm" target="_blank" title="İzlemek İstediğin Dersler İçin Tıkla">Sanal Dershane</a></li>
                    <li><a href="http://reakizle.tr.gg/Dini.htm" target="_blank" title="Dini Videoları İzlemek İçin Tıkla">Dini</a></li>
                    <li><a href="http://reakizle.tr.gg/ilahi.htm" target="_blank" title="İlahi Videoları İzlemek İçin Tıkla">İlahi</a></li>
                    <li><a href="http://reakizle.tr.gg/M.ue.zik.htm" target="_blank" title="Müzik Videoları İzlemek İçin Tıkla">Müzik</a></li>
                    <li><a href="http://reakizle.tr.gg/Komik.htm" target="_blank" title="Komik Videoları İzlemek İçin Tıkla">Komik</a></li>
                    <li><a href="http://reakizle.tr.gg/%C7izgi-Flim.htm" target="_blank" title="Çizgi Film Videoları İzlemek İçin Tıkla">Çizgi Film</a></li>             
                    <li><a href="http://reakizle.tr.gg/Canl%26%23305%3B-Tv.htm" target="_blank" title="Canlı Tv İzlemek İçin Tıkla">Canlı Tv</a></li>
                </ul>
<br/>
<img src="https://img.webme.com/pic/o/ornexite/ornexyanbanner.jpg" title="| reakizle | - | Video İzlemenin Yeni Adresi... |" />
   
            </div>
<br/><br/></div>
        <!-- Sidebar -->       
        <div class="clear"></div>
   
    </div>
    <!-- /Main -->
   
    <!-- Footer -->
    <div id="footer">
   
        <!-- Footerbar -->
        <div id="footerbar">
            <div id="footerbar-left">

            </div>
        </div>
        <!-- /Footerbar -->
        <!-- Copyright -->
        <div id="copyright">
Copyrigt © by <a href="http://recepakyuz.tr.gg" target="_blank">recep akyuz</a>                   
        </div>
        <!-- /Copyright --><br/><br/><br/>
<div align="center"><span style="color: rgb(0, 0, 0);">
<!-- /Page -->

Css Koduna

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}

body {
    margin: 0;
    background: url(https://img.webme.com/pic/o/ornexite/bg.jpg);
}

h1, h2, h3, h4 {
    margin: 0;
}

img {
    border: 0;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}


/* Page */

#page {
    margin: 0px auto 0 auto;
    width: 895px;
    background: url(https://img.webme.com/pic/o/ornexite/page.gif) repeat-y;
}

#page-top {
    width: 895px;

    }

#page-bottom {
    width: 895px;
    min-height: 460px;
    background: url(http://ww64.com/uploads/images/2010-01-02/swQgrzQDAt.gif) no-repeat left bottom;
}


/* Header */

#header {
    width: 890px;
    height: 288px;
background: url(http://ww64.com/uploads/images/2010-01-02/i8fYVTzWEi.jpg);
    position: relative;
}

    /* Header - Info */
   
    #header #header-info {
        position: absolute;
        top: 150px;
        left: 5px;
        width: 425px;
        height: 81px;
        padding-left: 92px;
        background: url(https://img.webme.com/pic/o/ornexite/logo.gif) no-repeat;
    }
   
    #header #header-info h1 {
        color: #FFCC00;
        font: normal 28px Century Gothic, Century Gothic;
        padding: 1px 0 5px 0;
    }
   
    #header #header-info h1 a {
        color: #FFCC00;
        text-decoration: none;
    }
   
    #header #header-info .description {
        color: #ffffff;
        font: normal 17px Century Gothic, Century Gothic;
    }
   
    /* Header - Menu */
   
    #header #header-menu {
        position: absolute;
        top: 98px;
        left: 5px;
        width: 640px;
        height: 46px;
    }
   
    #header #header-menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        width: 640px;
        height: 46px;
    }
   
    #header #header-menu ul li {
        float: left;
        height: 46px;
        font: normal 14px/46px Century Gothic, Century Gothic;
        color: #ffffff;
    }
   
    #header #header-menu ul li a {
        color: #ffffff;
        text-decoration: none;
        padding: 0 15px;
        display: block;
    }
   
    #header #header-menu ul li a:hover {
        background: url(https://img.webme.com/pic/o/ornexite/header_menu.gif) repeat-x;
    }
   
    #header #header-menu ul li ul {
        display: none;
    }
   
    #header #header-menu ul li.current_page_item a {
        background: url(https://img.webme.com/pic/o/ornexite/header_menu.gif) repeat-x;
    }
   
    /* Header - Search */
   
    #header #header-search {
        position: absolute;
        top: 160px;
        left: 655px;
        width: 217px;
        height: 22px;
    }
   
    #header #header-search #searchform {
        margin: 0;
        padding: 0;
        width: 217px;
        height: 22px;
    }
   
    #header #header-search #s {
        width: 117px;
        height: 18px;
        padding: 2px 5px;
        border: 0;
        font: normal 13px Century Gothic, Century Gothic;
        color: #000000;
        background: transparent;
        float: left;
    }
   
    #header #header-search #searchsubmit {
        background: transparent;
        border: none;
        width: 85px;
        height: 22px;
        padding: 0;
        float: right;
    }
   
    /* Header - Newsletter */
   
    #header #header-newsletter {
        position: absolute;
        top: 230px;
        left: 32px;
        width: 200px;
        height: 90px;
        padding-top: 40px;
        background: url(https://img.webme.com/pic/o/ornexite/header_newsletter.gif) no-repeat;
        color: #000000;
        font: bold 12px Century Gothic, Century Gothic;
    }
   
    #header #header-newsletter p {
        margin: 0;
        padding-bottom: 7px;
    }
   
    #header #header-newsletter form {
        margin: 0;
        padding: 0;
    }
   
    #header #header-newsletter span {
        width: 55px;
        float: left;
        height: 18px;
        line-height: 18px;
    }
   
    #header #header-newsletter input {
        width: 123px;
        height: 18px;
        background: url(https://img.webme.com/pic/o/ornexite/header_input.gif) no-repeat;
        border: none;
        padding: 0 5px;
        font: normal 12px Century Gothic, Century Gothic;
        color: #000000;
    }
   
    #header #header-newsletter .submit {
        width: 85px;
        height: 26px;
        background: url(https://img.webme.com/pic/o/ornexite/header_button.gif) no-repeat;
        margin-left: 104px;
    }
   
    /* Header - Recent Articles */
   
    #header #recent-articles {
        position: absolute;
        top: 223px;
        left: 264px;
        width: 305px;
        height: 145px;
    }
   
    #header #recent-articles h3 {
        width: 285px;
        height: 22px;
        color: #000000;
        font: bold 12px/22px Century Gothic, Century Gothic;
        background: url(https://img.webme.com/pic/o/ornexite/title_recent_articles.gif) no-repeat;
        padding: 0 10px;
    }
   
    #header #recent-articles ul {
        margin: 0;
        padding: 0 0 0 10px;
        list-style-type: none;
    }
   
    #header #recent-articles ul li {
        padding-left: 8px;
        background: url(https://img.webme.com/pic/o/ornexite/header_articles.gif) no-repeat;
        color: #000000;
        font: bold 12px/28px Century Gothic, Century Gothic;
    }
   
    #header #recent-articles ul li a {
        color: #000000;
        text-decoration: none;
    }
   
    #header #recent-articles ul li a:hover {
        text-decoration: underline;
    }
   
    /* Header - Popular Articles */
   
    #header #popular-articles {
        position: absolute;
        top: 223px;
        left: 595px;
        width: 278px;
        height: 145px;
    }
   
    #header #popular-articles h3 {
        width: 258px;
        height: 22px;
        color: #000000;
        font: bold 12px/22px Century Gothic, Century Gothic;
        background: url(https://img.webme.com/pic/o/ornexite/title_popular_articles.gif) no-repeat;
        padding: 0 10px;
    }
   
    #header #popular-articles ul {
        margin: 0;
        padding: 0 0 0 10px;
        list-style-type: none;
    }
   
    #header #popular-articles ul li {
        padding-left: 8px;
        background: url(https://img.webme.com/pic/o/ornexite/header_articles.gif) no-repeat;
        color: #000000;
        font: bold 12px/28px Century Gothic, Century Gothic;
    }
   
    #header #popular-articles ul li a {
        color: #000000;
        text-decoration: none;
    }
   
    #header #popular-articles ul li a:hover {
        text-decoration: underline;
    }

/* Header - Feed */
   
    #header #header-feed {
        position: absolute;
        top: 210px;
        left: 700px;
        width: 30px;
        height: 30px;
    }

/* Header - Feed1 */
   
    #header #header-feed1 {
        position: absolute;
        top: 130px;
        left: 30px;
        width: 80px;
        height: 80px;
    }

/* Header - Feed2 */
   
    #header #header-feed2 {
        position: absolute;
        top: 210px;
        left: 803px;
        width: 30px;
        height: 30px;
    }

/* Header - Feed3 */
   
    #header #header-feed3 {
        position: absolute;
        top: 210px;
        left: 8px;
        width: 30px;
        height: 30px;
    }

/* Header - Stu */
   
    #header #header-stu {
        position: absolute;
        top: 210px;
        left: 680px;
        width: 30px;
        height: 30px;
    }



/* Main */

#main {
    margin: 0 auto;
    width: 869px;
}

    /* Main - Content */
   
    #pagecontent {
        float: left;
        width: 541px;
        padding: 10px 17px 0 16px;
    }
   
    /* Main - Content - Post */
   
    #pagecontent .post {
        float: left;
        margin-bottom: 30px;
        width: 541px;
    }
   
        /* Post - Title */
       
        #pagecontent .post .post-title {
            width: 541px;
            height: 59px;
            font: bold 12px Century Gothic, Century Gothic;
            color: #000000;
        }
       
        #pagecontent .post .post-title a {
            color: #ff0000;
            text-decoration: none;
        }
       
        #pagecontent .post .post-title a:hover {
            text-decoration: underline;
        }
       
        #pagecontent .post .post-title h2 {
            color: #950000;
            font: bold 22px Century Gothic, Century Gothic;
            padding: 2px 0;
        }
       
        #pagecontent .post .post-title h2 a {
            color: #950000;
            text-decoration: none;
        }
       
        #pagecontent .post .post-title h2 a:hover {
            text-decoration: underline;
        }
       
        #pagecontent .post .post-title .post-date {
            float: left;
            background: url(http://ww64.com/uploads/images/2010-01-02/ZxXFSvGhin.jpg) no-repeat;
            width: 59px;
            height: 59px;
            margin-right: 18px;
            color: #FFC600;
            text-align: center;
            text-transform: lowercase;
            font: bold 10px Century Gothic, Century Gothic;
            letter-spacing: 1px;
        }
       
        #pagecontent .post .post-title .post-date span {
            padding: 9px 0 1px 0;
            display: block;
        }
       
        /* Post - Entry */
       
        #pagecontent .post .post-entry {
            font: normal 12px/18px Century Gothic, Century Gothic;
            color: #000000;
            width: 521px;
            padding: 0 10px;
        }
       
        #pagecontent .post .post-entry a {
            color: #FF0000;
            text-decoration: none;
        }
       
        #pagecontent .post .post-entry a:hover {
            text-decoration: underline;
        }
       
        #pagecontent .post .post-entry a.more-link {
            font: bold 12px/18px Century Gothic, Century Gothic;
            color: #000000;
            text-decoration: none;
        }
       
        #pagecontent .post .post-entry a.more-link:hover {
            text-decoration: underline;
        }
       
        #pagecontent .post .post-entry blockquote {
            border-left: 10px solid #e6e6e6;
            margin: 0px 30px;
            padding-left: 15px;
        }
       
        /* Post - Info */
       
        #pagecontent .post .post-info {
            padding: 0 15px;
            width: 511px;
            height: 26px;
            background: url(http://ww64.com/uploads/images/2010-01-02/hXVyINoKw3.gif) no-repeat;
            clear: both;
            font: bold 12px/26px Century Gothic, Century Gothic;
            color: #ffffff;
        }
       
        #pagecontent .post .post-info a {
            color: #ffffff;
            text-decoration: none;
        }
       
        #pagecontent .post .post-info a:hover {
            text-decoration: underline;
        }
       
        /* Post - Comments */
       
        #pagecontent .post h3 {
            margin: 30px 0 5px 0;
            color: #000000;
            font: bold 18px Century Gothic, Century Gothic;
        }
       
        #pagecontent .post .comments {
            font: normal 12px/18px Century Gothic, Century Gothic;
            color: #000000;
            width: 521px;
        }
       
        #pagecontent .post .comments ol {
            margin: 10px 0;
            padding-left: 25px;
        }
       
        #pagecontent .post .comments ol li {
            padding: 5px;
        }
       
        #pagecontent .post .comments ol li a {
            color: #000000;
            text-decoration: none;
        }
       
        #pagecontent .post .comments ol li a:hover {
            text-decoration: underline;
        }
       
        #pagecontent .post .comments ol li.alt {
            background: #e6e6e6;
        }
       
        #pagecontent .post .comments ol li cite {
            color: #000000;
            font-style: normal;
            font-weight: bold;
        }
       
        #pagecontent .post .comments ol li cite a {
            color: #000000;
            text-decoration: none;
        }
       
        #pagecontent .post .comments ol li cite a:hover {
            text-decoration: underline;
        }
       
        #pagecontent .post .comments ol li .commentmetadata a {
            color: #000000;
            text-decoration: none;
        }
       
        #pagecontent .post .comments ol li .commentmetadata a:hover {
            text-decoration: underline;
        }
       
        #pagecontent .post #commentform {
            margin: 0;
            padding-left: 25px;
            font: normal 12px/18px Century Gothic, Century Gothic;
            color: #000000;
            width: 496px;
        }
       
        #pagecontent .post #commentform a {
            color: #000000;
            text-decoration: none;
        }
       
        #pagecontent .post #commentform a:hover {
            text-decoration: underline;
        }
   
    /* Main - Content - Navigation */
   
    #pagecontent .navigation {
        margin-bottom: 30px;
        font: bold 12px Century Gothic, Century Gothic;
        color: #000000;
        width: 541px;
    }
   
    #pagecontent .navigation a {
        color: #000000;
        text-decoration: none;
    }
   
    #pagecontent .navigation a:hover {
        text-decoration: underline;
    }
   
        #pagecontent .navigation .navigation-previous {
            float: left;
        }
       
        #pagecontent .navigation .navigation-next {
            float: right;
        }
   
    /* Main - Sidebar */
   
    #sidebar {
        float: left;
        width: 295px;
        font: bold 14px/18px Century Gothic, Century Gothic;
        color: #000000;
    }
   
    #sidebar a {
        color: #fff;
        text-decoration: none;
        padding-left: 25px;
    }
   
    #sidebar a:hover {
        text-decoration: underline;
        padding-left: 25px;
    }
   
    #sidebar .sidebar-box {
        width: 295px;
        padding-bottom: 10px;
    }
   
        /* Sidebar - Titles */
       
        #sidebar h3 {
            font: bold 12px/35px Century Gothic, Century Gothic;
            color: #ffffff;
            width: 265px;
            height: 35px;
            padding: 0 17px;
            margin-bottom: 2px;
            background: url(https://img.webme.com/pic/o/ornexite/sidebar_title.gif) no-repeat;
        }
       
        /* Sidebar - Menus */
       
        #sidebar ul {
            margin: 0;
            padding: 0 0 0 15px;
            list-style-type: none;
        }
       
        #sidebar ul li {
            padding-left: 8px;
            background: url(https://img.webme.com/pic/o/ornexite/sidebar_menu.gif) no-repeat;
            font: bold 12px/22px Century Gothic, Century Gothic;
            color: #ffffff;
        }
       
        #sidebar ul li a {
            color: #ffffff;
            text-decoration: none;
        }
       
        #sidebar ul li a:hover {
            text-decoration: underline;
        }
       
        #sidebar ul li ul {
            padding: 0 0 0 10px;
        }
       
        /* Sidebar - Forms */
       
        #sidebar #searchform {
            margin: 0;
            padding: 10px 0;
            width: 295px;
            text-align: center;
        }
       
        #sidebar #searchform #s {
            width: 205px;
        }
       
        /* Sidebar - Tables */
       
        #sidebar #calendar_wrap {
            margin: 0 auto;
            padding-top: 5px;
            width: 116px;
        }
       
        #sidebar #calendar_wrap caption {
            font-weight: bold;
        }
       
        #sidebar #calendar_wrap tbody {
            text-align: right;
        }
       
        #sidebar #calendar_wrap tfoot #next {
            text-align: right;
        }
       
        #sidebar #calendar_wrap #today {
            font-weight: bold;
        }
       
        /* Sidebar - Texts */
       
        #sidebar .textwidget {
            padding: 0 5px;
        }
       
        /* Sidebar - Ads */
       
        #sidebar .sidebar-ads {
            padding: 10px 0 0 15px;
        }
       
        #sidebar .sidebar-ads-in {
            float: left;
            padding: 0 14px 14px 0;
        }


/* Footer */

#footer {
    margin: 0 auto;
    width: 869px;
    height: 270px;
    color: #ffffff;
    font: bold 12px Century Gothic, Century Gothic;
}

#footer a {
    color: #ffffff;
    text-decoration: underline;
}

#footer a:hover {
    text-decoration: none;
}

    /* Footer - Footerbar */
   
    #footer #footerbar {
        width: 869px;
        height: 180px;
        padding-top: 17px;
    }
   
    #footer #footerbar h3 {
        font: bold 12px Century Gothic, Century Gothic;
        color: #ffffff;
        padding: 0 0 25px 15px;
    }
   
    #footer #footerbar ul {
        margin: 0;
        padding: 0 0 0 15px;
        list-style-type: none;
    }
   
    #footer #footerbar ul li {
        font: bold 12px/26px Century Gothic, Century Gothic;
        color: #ffffff;
        padding-left: 8px;
        background: url(https://img.webme.com/pic/o/ornexite/footer_menu.gif) no-repeat;
    }
   
    #footer #footerbar ul li a {
        color: #ffffff;
        text-decoration: none;
    }
   
    #footer #footerbar ul li a:hover {
        text-decoration: underline;
    }
   
        /* Footer - Footerbar - Boxes */
       
        #footer #footerbar #footerbar-left {
            width: 249px;
            padding: 0 17px 0 10px;
            float: left;
        }
       
        #footer #footerbar #footerbar-center {
            width: 273px;
            padding: 0 14px 0 11px;
            float: left;
        }
       
        #footer #footerbar #footerbar-right {
            width: 264px;
            padding: 0 14px 0 16px;
            float: left;
        }
   
    /* Footer - Copyright */
   
    #footer #copyright {
        width: 869px;
        text-align: center;
        line-height: 42px;
            }
İçerik Bölümü

<meta http-equiv="content-type" content="text/html; charset=windows-1254">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-9">
<meta name="author" content="Bugra Yurekli">
<meta name="classification" content="General">
<meta name="copyright" content="31 Ocak 2009  Hakan-Fan.tr.gg">
<meta name="distribution" content="Odev-Arsivleri">
<meta name="content-language" content="tr">
<meta name="rating" content="All">
<meta name="resource-type" content="odev">
<meta name="”robots”" content="”index,follow”">
<meta name="revisit-after" content="7 days">
<meta http-equiv="reply-to" content="odev-arsivleri@hotmail.com">
<meta http-equiv="window-target" content="_top">
<div id="tasarim"><br />
<div class="widget-content"><a title="Yukarı Çık..." style="right: 5px; bottom: 77px; position: fixed" href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/odev-arsivleri/yukariii.gif" /></a> <a title="Ana Sayfa" style="right: 5px; bottom: 59px; position: fixed" href="http://reakizle.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/o/odev-arsivleri/anasayfaa.png" /></a> <a title="İletişim" style="right: 5px; bottom: 41px; position: fixed" href="http://reakizle.tr.gg/%26%23304;leti%26%23351;im.htm"><img border="0" alt="" src="https://img.webme.com/pic/o/odev-arsivleri/iletisimm.png" /></a> <a title="RSS" target="_blank" style="right: 5px; bottom: 23px; position: fixed" href="http://www.recepakyuz.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/o/odev-arsivleri/hakkimizdaaa.png" /></a></div>
</div>
</meta>
</meta>
</meta>
</meta>
</meta>
</meta>
</meta>
</meta>
</meta>
</meta>
</meta>
</meta>
</meta>


 


 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol