Forum'da ara:
Ara


Yazar Mesaj
Mesaj03.10.2010, 11:36 (UTC)    
Mesaj konusu: Kocaman Bir Hata
Alıntıyla Cevap Gönder
Şimdi Sitemin Yazıları Falan Hep Tasarımın Üstü Bölümünde
Yeni Sayfa Ekleyemiyorum Bu Yüzden

O yazıları Üstü bölümünden kaldırınca da olmuyor bu şekil çıkıyor:


Kodlarım bunlar

ÜST
Kod:
<body>
<div id="templatemo_wrapper_outer">
<div id="templatemo_wrapper_inner">
 
    <div id="templatemo_banner"></div> <!-- end of banner -->
   
    <div id="templatemo_menu">
     <ul>
            <li><a href="#" class="current">Home</a></li>
            <li><a href="#">Games</a></li>
            <li><a href="#">Popular</a></li>
            <li><a href="#">Download</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div> <!-- end of menu -->
   
    <div id="templatemo_content_wrapper">


ALT
Kod:
<div class="templatemo_side_bar margin_right_10">
           
            <div class="header_01">Oyun Platformları</div>
               <ul>
                   <li><a href="#">Bilgisayar</a></li>
                    <li><a href="#">PLAYSTATION® 3</a></li>
                    <li><a href="#">PSP® 3</a></li>
                    <li><a href="#">GAMECUBE™</a></li>
                    <li><a href="#">NINTENDO™</a></li>
                    <li><a href="#">GAME BOY® ADVANCE</a></li>
                    <li><a href="#">WII™</a></li>
                    <li><a href="#">XBOX 360</a></li>
                </ul>
         <p> </p>
         <p> </p>
          <div class="header_01">Beğendiklerim</div>
         <ul>
                   <li><a href="#">Kötüsözlük.com</a></li>
               <li><a href="#">Hacker-Friend.tr.gg</a></li>
               <li><a href="#">Antu.com</a></li>
                </ul>
            <ul>
             
            <p><div class="header_01">Link Takas<p> </p>
            <p><span style="font-weight: 400">İletişim Yoluyla Buraya Link
            Verebilirsin!</span></div></p>
         <p> </p>
         <p> </p>
         </ul>
               
            <p> </p>
               
            <div class="margin_bottom_20 horizontal_divider"></div>
         <div class="margin_bottom_20"></div>

            <div class="header_01">Birşeyler Ara</div>     
            <form action="" method="post">
                  <input type="text" id="search_field" />
                  <input type="submit" value="" id="search_button" />
            </form>
            <div class="margin_bottom_20"></div>
        </div> <!-- end of left side bar -->
       
        <div class="templatemo_content margin_right_10">
       
           <div class="content_section">
                <div class="header_02">
            <p>Hedefler</div>
              <div class="image_wrapper_01"><img src="http://img.webme.com/pic/m/mmocanavari/templatemo_image_01.jpg" alt="image" /></div>
                <p>Öncelikle Search butonunu çalışır hale getirip sisteme bir
            forum eklemeyi düşünüyoruz. Bunun dışında yazarlar için ayrı
            sekme açabiliriz. Birinci olacağımıza güveniyoruz. Desteğinizi
            arkamıza aldık. Bu arada site manuel olduğu için daha Devamı
            butonlarıyla uğraşmadım. Oyunlar eklenmeye başladığında onları
            da göreceğiz.</p>
              <div class="margin_bottom_20"></div>
                <div class="rc_btn_01 fl"><a href="#">Devamı</a></div>
               
                <div class="cleaner"></div>
            </div>
           
            <div class="margin_bottom_20 horizontal_divider"></div>
         <div class="margin_bottom_20"></div>
           
            <div class="content_section">
                <div class="header_02">Yayındayız</div>
              <div class="image_wrapper_01"><img src="http://img.webme.com/pic/m/mmocanavari/templatemo_image_02.jpg" alt="image" /></div>
                <p>Bedava Sitem'in [WEBME] aranan kanı bulundu. MMO Canavarı
            olarak ben williamtheodore [BKZ: kotusozluk.com]. Bu BS
            Sitesinde sözlüğümüzü temsil etmekle beraber sizleri oyun
            konusunda bilgilendireceğim. Sitede kesinlikle Warez paylaşım
            yapılmayacaktır. [Sims 3 Crack içeride dalın! [Şakaydı :D].
            Warez paylaşım yapanlar hakkında da sitesinin kapatılması
            konusunda Hakan Bey'e [Her ne kadar neyin nesi olduğunu bilmesem
            de..] baskı yapılacaktır</p>
           <div class="margin_bottom_20"></div>
              <div class="rc_btn_01 fl"><a href="#">Devamı</a></div> 
                <div class="cleaner"></div>             
            </div>
           
           <div class="margin_bottom_40"></div>
        </div> <!-- end of content -->
       
        <div class="templatemo_side_bar">
             
            <div class="header_01">Son Dakikalar</div>
           
            <div class="latest_news border_bottom">
                <div class="header_03"><a href="#">Fifa 2011 Raflarda</a></div>
                <p>Carrefourlardaki Teknosalarda görebilirsiniz... İlgili haber
            için tıklayınız</p>
         </div>
                       
            <div class="margin_bottom_10"></div>
           
         <div class="latest_news">
                <div class="header_03"><a href="#">MMO Dergi İçin Çalışmalar
               Başladı</a></div>
                <p>WEBME'nin en iyisi olmayı hedefleyen sitemiz yakında bir PDF
            dergi ile sizlerin karşısına geçecek. Ayrıntılı bilgi için
            TIKLAYINIZ</p>
         </div>
           
          <div class="margin_bottom_20 horizontal_divider"></div>
         <div class="margin_bottom_20"></div>
           
            <div class="header_01">Günün Teaseri</div>

            <div class="latest_news">
               <div class="image_wrapper_02"><span></span><a href="#"><img src="http://img.webme.com/pic/m/mmocanavari/templatemo_image_03.jpg" alt="video" /></a></div>
                <p><a href="#">Pes 2011'den kareler</a></p>
            <p>Bilgisayarlar için tam bir rüya olan PES 2011'in tanıtım
            traileri yayımlandı.</p>
            <p>İzlemek İçin T</p>
         </div>
                       
          <div class="margin_bottom_10"></div>
        </div> <!-- end of right side bar -->
       
        <div class="cleaner"></div>   
    </div> <!-- end of content wrapper -->
   
