Forum'da ara:
Ara


Yazar Mesaj
Mesaj30.09.2010, 08:13 (UTC)    
Mesaj konusu: Tasarım

Arkadaşlar Lütfen Yardım Edin Öncede Bir Konu Açtım Kimse Cevap Yazmamış Lütfen Yorum Yazı Yeni Bir Tasarım KodladımHepsi Oldu İçerik Bölümü Olmadı Lütfen Yardım



Kod Bu

Kod:


   <div id="sadrzaj">
      <div id="zaglavlje">
         <div id="logo">
            BURAYA KISA SLOGAN
         </div>
      </div>
 
   <div id="lijeva_kolona">
      <div id="menuheader"></div>
      <a href="#">Anasayfa</a>
      <a href="#">İletişim</a>
      <a href="#">Z.Defteri</a>
      <a href="#">Tasarımlar</a>
      <a href="#">Site Haritası</a>
      <a href="#">Haberler</a>
   <div id="menufooter"></div>
   </div>
 
   <div id="desna_kolona">
      <h3>Duyuru1 Başlığı</h3>
      <div class="text_desno">
         Buraya Duyuru1
         <br />
         <br />
      </div>
      
      <h3>Duyuru2 Başlığı</h3>
      <div class="text_desno">
         Buraya Duyuru2
         <br />
         <div id="info">
         <a href="#">Anasayfa</a> |
         <a href="#">İletişim</a> |
         <a href="#">Tasarımlar</a>
                        <br/>
         Design By <a href="http://www.sempati-tasarim.tr.gg">Sempati-Tasarım</a> 
         Özel İletişime Geçmek İçin <a href="mailto:serseri_yoldas_apo( at )hotmail.com">E-mail</a>.
         </div>
      </div>
   </div>
   
   <div class="srednja_kolona">
   <div class="content_title"><a href="#">Template info</a></div>
      <div class="text">
      I usually design vector-style designs using borders and plain
      background colors, but I did this one for practice.      
      If you need a PHP and MySQL script to display news on your site,
       visit <a href="http://www.solucija.com/">Solucija</a>, and download
       your free copy of s}news, it's easy to integrate into this design,
       or can be a simple content management
       system on it's own. Offcourse, you are free to use this template in
       any way you want, no link back or copyright notice is required. You
       can design your own tables by editing the provided images. Use it
       and abuse it!
      </div>
   </div>
 
   <div class="srednja_kolona">
      <div class="content_title"><a href="#">Just some Lorem ipsum text</a></div>
      <div class="text">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
      nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
      enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
      nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
      hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
      nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
      praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
      </div>
      
   </div>
   
   <div class="srednja_kolona">
      <div class="content_title"><a href="#">Lorem ipsum strikes back!</a></div>
      <div class="text">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
      nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
      enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
      nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
      hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
      nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
      praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
      </div>
   </div>

</div>



css de sorun varsa css koduda bu

Kod:

iframe{border:solid 4px #000000;}


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;}


body {
   background-color: #ffffff;
   color:#666666;
   font-family:Arial,Helv,sans-serif;
   font-size:11px;
   margin:0;
   padding:0;
}

a:link,a:visited {
   color: #FFF;
   font-weight:
   bold; text-decoration:none;
}

a:hover {
   color: #fff;
   text-decoration:underline;
}

.content_title {
   position: absolute;
   padding-top: 18px;
   padding-left: 17px;
   font-size:14px;
   margin-bottom: 1px;
   font-weight:bold;
   width: 400px;
   color: #FFF;
   background: url(http://img.webme.com/pic/s/sempati-tasarim/header.gif) no-repeat top left;
   height: 21px;
}

#content_title a, #content_title a:visited {
   color: #FFF;
}

h3 {
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 15px;
   padding-left: 18px;
   font-size:12px;
   color: #fff;
   background: url(http://img.webme.com/pic/s/sempati-tasarim/rightheader.gif) no-repeat top left;
   height: 20px;
}

#zaglavlje {
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 0px;
   padding-top: 3px;
   padding-left: 26px;
   color: #fff;
   height: 73px;
   background: url(http://img.webme.com/pic/s/sempati-tasarim/logo.gif) no-repeat;
}

#logo {
padding-top: 25px;
}

#lijeva_kolona {
   float: left;
   width: 130px;
}

#lijeva_kolona a, #lijeva_kolona a:visited {
   display: block;
   background: url(http://img.webme.com/pic/s/sempati-tasarim/menulink.gif);
   padding-top: 3px;
   padding-left: 20px;
   height: 20px;
   color: #ccc;
}

#lijeva_kolona a:hover {
   color: #FFF;
   text-decoration: none;
}

#menuheader {
   background: url(http://img.webme.com/pic/s/sempati-tasarim/menuheader.gif) no-repeat;
   height: 23px;
}

#menufooter {
   background: url(http://img.webme.com/pic/s/sempati-tasarim/menufooter.gif) no-repeat left top;
   height: 21px;
}

#sadrzaj {
   width: 750px;
   margin: 5px auto;
   background-color: #fff;
   color: #333;
   line-height: 130%;
}

#desna_kolona {
   float: right;
   width: 240px;
   background: #FFF url(http://img.webme.com/pic/s/sempati-tasarim/rightcontent.gif);
   text-align:justify;
   color: #ccc;
}

.srednja_kolona {
   margin-left: 135px;
   margin-right: 240px;
   max-width: 34em;
   background: url(http://img.webme.com/pic/s/sempati-tasarim/content.gif) top left;
   text-align:justify;
}

.text {
   padding: 40px 18px 25px 18px;
   color: #FFF;
   background: url(http://img.webme.com/pic/s/sempati-tasarim/footer.gif) no-repeat left bottom;
}

.text_desno {
   padding: 0px 18px 25px 18px;
   color: #e2e2e2;
   background: url(http://img.webme.com/pic/s/sempati-tasarim/rightfooter.gif) no-repeat left bottom;
}

#info {
   color: #ccc;
   background: #5982B3;
   font-size: 9px;
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 5px;
   border:   1px solid #6F92BD;
}




ŞİMDİDEN TEŞEKKÜRLER
Önceki mesajları göster:   


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