Forum'da ara:
Ara


Yazar Mesaj
Mesaj23.06.2009, 08:20 (UTC)    
Mesaj konusu: Sitemin Tasarımı Kenara Kayıyor ? NAsıl yapabılırım

Arkadaslar yenı bır tasarım ekledım güzel ve hoş bir tasarım ama menuler solda yanında yazı yazdıgım seyler hep alta kaydı bır bakarmısınız ?

http://ask-nett.tr.gg/Index.htm

Orta Boş YAzılar Alta Inmıs Durumda ?

______________
Mesaj23.06.2009, 08:41 (UTC)    
Mesaj konusu:

tasarımda hata filan yapmışındır bidaha yeniden ekle
______________

Mesaj23.06.2009, 09:36 (UTC)    
Mesaj konusu:

Linkleri Eklemeden Tam ortada Duruyor :S Hata felan yok :S

Kodları verım bakın ıstersenız ?

Tasarım Üstü
Kod:
<div id="wrapper">
   
   <!-- Start Border-->
   <div id="border">
     
      <!-- Start Header -->
      <div id="header">
      <div id="headertext">Devrim YoldasLiqi</div>
     <div id="headertextsmall">HoşqeLdiniz.İyi VakıtLer Geçirmeniz Dilegi İle</div>
     </div>
    
      <!-- End Header -->
   
      <!-- Start Navigation Bar -->
      <div id="topmenu">
    <ul class="glossymenu">
   <li class="current"><a href="index.htm"><b>Home</b></a></li>
   <li><a href="index.htm"><b>Articles</b></a></li>
   <li><a href="index.htm"><b>Forums</b></a></li>   
   <li><a href="index.htm"><b>About</b></a></li>   
   <li><a href="index.htm"><b>Contact us</b></a></li>   
   <li><a href="index.htm"><b>Administration</b></a></li>   
</ul>

   
</div>
     <!-- End Navigation Bar -->
      
     <!-- Start Left Column -->
     <div id="leftcolumn">
        
       <!-- Start Left Column Inner -->
       <div class="leftcolumn-inner">
          <h1>Search</h1>
         <form action="#" method="post">
         <p><input name="search" id="search" /></p>
       </form>
         
       </div>
       <!-- End Left Column Inner -->
      
       <!-- Start Box -->
       <div class="in-the-news">
          <div class="left-heading">
          <h3>Hakkımızda</h3>
         </div>         
          <div class="left-mid">
            Sitemizin Kurulma Amaci Eski dönemlerden İleriye bir şeyler Aktarmaktır.Belki Alan adımız sızı Yanıltabilir ama Bu Site Artık Bir Devrimci Sitesidir.Devrimci Site Yapmamdaki amaç Eskilerdeki Vatanı için Ugrasan ve Vatanı için Canlarını veren Kişileri Sizlere Bilgilendirmektr.Sizlerin unutmamamnız ıcın Ve Bilgi Edinmek için Açılmıştır.
         </div>         
         
             <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" class="block" alt="" />
      
       </div>
       <!-- End Box -->
      
       <!-- Start Box -->
       <div class="in-the-news">
          <div class="left-heading">
            <h3>GeneL</h3>
         </div>
         
          <div class="left-mid">
            <li><a href="Index.htm ">Ana-Sayfa</a></li>
         <li><a href="Iletisim.htm">İletişim</a></li>
         <li><a href="FoRuM/index.htm">Forum</a></li>
         <li><a href="Devrimcilerin_ResimLeri/index.html">Galeri</a></li>
         <li><a href="Link-Takas.htm">Toplist</a></li>
         <li><a href="Defter.htm">Defter</a></li>
<li><a href="Sohbet.htm">Sohbet</a></li>
         </div>      
             <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" class="block" alt="" />

       </div>
       <!-- End Box -->
      
      


<!-- Start Box -->
       <div class="in-the-news">
          <div class="left-heading">
          <h3>Bilgileri
