Forum'da ara:
Ara


Yazar Mesaj
Mesaj23.07.2009, 18:18 (UTC)    
Mesaj konusu: Kodu ayırana helal olsun :)) YARDIM..

slm arkdaşlar bir tane tasarım buldm fakat iki parcaya ayıramadım..Ayırdıysamda tam ayırdım fakat içerik kısmı olmadı.Yok olmuyor.içerik kısmındaki yazı dısarı taşıyor..Kodu ayırırken içerik kısmı duruyor bide altta farklı gri bir şey çıkıyor sayfalarımı değiştirden yazılan yazılar orda çıkıyor.onu üste sabitledğimde bu sefer içerik dışarı taşıyor aynen böyle...


Resim: http://img193.imageshack.us/img193/7636/adszoif.jpg



Birisi bana düzenleyebilirmi bu kodu .Düzenleyen olursa helal valla.Çünkü kaç kişi denedik yapamadık Very Happy vala yapan olursa helal olsun.Kaç kişi ayıramadı kodu..Bana msjla kodu atan olursa yada konuya yazan olursa sevinirm.Teşekkür ederm simdiden.


İNDEX:


Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

   <title>Party Time</title>
   <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
   
</head>

<body>

<div id="wrapper">
   <div id="body">
      <div id="head"></div>
      <div id="topnav">
         <a href="http://www.freewebsitetemplates.com">Home</a> | <a href="http://www.freewebsitetemplates.com">Sitemap</a>
      </div>
      <h1><img src="images/logo.jpg" width="401" height="271" alt="Logo" /></h1>
      <div id="nav">
         <a href="http://www.freewebsitetemplates.com"><img src="images/m1.gif" width="101" height="65" alt="M1" /></a>
         <a href="http://www.freewebsitetemplates.com"><img src="images/m2.gif" width="97" height="65" alt="M2" /></a>
         <a href="http://www.freewebsitetemplates.com"><img src="images/m3.gif" width="97" height="65" alt="M3" /></a>
         <a href="http://www.freewebsitetemplates.com"><img src="images/m4.gif" width="97" height="65" alt="M4" /></a>
         <a href="http://www.freewebsitetemplates.com"><img src="images/m5.gif" width="94" height="65" alt="M5" /></a>
      </div>
      <div id="left-box">
         <div class="inner">
            <img src="images/pic_1.jpg" width="271" height="132" alt="Pic 1" />
            <h2><img src="images/h_free_drink_party_on.gif" width="252" height="33" alt="Free Drink Party On" /></h2>
            <p class="date">18/22/2006</p>
            <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
         </div>
      </div>
      <div id="content">
         <div id="content-bot">
            <div class="inner">
               <h2><img src="images/h_our_party_news.gif" width="193" height="33" alt="Our Party News" /></h2>
               <p class="date">18/22/2006</p>
               <p>Don't forget to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p>
                  
         <p>This is a template designed by free website templates for you for free you can replace all the text by your own
         text. This is just a place holder so you can see how the site would look like.</p>
         
         
               <p class="date">18/22/2006</p>
               <p>You can remove any link to our websites from this template you're  free to use the template without linking
         back to us.</p>
            </div>
         </div>
      </div>
      <div id="tray">
         <div class="redbox first">
            <h2><img src="images/h_night_party.jpg" width="217" height="109" alt="Night Party" /></h2>
            <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
         
            <ul>
               <li>Nam congue dolor ut enim.</li>
               <li>In consequat laoreet dui.</li>
               <li>Pellentesque faucibus velit et urna.</li>
            </ul>
         </div>
         <div class="redbox">
            <h2><img src="images/h_our_djs.jpg" width="216" height="109" alt="Our Dj's" /></h2>
            <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
            <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p><br />
            <a href="http://www.freewebsitetemplates.com"><img src="images/details.jpg" width="66" height="42" alt="Details" id="details" /></a>
         </div>
         <div class="redbox last">
            <h2><img src="images/h_next_party.jpg" width="216" height="109" alt="H Next Party" /></h2>
            <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
            <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
            <br />
         </div>
         <div class="clear"></div>
         <div class="divider"></div>
      </div>
      <div id="footer">
         Copyright @ 2006, <a href="http://www.freewebsitetemplates.com">www.nightclub.com</a>, All rights Reserved.
      </div>
   </div>
</div>

</body>
</html>




CSS KODU(Resimleri Yüklü):
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}

html, body, h1, h2, h3, h4 {
   margin: 0px;
   padding: 0px;
}
h1 img {
   display: block;
}
img {
   border: 0px;
}
a {
   color: #FF7F00;
   font-weight: bold;
   text-decoration: none;
}
a:hover {
   color: #FFA405;
   text-decoration: underline;
}
.left {
   float: left;
}
.right {
   float: right;
}
.more {
   text-align: right;
}
.clear {
   clear: both;
}

