Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj16.04.2011, 18:17 (UTC)    
Mesaj konusu: Yardım lütfen, yorum bölümü

tasarım bilen arkadaşlardan yardım istiyorum. Sitemde yorum bölümümdeki hata neyden kaynaklanıyor olabilir. Kodları aşağıya yazıyorum. İzinsiz kullanılamaz.


Tasarım üstü:
Kod:
   <div id="a">
      <header>
     <a href="/" title="Startseite"><strong>Uğur Gülser</strong> Beyin Gücü Araştırmacısı / Web Tasarımcısı</a></header>
      <div id="b">
        <article>
            
            
            
               
            
            <p>


Tasarım Altı:
Kod:
</p>
        </article>
                   <aside>
            <h4>Arama Kutusu</h4>
             <form action="http://ugurgulser.tr.gg/arama.htm" id="cse-search-box">  <div>    <input type="hidden" name="cx" value="partner-pub-5090427691257378:pwphm2qadw7" />    <input type="hidden" name="cof" value="FORID:10" />    <input type="hidden" name="ie" value="ISO-8859-9" />    <input type="text" name="q" size="15" />    <input type="submit" name="sa" value="Ara" />  </div></form><script type="text/javascript" src="//www.google.com.tr/cse/brand?form=cse-search-box&lang=tr"></script>
        <nav>
               <h4>Kategori</h4>
               <ul>
                  <li><a href="#">Anasayfa</a></li>
                  <li><a href="#">İletişim</a></li>
                  <li class="active"><a href="#">Beyin Gücü</a>
                     <ul>
                        <li><a href="#">Hipnoz</a></li>
                                <li><a href="#">Telekinezi</a></li>
                                <li><a href="#">Bilinç</a></li>
                                <li><a href="#">Enerji ve Farkındalık</a></li>
                    </ul>
               
                  </li>
                  <li class="active"><a href="#">Web Tasarım</a>
                     <ul>
                        <li><a href="#">Teknik Bilgiler</a></li>
                        <li><a href="#">Hayalindeki Site</a></li>
                                <li><a href="#">Başlayalım</a></li>
                                <li><a href="#">Hazır Kodlar</a></li>
                                <li><a href="#">Sık Sorulan Sorular</a></li>
                     </ul>
               
                  </li>
                  <li class="active"><a href="#">Sponsorlarımız</a>
                     <ul>
                        <li><a href="#">Minoblue</a></li>
            </ul>
               
                 </li>
               </ul>
           </nav>
            <h4>Yazar Hakkında</h4>
            <div id="c">
               <img src="http://i1104.hizliresim.com/2011/4/16/9580.jpg" alt="Uğur Gülser">
               <p>Merhaba benim adım Uğur Gülser. Beyin gücü ile ilgili uygulamalı araştırmalar yapıyorum. Dostça seminerler veriyorum.</p>
               <p>Ayrıca site tasarlama ile uğraşıyorum. Elimden geldiğince size faydalı olamya çalışacağım. Sormak istediğiniz soruları İletişim'den sorabilirsiniz.</p>
           </div>
            <h4>Muhteşem Manzaralar</h4>
            <ul class="gallery">
               <li><a href="index.html"><img src="i/img1.png"/></a></li>
               <li><a href="index.html"><img src="i/img2.png"/></a></li>
               <li><a href="index.html"><img src="i/img3.png"/></a></li>
            </ul>
            <ul class="gallery">
               <li><a href="index.html"><img src="i/img4.png"/></a></li>
               <li><a href="index.html"><img src="i/img5.png"/></a></li>
               <li><a href="index.html"><img src="i/img6.png"/></a></li>
            </ul>
            <h4>Reklam Alanı</h4>
            <div class="adspace">
               <a href="http://www.jabz.biz/" rel="me"><img src="http://i1104.hizliresim.com/2011/4/16/13195.png" alt="Jabz Internet Marketing GmbH" title="Jabz Internet Marketing GmbH"/></a>
            </div>
            <h4>Son Yazılarım</h4>
            <ul>
               <li><a href="http://www.jabz.biz/">Jabz Internet Marketing GmbH</a></li>
               <li><a href="http://www.jabz.info/contact/jonas-jared-jacek/">Jonas Jacek</a></li>
               <li><a href="http://www.w3.org/">World Wide Web Consortium</a></li>
               <li><a href="http://www.getfirefox.com/">Firefox Web Browser</a></li>
            </ul>
            <h4>Etiket Bulutu</h4>
        <ul id="tagcloud">
               <li class="tagcloudsize-1"><a href="#">Beyin Gücü</a></li>
               <li class="tagcloudsize-2"><a href="#">Telekinezi</a></li>
               <li class="tagcloudsize-3"><a href="#">Bedava-Sitem</a>
               </li>
               <li class="tagcloudsize-2"><a href="#">Metafizik Uğur Gülser</a>
        </li>
               <li class="tagcloudsize-1"><a href="#">Hipnoz</a>
            </li></ul>
         </aside>
     </div>
      <footer>
         <p>Template Design & Markup by <a href="http://www.jabz.info/contact/jonas-jared-jacek/" title="Profile of Jonas Jacek">Jonas Jacek</a> for <a href="http://www.owmx.com/" title="Free HTML5 & CSS3 Web Template | owmx.com">Free HTML5 & CSS3 Web Templates</a>.</p>
      </footer>
   </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;}