</h3>



         </div>         
          <div class="left-mid">
            <li><a href="Solcu-Nedir.htm">SosyaLizm Nedir</a></li>
            <li><a href="Nasil-Solcu-Olunur.htm">Nasıl Sosyalizm Olunur</a></li>
            <li><a href="Ortaya-Cikisi.htm">Sosyalizm Ortaya Çıkışı</a></li>
            <li><a href="SloganLar.htm">Devrimci Sloganlarimiz</a></li>
            <li><a href="Nickler.htm">Sosyalizm Nickler</a></li>
         </div>         
         
             <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" class="block" alt="" />
      
       </div>
       <!-- End Box -->





        <!-- End Left Column -->
   
     <!-- Start Right Column -->
     <div id="rightcolumn">
        
        <!-- Start Highlight Box -->
        <div id="highlightnews">
           <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/megaphone.png" alt="megaphone" /><p>Siteniz hakkında Duyuruları buradan Yapabilirsiniz.</p>
        </div>
        <!-- End Sponsor Ads Box -->
       
        <!-- Start Main Content -->
        <div class="maincontent">         
             <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/content-top.gif" class="block" alt="" />      
             <div class="content-mid">



Tasarım Altı
Kod:

</div>             <img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/content-bottom.gif" class="block" alt="" />         

                    </div>
         
        </div>
        <!-- End Main Content -->
       
       
      </div>
     <!-- End Right Column -->
   
   </div>
   <!-- End Border -->
   
   <!-- Start Footer -->
     <div id="footer">
       Baran Aksu - © <a href="http://www.ask-nett.gg">Devrimcilerin Buluşma Merkezi</a> 2009
   </div>
   <!-- End Footer -->
   


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;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/bg-tile.gif);
 background-repeat:repeat;
}
#wrapper {
 width: 782px;
 margin: 0 auto;
}
#border {
 border: 1px solid #8ECE5F;
 margin: 20px 0px 5px 0px;
 background-color: #fffffe;
 min-height: 776px;
 float: right;
 width: 780px;
}
* html #border {height:776px} /* IE Min-Height Hack */

#header {
 margin: 6px 5px 3px 5px;
 background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/header.jpg);
 background-repeat:no-repeat;
 height:140px;
}

#headertext
{
   width:180px;
   height:40px;
   font-family:"Trebuchet MS";
   font-size:33px;
   color:#71c15c;
   margin:50px 0px 0px 50px;
   float:left;
   clear:none;
}

#headertextsmall
{   
   width:250px;
   height:30px;
   font-family:"Trebuchet MS";
   font-size:20px;
   color:#fff;         
   padding-right:50px;
   padding-top:60px;
   float:right;
   
}

/* ------------------------ Start Navigation Bar -----------------*/
#topmenu
{
height:46px;
width: 770px;
padding-left:5px;
background-repeat:no-repeat;
}

/*MEUNU*/
.glossymenu{
   position: relative;
   padding: 0 0 0 34px;
   margin: 0 auto 0 auto;
   background: url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/menug_bg.gif) repeat-x; /*tab background image path*/
   height: 46px;
   list-style: none;
}

.glossymenu li{
   float:left;
}

.glossymenu li a{
   float: left;
   display: block;
   color:#000;
   text-decoration: none;
   font-family: sans-serif;
   font-size: 13px;
   font-weight: bold;
   padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
   height: 46px;
   line-height: 46px;
   text-align: center;
   cursor: pointer;   
}

.glossymenu li a b{
   float: left;
   display: block;
   padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
   color: #fff;
   background: url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/menug_hover_left.gif) no-repeat; /*left tab image path*/
   background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
   
   background: url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/* ------------------------ End Navigation Bar -----------------*/


/* ------------------------ Start Images -----------------*/
img {
 display: inline;
 border: none;
}
img.block {
 display: block;
}
img.float {
 float: left;
 margin: 0px 14px 10px 0px;
}
/* ------------------------ End Images -----------------*/


