Forum'da ara:
Ara


Yazar Mesaj
Mesaj09.06.2011, 18:23 (UTC)    
Mesaj konusu: AkTiF-BLoG.Tr.Gg Paylaşımları

Merhabalar İlk Paylaşımı Yapıyorm Bildiğiniz Gibi Tr.Gg Sitelerin Çoğu Blog Sitesi Olmaya Başladı Ama Ben Herkez Aynı Düşünceye Sahip Değildir Dedim ve Çif Menülü Div Tasarım Çizdim Ve Kodladım Biraz Çizimde Hatalar Olabilir Hızlı Çizimden Dolayı Biraz Eksiklikler Oldu K.bakmayın Arkadaşlar Paylaşıma Geçiyorum...


Önizleme Sayfası İçin Burdan : http://aktif-denemem.tr.gg/

Gördüğünüz Gibi Div Tasarım Ve Çif Menülü Şimdi Kodlr...
Css Kodları:

Kod:
table { margin: 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;}

#gövde {
   margin-left: auto;
   margin-right: auto;
   width: 1024px;
}
#üst {
   background-image: url(http://img.webme.com/pic/a/aktif-blog/1.png);
   float: left;
   height: 208px;
   width: 1024px;
}
#solbaslk {
   float: left;
   width: 195px;
   margin-top: 15px;
   margin-left: 30px;
   padding-top: 7px;
   padding-left: 20px;
   background-image: url(http://cdn1.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
   background-repeat: no-repeat;
   background-position: left bottom;
}
#reklam {
   float: right;
   height: 60px;
   width: 468px;
   margin-top: 60px;
   margin-right: 60px;
}
#ortabaslk {
   float: none;
   width: 500px;
   margin-left: 260px;
   margin-top: 15px;
   padding-top: 7px;
   font-size: 16px;
}
#sagbaslk {
   float: right;
   width: 190px;
   margin-top: 15px;
   margin-right: 30px;
   padding-top: 7px;
   padding-left: 20px;
   background-image: url(http://cdn1.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
   background-repeat: no-repeat;
   background-position: left bottom;
}
#tsrmorta {
   background-image: url(http://img.webme.com/pic/a/aktif-blog/2.png);
   float: left;
   height: 376px;
   width: 1024px;
}
#solmenü {
   float: left;
   height: auto;
   width: 222px;
   margin-left: 25px;
}
#tasarmalt {
   background-image: url(http://img.webme.com/pic/a/aktif-blog/3.png);
   float: left;
   height: 184px;
   width: 1024px;
}
#design {
   height: 100px;
   width: 600px;
   margin-top: 30px;
   margin-left: 30px;
   text-align: center;
   padding: 10px;
   font-size: 18px;
}
#icerik {
   float: none;
   height: auto;
   width: 508px;
   margin-left: 260px;
}
#sagmenü {
   float: right;
   width: 211px;
   margin-right: 28px;
   padding: 0px;
   height: auto;
}
#logo {
   height: 120px;
   width: 400px;
   margin-top: 25px;
   margin-left: 25px;
}
.HazirMenu .headerbar{
   color: white;
   margin-bottom: 5px;
   height: 18px;
   padding: 8px 0 5px 15px;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-shadow: -2px 1px 1px #E9E9E9;
   color: #FFFFFF;
   background-image: url(http://img.webme.com/pic/a/aktif-blog/menbaslk.png);
}
 
.HazirMenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
 
.HazirMenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
 
.HazirMenu ul li a{
   color: #A70303; /*custom bullet list image*/
   display: block;
   padding-left: 25px; /*link text is indented 19px*/
   text-decoration: none;
   font-weight: bold;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   background-image: url(http://cdn1.iconfinder.com/data/icons/fatcow/16x16/file_extension_htm.png);
   background-repeat: no-repeat;
   background-position: left center;
   padding-top: 3px;
   padding-right: 0;
   padding-bottom: 3px;
   border-bottom-width: 2px;
   border-bottom-style: dashed;
   border-bottom-color: #dadada;
}
 
.HazirMenu ul li a:visited{
   color: #A70303;
}
 
.HazirMenu ul li a:hover{ /*hover state CSS*/
   color: #000000;
   background-color: #F3F3F3;
}
body,td,th {
   color: #000000;
   font-weight: bold;
}
body {
   background-image: url(http://www.backgroundlabs.com/backgrounds/234.gif);
   background-attachment: fixed;
   background-position: center center;
}
a:link {
   text-decoration: none;
   color: #F67E04;
}


Tasarım Üstü Kodları :

Kod:
<div id="gövde">
  <div id="üst">
    <div id="reklam"><a href="http://aktif-blog.tr.gg"><img src="http://img.webme.com/pic/a/aktif-blog/reklam1lo4.png" alt="Reklam" width="468" height="60" /></a></div>
    <div id="logo"><a href="http://aktif-blog.tr.gg"><img src="http://img.webme.com/pic/a/aktif-blog/logo77o.png" width="400" height="116" /></a></div>
    <div id="sagbaslk">Başlık</div>
    <div id="solbaslk">Baslık</div>
    <div id="ortabaslk">Başlık</div>
  </div>
  <div id="tsrmorta">
    <div id="solmenü"><div class="HazirMenu"><h3 class="headerbar">Ana Menü</h3>
    <ul>
<li><a href="/ana-sayfa.htm">Ana Sayfa</a></li>
<li><a href="/iletisim.htm">İletişim</a></li>
<li><a href="/sitene-online-iletisim.htm">Online İletişim</a></li>
<li><a href="/hakkinda.htm">Hakkında</a></li>
<li><a href="Katildigim-Toplistler.htm">Katıldıgım Toplistler</a></li>
<li><a href="http://aktif-blog.tr.gg/Ziyaretci-defteri.htm">Ziyaretci Defteri</a></li>
<li><a href="/siteni-ekle.htm">Toplist Siteni Ekle</a></li>
<li><a href="http://aktif-blog.tr.gg/Banner-Degisim.htm">Banner Takas Bölümü</a></li>
</ul></div></div>
    <div id="sagmenü"><div class="HazirMenu"><h3 class="headerbar">Ana Menü</h3>
    <ul>
<li><a href="/ana-sayfa.htm">Ana Sayfa</a></li>
<li><a href="/iletisim.htm">İletişim</a></li>
<li><a href="/sitene-online-iletisim.htm">Online İletişim</a></li>
<li><a href="/hakkinda.htm">Hakkında</a></li>
<li><a href="Katildigim-Toplistler.htm">Katıldıgım Toplistler</a></li>
<li><a href="http://aktif-blog.tr.gg/Ziyaretci-defteri.htm">Ziyaretci Defteri</a></li>
<li><a href="/siteni-ekle.htm">Toplist Siteni Ekle</a></li>
<li><a href="http://aktif-blog.tr.gg/Banner-Degisim.htm">Banner Takas Bölümü</a></li>
</ul></div></div>
    <div id="icerik"><div id="concent">


Son Olarak Tasarım Altı Kodları:

Kod:
</div></div>
  </div>
  <div id="tasarmalt">
    <div id="design">
      <p>Tasarım Aktif-Blog.Tr.Gg Ye Aittir Sağ Alttaki Design Yazısını Silmemenizi İstiyorm Kullanacak Olan Arkadaşlar O yazıyı Silecekseniz Kullanmayın ! Buraya ReKlam Vs Eklıyebilirsiniz...</p>
    </div>
  </div>
</div>

______________


Arkadaşlar Artık Tasarım Yapmıyorum Bir Yapıyorum Dedim Özel Mesajlara Yetişemez Oldum Bundan Sonra Sadece İçeriği Güzel Olupda Tasarımı Kötü Demıyelımde Sadeleşmiş Sitelerin Tasarımını Yapacaqım !
Mesaj09.06.2011, 18:24 (UTC)    
Mesaj konusu:

HerGün En Az Bir Tane Konuyu Burda Paylaşacagım Arkadaşlar Yorumlarınızı Beklıyorum Paylaşımım Hakkında ...
______________


Arkadaşlar Artık Tasarım Yapmıyorum Bir Yapıyorum Dedim Özel Mesajlara Yetişemez Oldum Bundan Sonra Sadece İçeriği Güzel Olupda Tasarımı Kötü Demıyelımde Sadeleşmiş Sitelerin Tasarımını Yapacaqım !
Mesaj09.06.2011, 18:46 (UTC)    
Mesaj konusu: tşkr

TeşeküRler Güzel Tasarım Wink
Mesaj09.06.2011, 18:57 (UTC)    
Mesaj konusu: Re: tşkr

dogukan-16 yazmış:
TeşeküRler Güzel Tasarım Wink


Rica Ederim Doqukan Begendiğin İçin Tskler
______________


Arkadaşlar Artık Tasarım Yapmıyorum Bir Yapıyorum Dedim Özel Mesajlara Yetişemez Oldum Bundan Sonra Sadece İçeriği Güzel Olupda Tasarımı Kötü Demıyelımde Sadeleşmiş Sitelerin Tasarımını Yapacaqım !
Mesaj09.06.2011, 19:01 (UTC)    
Mesaj konusu:

Güzel Tasarım
Mesaj09.06.2011, 19:02 (UTC)    
Mesaj konusu:

tasarim-lifes yazmış:
Güzel Tasarım


Teşekkürler Begendiğinize Sevindim..
______________


Arkadaşlar Artık Tasarım Yapmıyorum Bir Yapıyorum Dedim Özel Mesajlara Yetişemez Oldum Bundan Sonra Sadece İçeriği Güzel Olupda Tasarımı Kötü Demıyelımde Sadeleşmiş Sitelerin Tasarımını Yapacaqım !
Önceki mesajları göster:   


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