</div>
</div>

 <div id="templatemo_footer">
        Copyright © MMOCanavarı</a>
      </div> <!-- end of footer -->
    <div class="margin_bottom_10"></div>
   
    <div class="content_section">
       <center>
       <a 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="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></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-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
   </center>
      <div class="margin_bottom_10"></div>
   </div>


CSS

Kod:
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;
   line-height: 1.5em;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #999;
   background: #272525 url(http://img.webme.com/pic/m/mmocanavari/templatemo_top_bg.jpg) repeat-x;
}

a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #99FF00; text-decoration: underline; }

p {
   margin: 0px;
   padding: 0px;
   text-align: justify;
}

img {
   margin: 0px;
   padding: 0px;
   border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;   }
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;   }
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;   }
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;   }
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;   }
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;   }

.margin_right_10 { margin-right: 10px; }
.margin_right_60 { margin-right: 60px; }

.horizontal_divider {
   background: url(http://img14.imageshack.us/img14/4346/templatemohorizontaldiv.jpg) bottom repeat-x;
}

.border_bottom {
   border-bottom: 1px dashed #000;
}

.fl {
   float: left;
}

.fr {
   float: right;
}

.rc_btn_01 a {
   clear: both;
   display: block;
   width: 120px;
   height: 25px;
   padding: 5px 0 0 0;
   font-size: 12px;
   text-align: center;
   color: #000000;
   text-decoration: none;
   border: none;
   background: url(http://img.webme.com/pic/m/mmocanavari/templatemo_button_01.jpg) no-repeat;
}

#templatemo_wrapper_outer {
   width: 100%;
   margin: 0 auto;
}

#templatemo_wrapper_inner {
   width: 980px;
   margin: 0 auto;
   padding: 0 5px;
   background: url(http://img.webme.com/pic/m/mmocanavari/templatemo_wrapper_bg.png) repeat-y;
}

#templatemo_banner {
   width: 980px;
   height: 250px;
   background: url(http://img.webme.com/pic/m/mmocanavari/templatemo_banner_bg_blank.jpg) no-repeat;
}

/* menu */

#templatemo_menu {
   clear: both;
   width: 500px;
   height: 65px;
   padding: 0 240px;
   background: url(http://img.webme.com/pic/m/mmocanavari/templatemo_menu_bg.jpg) no-repeat;
}

#templatemo_menu ul {
   width: 500px;
   margin: 0px;
   padding: 20px 0 0 15px;
   list-style: none;
}

#templatemo_menu ul li {
   display: inline;
}