/* ------------------------ Start Main Columns -----------------*/
#leftcolumn { /* Parent Wrapper for inside boxes */
 margin: 6px 0px 0px 4px;
 display: inline; /* IE Hack */
 width: 240px;
 float: left;
 background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/search-box.gif);
 background-repeat: no-repeat;
 min-height: 300px;
 padding: 0;

}
* html #leftcolumn {height:300px} /* IE Min-Height Hack */

.leftcolumn-inner { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 220px;
 float: left;
 background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/search-box.gif);
 background-repeat: no-repeat;
 min-height: 40px;
 padding: 10px;
 margin-bottom: 7px;
}
* html .leftcolumn-inner {height:40px} /* IE Min-Height Hack */

.in-the-news { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 235px;
 float: left;
 min-height: 125px;
 margin-bottom: 7px;
}
* html .in-the-news {height:125px} /* IE Min-Height Hack */


#rightcolumn {
/* border: 1px solid red;*/
 margin: 6px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 513px;
 float: left;
 min-height: 300px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */

#highlightnews {
 background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/highlightnews.jpg);
 height:auto;
 background-repeat: no-repeat;
 text-align: left;
 padding: 17px 10px 10px 13px;
 display: inline; /* IE Hack */
 float: left;
 width: 510px;
}


#highlightnews img
{
   float:left;
   padding-right:10px;   
}

* html .sponsor {height:80px} /* IE Min-Height Hack */

.maincontent {
 min-height: 80px;
 display: inline; /* IE Hack */
 float: left;
 margin-bottom: 7px;
 width: 530px;
}
* html .maincontent {height:80px} /* IE Min-Height Hack */

.content-mid {
 background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/content-mid.gif);
 background-repeat: repeat;
 padding: 5px 14px 5px 14px;
}
.content-mid img
{
   float:left;
   margin:3px 10px 14px 0px;
}
.left-mid {
 background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-mid.gif);
 background-repeat: repeat;
 padding: 5px 14px 10px 14px;
}
.randompicture
{
background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-mid.gif);
background-repeat: repeat;
text-align:center;
padding:5px 0px 5px 0px;
overflow:hidden;   
}

.left-heading {
 background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-heading.gif);
 background-repeat: no-repeat;
 padding: 9px 14px 5px 10px;
}
.left-heading h3
{
   font-size: 16px;
 color: #fff;
 min-height: 11px;
 font-weight: bold;
}

* html .left-heading {height:11px} /* IE Min-Height Hack */
/* ------------------------ End Main Columns -----------------*/

/* ------------------------- Start Headings ---------------------*/
h1 {
 font-size: 16px;
 color: #72C236;
}
/* ------------------------- End Headings ---------------------*/

input {
 border: 1px solid #8ECE5F;
 width: 200px;
}



#footer {
 font-size: 10px;
 clear: both;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-bottom: 5px;
 text-align:center;
}


ul#daily-links li {
 list-style: none;
 margin-left: 2px;
}
ul#nav-links li {
 display: inline;
 margin-left: 0px;
 padding-left: 12px;
 
}

ul#daily-links li a:link{
 color: #333;
 text-decoration: none;
 font-weight: bold;
}
ul#daily-links li a:visited{
 color: #333;
 text-decoration: none;
 font-weight: bold;
}
ul#daily-links li a:hover{
 color: #999;
 text-decoration: none;
 font-weight: bold;
}




a:link {
 color: #006600;
 text-decoration: none;
}
a:visited {
 color: #006600;
 text-decoration: none;
}

.valid {
 margin: 10px 0px 0px 10px;
}


______________
Mesaj23.06.2009, 10:19 (UTC)    
Mesaj konusu:

Linkleri Düzeltirken bi hata falan yapmışsındır ne bileyim yanlışlıkla kodların ufakta olsa bir yerini silmişsindir farketmemişsindir.
______________
Mesaj23.06.2009, 10:20 (UTC)    
Mesaj konusu:

bu bendede oluyordu sayfa ekledikçe sayfanın bittigi yerden anasayfaya vs. koydugum yazı reism vs. aynı o şekil kayıyor..
______________
Önceki mesajları göster:   


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