Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj09.04.2010, 16:38 (UTC)    
Mesaj konusu: Tasarımda Hata

Arkadaşlar ben tasarımı ayırdım filan herşeyi yaptım fakat bir hata ile katşılaştım menü normal olması gereken yerdede var içerik alanındada var kodlara bakıp nerede hata olduğunu söylermisiniz?
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj09.04.2010, 20:51 (UTC)    
Mesaj konusu:

Arkadaşlar anlayan yok mu?
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj09.04.2010, 21:47 (UTC)    
Mesaj konusu:

aynı kodlardan çift kopyalanmış kodlarının içinde menü kodlarını 2 defa kopyalamışsınız css kodu bölümüne ekleyip eklemediğinzii kontrol ediniz orada yoksa kesinlikle tasarımın altındaki yazı bölümündee
______________
Destek: support-tr( at )webme.com not:(at) değil @ Arrow Sıkça Sorulan Sorular Arrow Googleye Kayıt Resimli Anlatım
PROFESYONEL KENDİSİNİN YAPTIĞI YARDIMLARI DEĞİL, KENDİNE YAPILAN YARDIMLARI HATIRLAYANDIR.
Mesaj10.04.2010, 08:13 (UTC)    
Mesaj konusu:

Kardeşim baktım kaynakta 2 kere yazılmış gösteriyor fakat kodlara bakıyorum öyle birşey yok buyrun kodlar...


Tasarımın Üstü

Kod:
<div id="wrap">
<div id="header">
<div id="topnav">
<ul>
<li class="active"><a href="http://paylasim61.tr.gg">Ana Sayfa</a></li>
<li><a href="http://paylasim61.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm">Hakkimizda</a></li>
<li><a href="http://paylasim61.tr.gg/Site-Haritas%26%23305%3B.htm">Site Haritasi</a></li>
<li><a href="http://paylasim61.tr.gg/Ziyaret%E7i-defteri.htm">Ziyaretçi Defteri</a></li>
<li><a href="http://paylasim61.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">Iletisim</a></li>
</ul>
</div>
<div id="breadcrumb"><a href="#">Paylasim61.Tr.Gg</a> » <a href="#">[subpage]</a></div>
<h1 id="sitename"><a href="#">Paylasim61.Tr.Gg</a><span class="caption">Hizmette Sinir Tanimiyoruz!</span> </h1>
</div>
<div id="content">
<div id="left">
<div class="post">
<div class="post_h">

</div>


Tasarımın altı:

Kod:
</div>