body {
   background: #0D0D0D;
   text-align: center;
   font: 12px arial, sans-serif;
   color: #989898;
}
#wrapper {
   text-align: left;
   margin: auto;
   width: 778px;
   background: #181818;
}
#body {
   position: relative;
   margin-left: 4px;
}
#head {
   position: absolute;
   top: 0px;
   left: 401px;
   width: 370px;
   height: 266px;
   background: url(http://img11.imageshack.us/img11/9322/headerzgp.jpg) no-repeat;
}
#topnav {
   position: absolute;
   top: 41px;
   left: 22px;
}
#topnav a {
   font-weight: normal;
   color: #989898;
}
#topnav a:hover {
   color: white;
}
#left-box {
   position: absolute;
   top: 271px;
   left: 0px;
   width: 285px;
   height: 319px;
   background: #131212 url(http://img36.imageshack.us/img36/5540/leftbgq.jpg) repeat-x;
}
#left-box .inner {
   padding: 20px 0px 0px 8px;
}
#left-box h2 {
   margin: 10px 0px 0px 0px;
}
#left-box p.date {
   font-weight: bold;
}
#left-box p {
   margin: 3px 2.5em 1em 1.3em;
}
#nav {
   position: absolute;
   top: 271px;
   left: 285px;
   width: 486px;
}
#nav img {
   float: left;
}
#content {
   position: absolute;
   top: 336px;
   left: 285px;
   width: 486px;
   height: 254px;
   background: #1E1E1E top left url(http://img31.imageshack.us/img31/2162/leftshadow.jpg) no-repeat;
}
#content-bot {
   background: bottom url(http://img31.imageshack.us/img31/8880/bodybgi.gif) repeat-x;
   height: 254px;
   margin-left: 1px;
   overflow: auto;
}
#content .inner {
   padding: 10px 27px;
}
#content .date {
   margin-top: 0.5em;
}
#content p {
   margin: 0.9em;
}
#tray {
   margin-top: 330px;
   border: 1px solid #181818;
}
#tray .redbox {
   float: left;
   width: 217px;
   _height: 279px;
   min-height: 279px;
   background: #800000 url(http://img197.imageshack.us/img197/9576/redbg.jpg) repeat-x;
   margin-left: 11px;
   padding-top: 19px;
   padding-left: 16px;
   padding-right: 16px;
   color: #CFCFCF;
}
#tray .first {
   margin-left: 0px;
}
#tray p {
   margin-top: 1em;
   margin-bottom: 1.4em;
   padding-left: 2px;
}
ul {
   margin: 0px 1em 0px 2em;
   padding: 0px;
}
li {
   padding: 0px;
   margin: 1em 0px;
}
.divider {
   background: bottom url(http://img11.imageshack.us/img11/3537/footerbgn.gif) repeat-x;
   height: 26px;
   margin-right: 5px;
   position: relative;
}
#details {
   margin-top: -1.4em;
   margin-bottom: -4em;
   float: right;
}
#footer {
   background: #101010;
   text-align: right;
   margin: 0px 7px 0px 2px;
   padding: 18px 15px 15px 15px;
}


Mesaj23.07.2009, 18:21 (UTC)    
Mesaj konusu:

navigasyınun başlığındaki kodu kaldırdın mı Question
______________
Mesaj23.07.2009, 18:27 (UTC)    
Mesaj konusu:

maximumtest yazmış:
navigasyınun başlığındaki kodu kaldırdın mı Question


ewet kaldırdım olmuyor:D aslnda doğru ayırdım kodu ama içerik kısmını yapamadım.Bir tane içerik kısmı var tamam o içerik kısmı tasarım üstündeki yazıları çıkarıyor.orda ve sayfaya taşmıyor kaydırma çubuğu çıkıyor birde ayrı içerik sayfasındaki gibi aynı büyüklükte birşey çıkıyor o resimin üstündede sayfalarımı düzenleden yazdğın şeyler çıkıyor o nu üstte aynı yerine getirğinde ilk söyledğim tasarım üstündeki yazı çıkıyor dediğim yerin üstüne geliyor tam ve yazı yazgımda dısarı çıkıyor kaydrma çubuğu çıkmıyor.
KOdu ayrcak olan varsa navigasyon bölümüne birde şu kodu yapıştırıp yapsınlar

Kod:
<style type="text/css">
Mesaj23.07.2009, 18:32 (UTC)    
Mesaj konusu:

tasarımda hata var..
bu yüzden bu tasarımı ayıramazsın..
ayırsan bile dediğin gibi hatalı olur..
______________
Mesaj23.07.2009, 18:47 (UTC)    
Mesaj konusu:

sanmıyorum hata olduğunu kod eklemek lazımda ne kodu bilmiorum...bilgim olsa baya bi yaparımda bunu.. =/
Mesaj24.07.2009, 08:54 (UTC)    
Mesaj konusu:

BUNDA 2 TANE İÇERİK KISMI VAR div-İD LEr de içeriktir...
Mesaj25.07.2009, 14:56 (UTC)    
Mesaj konusu: <konusu>

Ben Ayırdım Da Resimler Kayıp Yani Tasarım ALt Ve ÜSt Resimlerini Link Kayıp Versen Sana Ypıp Vercem
Önceki mesajları göster:   


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