Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj11.03.2009, 14:50 (UTC)    
Mesaj konusu: Arkiler şunu T.altı T.üstü ayırırmısınız?

İndex Bölümü Kodu:
Kod:
<div id="container">
  <div id="banner">
    <h1> İnkiLapNeTT.Tr.Gg</h1>
  </div>
  <div class="clear"></div>
  <div id="sidebar">
    <div class="menu">
      <ul>
        <li class="links">Konu</li>
        <li><a href="http://www.free-css.com/">AnaSayfa</a></li>
        <li><a href="http://www.free-css.com/">Konuk Defteri</a></li>
        <li><a href="http://www.free-css.com/">İletişim</a></li>
        <li><a href="http://www.free-css.com/">İnkilap Nedir?</a></li>
        <li><a href="http://www.free-css.com/">Sizden GelenLer</a></li>
        <li><a href="http://www.free-css.com/">Müzik</a></li>
        <li class="links">Dersler</li>
        <li><a href="http://www.free-css.com/">Article 1</a></li>
        <li><a href="http://www.free-css.com/">Article 2</a></li>
        <li><a href="http://www.free-css.com/">Article 3</a></li>
        <li><a href="http://www.free-css.com/">Article 4</a></li>
        <li><a href="http://www.free-css.com/">Article 5</a></li>
        <li><a href="http://www.free-css.com/">Article 6</a> </li>
        <li class="links">Atatürk</li>
        <li><a href="http://www.free-css.com/">Atatürk'ün Hayatı</a></li>
        <li><a href="http://www.free-css.com/">Atatürk'ün Okuduğu Okullar</a></li>
        <li><a href="http://www.free-css.com/">Atatürk'ün Gençlik Yılları</a></li>
        <li><a href="http://www.free-css.com/">Atatürk'ün Samsuna Çıkışı</a></li>
        <li><a href="http://www.free-css.com/">Sivas Konferansı</a></li>
        <li><a href="http://www.free-css.com/">ÇnakkaLe</a></li>
      </ul>
    </div>
  </div>
  <div id="sidebar-b">
    <div class="menu">
      <ul>
        <li class="links">Balantılar</li>
        <li><a href="http://www.free-css.com/">Mustafa Kemal İÖO</a></li>
        <li><a href="http://www.free-css.com/">E-Okul</a></li>
        <li><a href="http://www.free-css.com/">Sabiha Gökçen</a></li>
        <li><a href="http://www.free-css.com/">Facebook</a> </li>
        <li><a href="http://www.free-css.com/">GoogLe</a></li>
        <li><a href="http://www.free-css.com/">Resimler</a> </li>
        <li class="links">DersLer</li>
        <li><a href="http://www.free-css.com/">Layout Gala</a></li>
        <li><a href="http://www.free-css.com/">Glish</a></li>
        <li><a href="http://www.free-css.com/">Tanfa</a></li>
        <li><a href="http://www.free-css.com/">CSS Boxes</a></li>
        <li><a href="http://www.free-css.com/">Max Design</a></li>
        <li><a href="http://www.free-css.com/">Jello</a></li>
        <li class="links">E-Okul</li>
        <li><a href="http://www.free-css.com/">Blog 1</a></li>
        <li><a href="http://www.free-css.com/">Blog 2</a></li>
        <li><a href="http://www.free-css.com/">Blog 3</a></li>
        <li><a href="http://www.free-css.com/">Blog 4</a></li>
        <li><a href="http://www.free-css.com/">Blog 5</a></li>
        <li><a href="http://www.free-css.com/">Blog 6</a> </li>
      </ul>
    </div>
  </div>
 
  <div id="content">
  </div>
  <div id="footer">Atatürkçüyüz</a> Biz</a> | Mustafa Kemal İ.o.o</a> | 2009 </a> | &copy;  | Design by M.K.İ.Ö.O<a href=""></a> | Tasarım VE YönetmeliK <a rel="license" href="">Muhammed Zile vE Halil İbrahim A.</a> </div>