<div id="pagination">
<strong><span style="color: brown; "><center><a href="Reklam.htm">Reklam Alani 1</a></center></span></strong></div>
</div>
<div id="sidebar">
      
         <h3>Genel</h3>
         <ul>            
   <li class="cat-item cat-item-4"><a href="Ana-Sayfa.htm" title="cat">Ana Sayfa</a></li>
   <li class="cat-item cat-item-1"><a href="Hakk%26%23305%3Bm%26%23305%3Bzda.htm">Hakkimizda</a></li>
   <li class="cat-item cat-item-5"><a href="Site-Haritas%26%23305%3B.htm" title="cat">Site Haritasi</a></li>
   <li class="cat-item cat-item-3"><a href="Ziyaret%E7i-defteri.htm">Ziyaretçi Defteri</a></li>
   <li class="cat-item cat-item-1"><a href="%26%23304%3Bleti%26%23351%3Bim.htm">Iletisim</a></li>
   <li class="cat-item cat-item-6"><a href="Linkler.htm">Linkler</a></li>
   <li class="cat-item cat-item-7"><a href="Gazete.htm">Gazete</a></li>
   <li class="cat-item cat-item-8"><a href="Galeri.htm">Galeri</a></li>
   <li class="cat-item cat-item-9"><a href="R.oe.portajlar.htm">Röportajlar</a></li>
         </ul>

         <h3>Eglence</h3>
         <ul>            
   <li class="cat-item cat-item-1"><a href='Bilgisayar-Oyunlar%26%23305%3B.htm'>Bilgisayar Oyunlari</a></li>
   <li class="cat-item cat-item-1"><a href='Browser-Oyunlar%26%23305%3B.htm'>Browser Oyunlari</a></li>
   <li class="cat-item cat-item-1"><a href='F%26%23305%3Bkralar.htm'>Fikralar</a></li>
   <li class="cat-item cat-item-1"><a href='Komik-Resimler.htm'>Komik Resimler</a></li>
   <li class="cat-item cat-item-1"><a href='Komik-Videolar.htm'>Komik Videolar</a></li>
         </ul>   
            
            <h3>Egitim-Ögretim</h3>
         <ul>            
   <li class="cat-item cat-item-1"><a href='Konu-Anlat%26%23305%3Bmlar%26%23305%3B.htm'>Konu Anlatimlari</a></li>
   <li class="cat-item cat-item-1"><a href='D.oe.k.ue.man-Ar%26%23351%3Bivi.htm'>Döküman Arsivi</a></li>
   <li class="cat-item cat-item-1"><a href='Testler.htm'>Testler</a></li>
         </ul>   
         
                     <h3>WebMaster</h3>
         <ul>            
   <li class="cat-item cat-item-1"><a href='HTML-Kodlar.htm'>HTML Kodlar</a></li>
   <li class="cat-item cat-item-1"><a href='Tr-.-Gg-CSS-Tasar%26%23305%3Bmlar.htm'>Tr.Gg CSS Tasarimlar</a></li>
   <li class="cat-item cat-item-1"><a href='CSS-Anlat%26%23305%3Bmlar%26%23305%3B.htm'>CSS Anlatimlari</a></li>
   <li class="cat-item cat-item-1"><a href='Tr-.-Gg-Anlat%26%23305%3Bmlar%26%23305%3B.htm'>Tr.Gg Anlatimlari</a></li>
   <li class="cat-item cat-item-1"><a href='Web-Master-Programlar%26%23305%3B.htm'>WebMaster Programalri</a></li>
            </ul>   
         
                     <h3>Genel Kültür</h3>
         <ul>            
   <li class="cat-item cat-item-1"><a href='%26%23304%3Bller.htm'>Iller</a></li>
   <li class="cat-item cat-item-1"><a href='Biyografiler.htm'>Biyografiler</a></li>
   <li class="cat-item cat-item-1"><a href='Tarihi-Yap%26%23305%3Blar.htm'>Tarihi Yapilar</a></li>
   <li class="cat-item cat-item-1"><a href='Genel-K.ue.lt.ue.r-Sorular%26%23305%3B.htm'>Genel Kültür Sorulari</a></li>
            </ul>   
                              <h3>Bilgisayar</h3>
         <ul>            
   <li class="cat-item cat-item-1"><a href='G.ue.venlik.htm'>Güvenlik</a></li>
   <li class="cat-item cat-item-1"><a href='Program-Anlat%26%23305%3Bmlar%26%23305%3B.htm'>Program Anlatimlari</a></li>
   <li class="cat-item cat-item-1"><a href='Bilgisayarda-Bilinmeyenler.htm'>Bilgisayarda Bilinmeyenler</a></li>
   <li class="cat-item cat-item-1"><a href='K%26%23305%3Bsayol-Tu%26%23351%3Blar%26%23305%3B.htm'>Kisayol Tuslari</a></li>
   <li class="cat-item cat-item-1"><a href='Taray%26%23305%3Bc%26%23305%3Blar-k1-Browserlar-k2-.htm'>Tarayicilar(Browserlar)</a></li>
   <li class="cat-item cat-item-1"><a href='Messenger.htm'>Messenger</a></li>
            </ul>   
            <h3>Reklam Alani</h3>
         <ul>            
   <li class="cat-item cat-item-1"><a href="Reklam.htm">Reklam Alani 2</a></li>
   <li class="cat-item cat-item-1"><a href="Reklam.htm">Reklam Alani 2</a></li>
   <li class="cat-item cat-item-1"><a href="Reklam.htm">Reklam Alani 2</a></li>
   <li class="cat-item cat-item-1"><a href="Reklam.htm">Reklam Alani 2</a></li>
            </ul>   
            
         

</div>
<div class="clear"></div>
</div>
<div id="pagebottom"></div>

<div id="footer">
<p>© Tüm Haklari Saklidir 2010-2010</p>
<p><a href="Reklam.htm">Reklam Alani 3</a> | <a href="Reklam.htm">Reklam Alani 3</a> | <a href="Reklam.htm">Reklam Alani 3</a> | <a href="Reklam.htm">Reklam Alani 3</a> | <a href="Reklam.htm">Reklam Alani 3</a> | <a href="Reklam.htm">Reklam Alani 3</a> | <a href="Reklam.htm">Reklam Alani 3</a></p>
<p>Yapimci: Muhammet Dilmaç </p>

</div>
</div>