#templatemo_menu ul li a {
   float: left;
   padding: 0 20px;
   text-align: center;
   font-size: 12px;
   text-align: center;
   text-decoration: none;
   color: #999999;   
   font-weight: bold;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
   color: #ffffff;
}
/* end of menu*/

#templatemo_content_wrapper {
   clear: both;
   width: 960px;
   padding: 10px;
}

.templatemo_content {
   float: left;
   width: 460px;
   padding: 20px 19px 0 19px;
   background: #1b1919;
   border: 1px solid #363434;
}

.header_01 {
   padding: 0 0 5px 0;
   margin: 0 0 10px 0;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   /*color: #e40b0b;*/
}


.header_02 {
   padding: 0 0 5px 0;
   margin: 0 0 10px 0;
   font-size: 18px;
   font-weight: bold;
   color: #ffffff;
   /*color: #e40b0b;*/
}

.header_03 {
   padding: 0 0 5px 0;
   font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   /*color: #99be29;*/   
}

.header_03 a { color: #ffffff; text-decoration: none; }
.header_03 a:hover { color: #99FF00; }

.templatemo_side_bar {
   float: left;
   width: 180px;
   padding: 20px 19px 0 19px;
   background: #1b1919;
   border: 1px solid #363434;   
}

.templatemo_side_bar ul {
   margin: 0px;
   padding: 0px;
}

.templatemo_side_bar ul li {
   margin: 0px;
   padding: 0 0 0 0;
   margin-bottom: 5px;
   border-left: 5px solid #000;
   list-style: none;
}

.templatemo_side_bar ul li a {
   display: block;
   background: #242224;
   padding: 5px 0 5px 10px;
   color: #b5b1b1;
   text-decoration: none;
}

.templatemo_side_bar ul li a:hover {
   color: #ffffff;
   background: #000;
}

.templatemo_side_bar form {
   margin: 0px;
   padding: 0px;
}

#search_field {
   padding: 5px 0 0 0;
   height: 20px;
   width: 175px;
   margin-bottom: 10px;
}

#search_button {
   float: right;
   width: 120px;
    height: 30px;
   padding: 0;
   margin: 0;
   cursor: pointer;
   font-size: 12px;
   text-align: center;
   white-space: pre;
   background: url(http://img.webme.com/pic/m/mmocanavari/templatemo_button_02.png) no-repeat;
   color: #000000;
   border: none;
}

.content_section {
   clear: both;
   padding: 0 0 0 0;
}

.content_section p span {
   color: #ffffff;
}

.image_wrapper_01 {
   float: left;
   position: relative;
   margin: 3px 20px 0 0;
   background: #131212;
   padding: 4px;
}

.image_wrapper_01 img {
   border: 1px solid #363434;
}

.image_wrapper_02 {
   position: relative;
   margin: 0 0 10px 0;
   background: #131212;
   padding: 4px;
}

.image_wrapper_02 span {
   position: absolute;
   width: 20px;
   height: 20px;
   bottom: 10px;
   right: 10px;
   background: url(http://img.webme.com/pic/m/mmocanavari/templatemo_play_icon.jpg) no-repeat;
}

.image_wrapper_02:hover span {
   background: url(http://img.webme.com/pic/m/mmocanavari/templatemo_play_icon_hover.jpg) no-repeat;
}

.image_wrapper_02 img {
   border: 1px solid #363434;
}

.image_wrapper img {
   border: 1px solid #363434;
}

.latest_news {
   clear: both;
   padding-bottom: 10px;
}

#templatemo_footer {
   clear: both;
   width: 990px;
   height: 40px;
   margin: 0 auto;
   padding: 20px 0 0 0;
   text-align: center;
   background: url(http://img.webme.com/pic/m/mmocanavari/templatemo_footer.jpg) no-repeat;
}
↑
Mesaj03.10.2010, 12:19 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Dostum tasarım üç kısma ayrılmaz.
Tasarım dört kısma ayrılır; Tasarım altı, Tasarım Üstü, CSS kısmı ve sayfa içi kodları.

Sen burda sayfa içi kodlarını üst kısma bırakmışsın veya alt kısma tam incelemedm. O tasarımı yeniden ayır ve orta yazı kısmını sayfa içine yerleştir.
______________
↑
Mesaj05.10.2010, 18:12 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Tasarım Güzele benziyo Ama Ufak Tefek Hatalar Var..
______________

----------------------------------------------------------------------
Sitemizin Tasarımı Başka Sitelerde Görülürse gerekli İşlemler Yapılacaktır !!!!
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu

© 2025 webme GmbH, Almanya, Tüm hakları saklıdır.