</div>


Style Bölümü

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;}
body {
margin : 0;
padding : 0;
text-align : left;
color : #333;
background : #858563 url(http://img17.imageshack.us/my.php?image=bgdk.png) repeat-y top center;
font : 75% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
}
#container {
width : 750px;
margin : 0 auto;
padding : 0;
color : #aaa;
background : #404040;
}
         /*BANNER*/
#banner {
float : left;
width : 750px;
height : 180px;
padding : 0;
margin-bottom : 0;
background : #eee url(http://img17.imageshack.us/img17/2977/bannercvs.jpg);
}
#banner h1 {
margin : 40px 0 0 20px;
font : normal 2em georgia, verdana, arial, tahoma, sans-serif;
text-transform : none;
letter-spacing : 3px;
color : #acaf2c;
background : transparent;
}
         /*MAIN CONTENT*/
#content {
padding : 0 10px 0 10px;
margin-left : 170px;
margin-right : 170px;
margin-top : 0;
line-height : 1.8em;
}
#content h1 {
padding : 20px 0 0 0;
font : normal 1.4em verdana, tahoma, arial, sans-serif;
text-transform : uppercase;
letter-spacing : 3px;
color : #acaf2c;
background : inherit;
text-align : center;
}
         /*LEFT SIDEBAR*/
#sidebar {
float : left;
width : 150px;
margin : 0 0 0 0;
padding : 5px;
}
         /*NAVIGATION*/
.menu {
margin-bottom : 20px;
width : 110px;
padding : 10px 0 0 0;
}
.menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
.menu li {
margin : 0 0 0.2em 0;
}
.menu a {
display : block;
font-size : 11px;
color : #acaf2c;
background : #515244;
width : 120px;
padding : 0.5em 0.8em;
text-decoration : none;
border-left : 10px solid #4c4c42;
}
.menu a:hover {
border-left : 10px solid #6d6f1c;
background-color : #acaf2c;
color : #fff;
}
.links {
font-size : 1.4em;
text-transform : uppercase;
letter-spacing : 3px;
}
         /*RIGHT SIDEBAR*/
#sidebar-b {
float : right;
width : 150px;
margin : 0 0 0 0;
padding : 5px;
}
         /*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin-top : 5px;
height : 40px;
font-size : 0.8em;
border-top : 1px solid #515244;
color : #eee;
background : #404040;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #acaf2c;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #858563;
background : inherit;
color : #858563;
}
         /*TYPOGRAPHY*/
h1 {
margin : 0 0 10px 0;
font : normal 1.4em verdana, arial, tahoma, sans-serif;
text-transform : uppercase;
color : #acaf2c;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
         /*LINKS*/
a {
color : #acaf2c;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
text-decoration : none;
color : #369;
background : inherit;
}
a img {
border: 0;
}
         /*CLASS*/
.clear {
clear : both;
overflow : hidden;
width : 0;
height : 1px;
}
.post {
background-color : #404040;
padding : 3px;
margin : 20px 10px 0 5px;
border : 0 dashed #8a795d;
font-size : 80%;
}
.post .date {
background : url(http://img17.imageshack.us/my.php?image=clockn.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.post .comments {
background : url(http://img17.imageshack.us/my.php?image=commentc.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.post .readmore {
background : url(http://img17.imageshack.us/my.php?image=document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}


Çok teşekkür ederim.. Question
Mesaj11.03.2009, 14:50 (UTC)    
Mesaj konusu:

Mesaj konusu: Arkiler şunu T.altı T.üstü ayırırmısınız?
Mesaj11.03.2009, 14:57 (UTC)    
Mesaj konusu:

Kod:
<div id="content">
bu koda kadar olanı tasarımın ustune ondan sonra footer yazıyo o kodlar beraber tasrımın altına ztn css kodunu da sız bulmussunuz nereye eklıyecegınızı.
______________
Önceki mesajları göster:   


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