Css Kodu:

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;}
* {padding:0; margin:0;}
#wrap #header #sitename {
   display: block;
   font: normal 28px Georgia, "Times New Roman", Times, serif;
   padding-left: 45px;
   padding-top: 15px;
   color: #000000;
   width: 300px;
   float: left;
}
#wrap #header .intro {
   display: block;
   float: right;
   width: 500px;
   padding-right: 55px;
   padding-top: 20px;
   font: italic normal 18px Georgia, "Times New Roman", Times, serif;
   color: #005979;
}
#wrap #header #breadcrumb a {
   color: #CCCCCC;
   text-decoration: none;
}
#wrap #header #breadcrumb a:visited, #wrap #header #breadcrumb a:active {
   color: #CCCCCC;
   text-decoration: none;
}#wrap #header #breadcrumb a:hover {
   color: #fff;
   text-decoration: none;
}
#wrap #header #sitename .caption {
   font-size: 12px;
   display: block;
}

ul {list-style:none}
a {
   color: #069;
}


html {
   background: #14222b url(http://img.webme.com/pic/p/paylasim61/bodybg.jpg);
}
.clear {clear:both;}
body {background:url(http://img.webme.com/pic/p/paylasim61/bgtop.jpg) repeat-x; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
#wrap {background:url(http://img.webme.com/pic/p/paylasim61/pagebg.jpg) repeat-y; width:953px; margin:auto;}
#header {background:url(http://img.webme.com/pic/p/paylasim61/header3.jpg) no-repeat; height:210px;}
#content {
   background:url(http://img.webme.com/pic/p/paylasim61/pageheader.jpg) no-repeat top;
   padding-left: 35px;
   padding-right: 35px;
   padding-top: 15px;
}
#footer{
   background:url(http://img.webme.com/pic/p/paylasim61/footer.jpg) no-repeat;
   height:130px;
   text-align: center;
   color: #9AACB8;
   padding-top: 50px;
}
#wrap #footer a {
   color: #C7D9E5;
   text-decoration: none;
}

#left {width:652px; float:left;}
#left .post {
   width: 639px;
   margin-left: 4px;
   margin-bottom: 15px;
   background: url(http://img.webme.com/pic/p/paylasim61/postbg.jpg) repeat-y;
}
#left .post .post_h {
   background: url(http://img.webme.com/pic/p/paylasim61/postheader.jpg) no-repeat;
   height: 17px;
}
.post .post_b {
   background: url(http://img.webme.com/pic/p/paylasim61/postfooter.jpg) no-repeat;
   height: 30px;
   padding-top: 10px;
   padding-left: 20px;
   padding-right: 20px;
}
.post_b .permalink {
   display: block;
   float: left;
   background: url(http://img.webme.com/pic/p/paylasim61/readmore.jpg) no-repeat;
   height: 16px;
   padding-left: 20px;
   padding-top: 2px;
   margin-right: 5px;
   margin-left: 5px;
}

.post .postcontent {
   padding: 5px 25px;
}
.post .date {
   font-size: 10px;
   color: #999999;
   display: block;
   background: url(http://img.webme.com/pic/p/paylasim61/posticon.jpg) no-repeat;
   padding-left: 20px;
   height: 16px;
   padding-top: 4px;
}
.post  h2 {
   font: normal 18px Georgia, "Times New Roman", Times, serif;
   color: #007993;
   display: block;
   margin-bottom: 18px;
   padding-top: 5px;
}


#pagebottom {background:url(http://img.webme.com/pic/p/paylasim61/paginationbg.jpg) no-repeat; height:44px; clear:both;}
#topnav {
   height:50px;
   padding-top: 32px;
   padding-left: 30px;
}#breadcrumb {
   color: #CCCCCC;
   padding-left: 135px;
   padding-top: 6px;
}
#wrap #content #left #pagination {
   background: #9AACB8;
   margin-right: 15px;
   margin-left: 15px;
   padding: 8px;
   margin-bottom: 15px;
}
#pagination .alignleft {
   display: block;
   float: left;
   width: 200px;
}
#pagination .alignright {
   text-align: right;
   display: block;
   margin-left: 400px;
}
#topnav li {
   display: inline;
   text-transform: uppercase;
   font: bold 14px "Trebuchet MS", Arial, Halvetica, sans-serif;
}
#topnav a {
   display: block;
   height: 35px; width: 137px; float: left; margin:0 3px 0 3px; text-align:center; padding-top:15px; color:#ccc; text-decoration:none;}
