Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj19.04.2011, 12:30 (UTC)    
Mesaj konusu: En Yeni Metin2 (css) Süper bisey bakin bi

Arkadaşlar Merhaba Kendi Kafamda Bi tasarım düşündüm kodlama bana ait değil çok değişik bir tasarımdı Heralde Bu Call of duty mi ne öyle bişey her neyse bu tasarımı tamamen editleyerek metin2'ye Çevirdim Buyrun Paylaşıma Açmak istiyorum...!

ÖNİZLEME

Resim linki: Arrow http://i1104.hizliresim.com/2011/4/19/5888.bmp





Tasarim Üstü:

Kod:
<div id="conntainer">
   <div id="header">
      <ul>
         <li><a href="#">Anasayfa</a></li>
         <li><a href="#">İletişim</a></li>
         <li><a href="#">Üye Ol</a></li>
         <li><a href="#">İndir</a></li>
         <li><a href="#">Oyun Takımı</a></li>
         <li><a href="#">Forum</a></li>
         <li class="last"><a href="#">Kurallar</a></li>
      </ul>
   </div>
   <div id="conntent">
      <div id="left">
         <div class="menu">
            <div class="menuheader"><h3>Menu</h3></div>
            <div class="menucontent">
               <ul>
                  <li><a href="#">Anasayfa</a></li>
                  <li><a href="#">Market</a></li>
                  <li><a href="#">Forum</a></li>
                  <li><a href="#">Kurallar</a></li>
                  <li><a href="#">Takım</a></li>
                  <li><a href="#">Surveys</a></li>
                  <li><a href="http://www.freewebsitetemplates.com">Ventrilo</a></li>
                  <li><a href="http://www.freewebsitetemplates.com">Web Links</a></li>
                  <li><a href="http://www.freewebsitetemplates.com">Your Account</a></li>
               </ul>
            </div>
            <div class="menufooter"></div>
         </div>
         <div class="menu">
         <div class="menuheader"><h3>Oyun Durumu</h3></div>
            <div class="menucontent">
               </a></p>
            </div>
            <div class="menufooter"></div>
         </div>
      </div>
      
      <div id="right">
         <div class="menu">
            <div class="menuheader"><h3>Oyun Takımı</h3></div>
            <div class="menucontent">
               <div class="member">
                  <a href="http://www.dogukan-16.tr.gg"><img src="http://img.webme.com/pic/c/cumcubuk/member12.jpg" alt="member" /></a>
                  <span><a href="http://www.dogukan-16.tr.gg">[TL]Dogukan</a></span>
   
            
               </div>
               <div class="clear"></div>
            </div>
            
            <div class="menufooter"></div>
         </div>
      </div>
      
      <div id="middle">
         <div class="post">
            <div class="postheader"><h1>DogukanMt2'ye Hosgeldiniz...!</h1></div>
            <div class="postcontent">





Tasarim Altina:

Kod:
</div>
            <div class="postfooter"></div>
         </div>
      </div>
   </div>
   <div id="footer">
      <ul>
         <li><a href="#">Anasayfa</a></li>
         <li><a href="#">İletişim</a></li>
         <li><a href="#">Üye Ol</a></li>
         <li><a href="#">İndir</a></li>
         <li><a href="#">Oyun Takımı</a></li>
         <li><a href="#">Forum</a></li>
         <li class="last"><a href="#">Kurallar</a></li>
      </ul>
   <span>Copyright © 2011 Dogukan-16.tr.gg Tüm Hakları Gizli Tutulmaktadır...</span>   </div>   
</div>


Css Bölümüne:

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 {
   background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/background.gif);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: 0px;
   padding: 0px;
   background-repeat: repeat-x;
   background-color: #000000;
}
* {margin: 0px;padding: 0px;}
p {
   padding: 10px 10px 10px 20px;
   display:block;
   color:#525757;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold
}
a {
   color:#6b7272;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
}
#conntainer {
   margin: 0px auto;
   text-align: left;
   width: 860px;
}
#header{
   height:304px;
   width:777px;
   background-image:url(http://img.webme.com/pic/c/cumcubuk/header.jpg);
   background-repeat: no-repeat;
margin-top: -30px;
z-index: -2px;
}
#conntent{
}
#left{
   width:192px;
   float:left;
}
#middle{
   margin-left:206px;
   margin-right:196px;
   width:450px;
}
#right{
   width:192px;
   float:right;
}

/********************* menu ****************************/
.menuheader{
   width:192px;
   height:37px;
   background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menutop.gif);
   display:block;
}
.menucontent{
   width:192px;
   background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menumiddle.gif);
   padding-top:10px;
   background-repeat: repeat-y;
}.menuheader h3{
   padding: 10px 0px 0px 20px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
}
.menufooter{
   width:192px;
   height:15px;
   background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menubottom.gif);
   display:block;
}
.postheader,.menuheader{
   color:#CCCCCC;
   text-transform: uppercase;
}
/********************* post ****************************/
.post{
   margin-bottom:15px;
}
.postheader{
   background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/posttop.gif);
   display:block;
   width:450px;
   height:33px;
}
.postheader h1{
   padding: 7px 0px 0px 20px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
}

.postcontent{
   background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postmiddle.gif);
   background-repeat: repeat-y;
   padding: 20px 0px;
}
.postfooter{
   background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postbottom.gif);
   background-repeat: no-repeat;
   display:block;
   width:450px;
   height:15px;
}
/********************* header ****************************/
#header{
   position:relative;
}
#header ul{
   position:absolute;
   top:250px;
   display:block;
   left:190px;
}
#header ul li{
   display:inline;
   text-align:center;
   margin:auto;
   width:auto;
   border-right: 1px solid #6b7272;   
}
.last{
   border-right: 0px none #6b7272 !important;
}
#header ul li a{
   display:inline;
   text-align:center;
   text-decoration:none;
   padding: 0px 10px;
   text-transform: uppercase;
}
#header ul li a:hover{
   text-decoration:underline;
}
/********************* footer ****************************/
#footer{
   width:850px;
}
#footer ul{
   display:block;
   margin-left:190px;
}
#footer ul li{
   display:inline;
   text-align:center;
   margin:auto;
   width:auto;
   border-right: 1px solid #6b7272;   
}

#footer ul li a{
   display:inline;
   text-align:center;
   text-decoration:none;
   padding: 0px 10px;
   text-transform: uppercase;
}
#footer ul li a:hover{
   text-decoration:underline;
}
#footer span{
   color:#525757;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align:center;
   width:850px;
   display:block;
   padding: 15px 0px;
}
/********************* menu members ****************************/
.menu ul{
   list-style-position: inside;
   list-style-type: disc;
   padding: 0px 0px 0px 20px;
   color:#666666;
}
.menu ul li{
   padding-top: 5px;
   color:#666666;
}
.menu ul li a{
   text-decoration:none;
   padding: 0px;
   text-transform: uppercase;
}
.menu ul li a:hover{
   text-decoration:underline;
   text-transform: uppercase;
}
.member{
   display:inline;
   float:left;
   margin-left:10px;
}
.member span{
   display:block;
   text-align:center;
   padding: 2px 0px 13px 0px;
   text-transform: uppercase;

}
.member img{
   width:75px;
   height:70px;
   border: solid 2px #999999;   

}
.clear{
   clear:both;
}


Mesaj20.04.2011, 05:03 (UTC)    
Mesaj konusu:

Tasarım çalışmalarınızı şurada paylaşınız

Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=159058
Önceki mesajları göster:   


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