table {margin-left: auto;margin-right: auto}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


/*==================================================
Template:   OWMX-3
Resource:   http://www.owmx.com/
Version:   1.0
Date:   2010-09-13
Editor:   Jonas Jacek
License:   CC Attribution-Share Alike 3.0 Unported   
==================================================*/

/* Reset */
header, footer, article, nav, section, aside, time, hgroup {
   display : block;
}
html, body, header, footer, article, nav, section, aside, time, h1, h2, h3, p, a, ul, li, dl, dd, dt, table, thead, tfoot, tbody, th, tr, td {
   border : 0;
   font : 12px/22px Verdana, sans-serif;
   margin : 0;
   outline : 0;
   padding : 0;
}

/* BASICS */
BODY {
   background : #DDD;
   margin : 10px 0 0 0;
   color : #444;
}

A {
   color : #016f93;
   text-decoration : none;
   }
   A:HOVER {
      color : #DB0202;
   }

H1, H3, H4, H5, H6 {
   background : url(http://i1104.hizliresim.com/2011/4/16/13138.png) no-repeat 0 7px;
   border-bottom : 1px solid #CCC;
   color : #666;
   font-weight : bold;
   margin : 0 0 10px;
   padding : 0 0 0 25px;
   }
   H1 {
      background : url(http://i1104.hizliresim.com/2011/4/16/13152.png) no-repeat 0 6px;
      font-size : 15px;
   }
   H2 {
      font-size : 14px;
      margin : 0 0 20px 0;
   }
   H3 {
      background : url(http://i1104.hizliresim.com/2011/4/16/13120.png) no-repeat 0 7px;
   }
   H3, H4, H5, H6 {
      font-size : 13px;
   }
   
SUP {
   top : -4px;
}

/* Header */
header {
   -moz-border-radius : 4px;
   -webkit-border-radius : 4px;
   background : #0098CC url(http://i1104.hizliresim.com/2011/4/16/9842.jpg) no-repeat top left;
   height : 200px;
   margin : 0 0 10px 0;
   padding : 10px 10px;
   position : relative;
   }
   header a {
      color : #FFF;
      font-size : 16px;
   }
   header a:hover {
      color : #FFF;
   }
   header p {
      -moz-border-radius : 4px;
      -webkit-border-radius : 4px;
      background : #FFF;
      bottom : 20px;
      color : #000;
      font-weight : bold;
      opacity : 0.5;
      padding : 10px;
      position : absolute;
      right : 20px;
      width : 400px;
   }

/* Article */
article {
   -moz-border-radius : 4px;
   -webkit-border-radius : 4px;
   background : #FFF;
   border: 1px solid #CCC;
   float : right;
   height : auto;
   padding : 20px;
   width : 550px;
   }
   article p {
      margin : 0 0 20px 0;
   }
   article img {
      float : left;
      margin : 6px 10px 0 0;
   }

/* Highlighted Paragraphs */
.highlight-1, .highlight-2, .highlight-3 {
   -moz-border-radius : 4px;
   -webkit-border-radius : 4px;
   padding : 5px 10px;
}
   .highlight-1 {
      background : #FFCCCC;
      border : 1px dotted #FF9966;   
   }
   .highlight-2 {
      background : #FFFF99;
      border : 1px dotted #FFCC33;   
   }
   .highlight-3 {
      background : #CCFF99;
      border : 1px dotted #CCCC33;
   }

/* Citations & Quotes */
cite {
   border-left: 2px solid #0098CC;
   color : #666;
   font-size : 10px;
   font-style : normal;
   font-weight : bold;
   margin : 0;
   padding : 5px 10px;
}

blockquote {
   border-left: 2px solid #0098CC;
   color : #666;
   margin : 0 0 20px 0;
   padding : 5px 10px;
}

/* Pre & Code */
pre {
   color : #333;
   font-size : 10px;
   line-height : 15px; /*--Height of each line of code--*/
   overflow : hidden; /*--If the Code exceeds the width, put "auto" and scrolling is available--*/
   overflow-Y : hidden;  /*--Hides vertical scroll created by IE--*/
   }
   pre code {
      background : #EEE;
      border-left : 2px solid #0098CC;
      margin : 0 0 10px 0;
      padding : 5px;
      display : block;
   }

/* Table */
table {
   border-collapse : collapse;
   text-align:left;
   margin : 0 0 20px 0;
   }
   caption {
      -moz-border-radius : 4px;
      -webkit-border-radius : 4px;
      background : #0098CC;
      color : #FFF;
      font-weight : bold;
      }
   tr:nth-child(odd) {
      background : #FFF;
      }
   tr:nth-child(even) {
      background : #DDD;
      }
   tr:hover td {
      color : #0098CC;
      }
   td, th {
      min-width : 120px;
      padding : 0 5px;
      vertical-align:top;
      }
   th {
      background : #FFF;
      border-bottom : 2px solid #0098CC;
      color : #666;
      font-size : 10px;
      font-weight : bold;
      }
   td {
      border-bottom : 1px solid #CCC;
      font-size : 10px;
      }

/* Calendar */
dl.vevent {
   margin : -20px 0 20px 0;
   padding : 0;
   }
   .vevent dt {
      font-size : 10px;
      position : relative;
      left : 0;
      top : 22px;
      font-weight : bold;
   }
   .vevent dd
   {
      border-left : 2px solid #0098CC;
      font-size : 11px;
      margin : 0 0 0 80px;
      padding : 0 0 0 10px;
   }
   dd.summary {
      font-weight : bold;
   }
   .vevent a {
      font-size : 11px;
   }

/* Forms */
article form {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background : #DDD;
   margin : 0 0 20px;
   padding : 10px;
   }
   article label {
      color : #666;
      display : block;
      font-size : 10px;
      font-weight : bold;
      margin : 0 0 0 2px;
   }
   article input, article textarea {
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border : 1px solid #CCC;
      font-size : 11px;
      padding : 4px 5px;
      width : 458px;
   }
   article input {
      margin : 0 0 10px;
   }
   article input.button, .btn {
      background: #999;
      border : 1px solid #888;
      color: #FFF;
      cursor : pointer;
      font-weight : bold;
      margin : 10px 0 0 0;
      text-shadow : 0 -1px 1px rgba(0,0,0,0.25);
      width : 25%;
   }
   article textarea {
      height : 100px;
   }

/* Lists */
article ul, aside ul {
   list-style : none;
   margin : 0 0 20px 0;
   }
   article ul {
      margin : 0 0 20px 23px;
   }
   article ul li {
      background : url(http://i1104.hizliresim.com/2011/4/16/13071.png) no-repeat 0 8px;
      padding : 0 0 0 17px;
   }

/* Sidebar */
aside {
   background : #EEE;
   float : left;
   margin : 0 0 20px 0;
   width : 200px;
}

/* Search Box */
.s {
   -moz-border-radius : 4px;
   -webkit-border-radius : 4px;
   margin : 0 0 20px 0;
   padding : 10px;
   width : 179px;
   }
   .s input {
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border : 1px solid #AAA;
      color : #999;
      font-size : 11px;
      padding : 4px 5px;
      width : 168px;
   }

/* Navigation & Menu */
nav ul {
   list-style : none;
   }
   nav li {
      background : url(http://i1104.hizliresim.com/2011/4/16/13115.png) no-repeat 0 8px;
      padding : 0 0 0 15px;
   }
   nav li ul, aside li ul li ul {
      margin : 0;
   }
   nav li li a {
      font-size : 11px;
   }
   nav li li li a {
      font-size : 10px;
      }
   nav li li li, aside li.active li li {
      background : url(http://i1104.hizliresim.com/2011/4/16/13205.png) no-repeat 0 10px;
   }
   nav li.active, aside li.active li {
      background : url(http://i1104.hizliresim.com/2011/4/16/13211.png) no-repeat 0 8px;
   }

/* Gallery */
.gallery { 
   list-style : none;
   margin : 0 0 10px;
   }
   .gallery li {
      display: inline;
      margin : 0 15px 0 0;
   }
   .gallery a img {
      border : 1px solid #999;
      height : 50px;
      opacity: 0.8;
      padding : 1px;
      width : 50px;
   }
   .gallery li:last-child {
      margin : 0 0 10px 0;
   }
   .gallery a img:hover{
      opacity: 1;
   }
   
/* Ad Space */
.adspace {
   -moz-border-radius : 4px;
   -webkit-border-radius : 4px;
   -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
   -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
   background : #EEE;
   height : 100%;
   margin : 0 0 20px 0;
   padding : 5px 10px;
   text-align : center;
   width : 178px;
   }
   .adspace a img {
      border : none;
   }

/* Tag Cloud */
#tagcloud {
   overflow : hidden;
   width : 200px;
   }
   #tagcloud li {
   display : inline;
   margin : 0 10px 0 0;
   }
      .tagcloudsize-1 a {
         font-size : 14px;
      }
      .tagcloudsize-2 a {
         font-size : 16px;
      }
      .tagcloudsize-3 a {
         font-size : 18px;
      }

/* Footer */
footer {
   border-top : 1px dotted #B5B3A9;
   clear : both;
   margin : 20px 0;
   }
   footer a, footer p {
     color : #666;
     display : inline;
     font-size : 10px;
   }

/* Wrappers */
#a, #b {
   margin : 0 auto;
   position : relative;
   }
   #a {
      -moz-border-radius : 4px;
      -webkit-border-radius : 4px;
      -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
      -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
      background : #EEE;
      padding : 10px 10px 0 10px;
      width : 800px;
   }
   #b {
      overflow : hidden;
   }

/* Shadow-Boxes*/
#c, .meta, .s, nav ul {
   -moz-border-radius : 4px;
   -webkit-border-radius : 4px;
   -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.4);
   -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.4);
   background : #CCC;
   }
   #c {
      margin : 0 0 20px 0;
      padding : 5px 10px;
      width : 178px;
      }
      #c p, #c a {
         font-size : 11px;
         line-height : 15px;
      }
      #c p {
         margin : 0 0 10px 0;
      }
      #c img {
         -moz-border-radius : 4px;
         -webkit-border-radius : 4px;
         float : left;
         margin : 4px 10px 2px 0;
      }   
   .meta {
      margin : 20px 0 3px;
      padding : 2px 5px;
      }
      .meta p, .meta a {
         font-size : 10px;
         margin : 0;
      }
   nav ul {
         padding : 10px;
      }
      nav ul ul {
         -moz-border-radius : none;
         -webkit-border-radius : none;
         -moz-box-shadow : none;
         -webkit-box-shadow : none;
      }




YARDIM
Önceki mesajları göster:   


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