#topnav .active a {background:url(http://img.webme.com/pic/p/paylasim61/menuhover.png) no-repeat; color:#fff;}
#topnav a:hover {background:url(http://img.webme.com/pic/p/paylasim61/menunormal.png) no-repeat; color:#333;}#wrap #content #sidebar {
   margin-left: 665px;
}
#wrap #content #sidebar h3 {
   background: url(http://img.webme.com/pic/p/paylasim61/sidebarheading.jpg) no-repeat;
   display: block;
   width: 195px;
   height: 30px;
   color: #FFFFFF;
   padding-top: 6px;
   padding-right: 10px;
   padding-left: 10px;
   font: 16px "Trebuchet MS", Arial, Halvetica, sans-serif;
   text-transform: uppercase;
   margin-bottom: 8px;
}
#sidebar .cat-item {
   display: block;
   height: 24px;
   border:none!important; padding:0!important;
}
#sidebar li {
   margin-left: 10px;
   margin-right: 10px;
}
#sidebar li {
   display: block;
   padding-top: 5px;
   padding-bottom: 5px;
   border-bottom: 1px solid #91B5CC;
}
#sidebar ul li a {
   text-decoration: none;
   color: #15222B;
}


.cat-item  a {
   display: block;
   height: 19px;
   padding-top: 5px;
   text-decoration: none;
   color: #15222B;
   border-bottom: 1px solid #91B5CC;
}
#sidebar ul {
   margin-bottom: 15px;
}



.post p {
   line-height: 18px;
   margin-bottom: 18px;
}
.post_b .category {
   display: block;
   float: left;
   background: url(http://img.webme.com/pic/p/paylasim61/category.jpg) no-repeat;
   height: 16px;
   padding-left: 20px;
   padding-top: 2px;
   margin-right: 5px;
   margin-left: 5px;
}
.post_b  a {
   color: #FFFFFF;
   text-decoration: none;
}

.post_b .comment {

   display: block;
   float: left;
   background: url(http://img.webme.com/pic/p/paylasim61/comment.jpg) no-repeat;
   height: 16px;
   padding-left: 24px;
   padding-top: 2px;
   margin-right: 5px;
   margin-left: 5px;
}
.post_b a:visited, .post_b a:active {
   color: #FFFFFF;
   text-decoration: none;
}
.post_b a:hover {
   color: #FFFFFF;
   text-decoration: underline;
}
a:visited, active {
   color: #000033;
}
a:hover {
   color: #000000;
   text-decoration: none;
}
#pagination a {
   text-decoration: none;
}
#sidebar ul li a:visited, #sidebar ul li a:active {
   text-decoration: none;
   color: #15222B;
}
#sidebar ul li a:hover {

   text-decoration: none;
   color: #000000;
}
.cat-item a:visited .cat-item a:active {

   display: block;
   height: 19px;
   padding-top: 5px;
   text-decoration: none;
   color: #15222B;
   border-bottom: 1px solid #91B5CC;
}
.cat-item a:hover {
   display: block;
   height: 19px;
   padding-top: 5px;
   text-decoration: none;
   color: #000000;
   border-bottom: 1px solid #91B5CC;
   background: #DEE9EF;
}
#wrap #content #sidebar .searchform p {
   padding: 8px;
}
#wrap #content #sidebar .searchform .button {
   display: block;
   float: left;
}
#wrap #content #sidebar .searchform .textbox {
   display: block;
   border: 1px solid #15222B;
   float: left;
   width: 140px;
   margin-right: 3px;
   padding: 2px;
}
#wrap #footer a:visited {

   color: #C7D9E5;
}
#wrap #footer a:hover {
   color: #FFFFFF;
   text-decoration: none;
}
img.alignleft {
   float: left;
   margin: 5px;
   padding: 5px;
   display: block;
   background: #C7D9E5;
   border: 1px solid #8E98A1;
}
img.alignright {
   float: right;
   margin: 5px;
   padding: 5px;
   display: block;
   background: #C7D9E5;
   border: 1px solid #8F9EA5;
}
#wrap #header #sitename a {
   text-decoration: none;
   color: #000;
}
blockquote {
   font: 14px Georgia, "Times New Roman", Times, serif;
   color: #006699;
   display: block;
   padding: 5px;
   border-top: 1px solid #C7D9E5;
   border-bottom: 1px solid #C7D9E5;
   margin-top: 10px;
   margin-bottom: 10px;
}
h1 a {
   text-decoration: none;
}
h2 a {
   text-decoration: none;
}

blockquote p {
   margin-bottom: 0!important;
}
.post ul, .post ol {
   margin-bottom: 15px;
}
.post ol {
   list-style: decimal outside;
   padding-left: 15px;
}
.post ol li {
   padding: 4px;
}

.post ul li {
   background: url(http://img.webme.com/pic/p/paylasim61/bullet.jpg) no-repeat 0px 8px;
   display: block;
   padding: 4px 4px 4px 15px;
}
#wrap #content #left .post .postcontent code {
   display: block;
   margin-bottom: 15px;
   padding: 10px;
   background: #C7D9E5 url(http://img.webme.com/pic/p/paylasim61/codebg.jpg) no-repeat right bottom;
   color: #000000;
   font: 11px "Courier New", Courier, monospace;
   white-space: pre;
}
#wrap #content #left #comments {
   width: 639px;
   margin-left: 6px;
}
#wrap #content #left #comments  ol {
   list-style: none;
}
#wrap #content #left #comments  ol li {
   display: block;
   padding: 5px;
   margin-bottom: 10px;
   border-bottom: 1px solid #D4D0C8;
   background: #f4f4f4;
}
#wrap #content #left #comments  ol.odd {
   background: #fff!important;
}
h3 a {
   text-decoration: none;
}
h3 {
   font-size: 16px;
   margin-bottom: 15px;
}

#wrap #content #left #comments #commentop {
   background: url(http://img.webme.com/pic/p/paylasim61/commenttop.jpg) no-repeat;
   height: 64px;
}
#wrap #content #left #comments #commentcontent {
   background: url(http://img.webme.com/pic/p/paylasim61/commentbg.jpg) repeat-y;
   padding: 5px 15px;
}
#wrap #content #left #comments #commentbtm {
   background: url(http://img.webme.com/pic/p/paylasim61/commentbtm.jpg) no-repeat;
   height: 38px;
}
#wrap #content #left #comments .text {
   border: 1px solid #C7D9E5;
   margin-bottom: 15px;
   padding: 3px;
   display: block;
   width: 200px;
}
#wrap #content #left #comments #commentcontent form {
   padding-left: 45px;
}
#comment {
   border: 1px solid #C7D9E5;
   margin-bottom: 15px;
}



Yazı Alanı Kodu:

Kod:
<div class="postcontent"><span class="date">Tarih</span>
<h2>Yazı Başlığı</h2>
<p>Yazı İçeriği</p>
</div>
<div class="post_b"><span class="permalink"><a href="#">Devamini Oku...</a></span> <span class="category"><a href="#">Kategori</a></span></div>


Arkadaşlar buyrun bunlar kodlar ben burada bir hata göremiyorum önceden çok tasarım ayırdım filan fakat böyle bir hata ile karşılaşmadım burada ise sistem kafasına göre ortaya menüyü koymuş fakat benim sisteme verdiğim kodlarda böyle birşey yok benim düşüncem menü gizleme kou işe yaramıyor çünkü içerik alanında yazan en alttaki Reklam linkini ben tasarımda her hangi bir yere yazı olarak koymadım. Bence menü gizleme kodu bir işe yaramıyor...
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj10.04.2010, 14:11 (UTC)    
Mesaj konusu:

Yardım eden yok mu?
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj10.04.2010, 14:13 (UTC)    
Mesaj konusu:

Kod:
}
#wrap #content #left #comments  ol.odd {
   background: #fff!important;

Bu Kodlardan Kaynaklanabilir.
______________
Mesaj10.04.2010, 14:54 (UTC)    
Mesaj konusu:

Bence alakasız...

Localde deneyince hiçbir sorun yok fakat tr.gg de yapınca bu sorun ortaya çıkıyor...

______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj10.04.2010, 15:02 (UTC)    
Mesaj konusu:

Buldum.Kodu Css Bölümünün En Üstüne Ekle ;
Kod:
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;}

______________
Mesaj10.04.2010, 15:23 (UTC)    
Mesaj konusu:

Zaten var ki sadece üstte olan kod yok oda reklam ortalama kodu...
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj10.04.2010, 15:26 (UTC)    
Mesaj konusu:

Bi Dene ...
______________
Mesaj10.04.2010, 16:08 (UTC)    
Mesaj konusu:

olmadı denedim...
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj10.04.2010, 20:09 (UTC)    
Mesaj konusu:

Yardım eden yok mu?
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj10.04.2010, 20:44 (UTC)    
Mesaj konusu:

Tamam arkadaşlar ben hallettim...
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Önceki mesajları göster:   


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