Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj21.11.2010, 11:16 (UTC)    
Mesaj konusu: Menüyü Nasıl Ortalıyıcağım

Siteme bakarsanız menü logonun altındaki bölümde değil, nası oraya hizalıcağım ?
Mesaj21.11.2010, 11:41 (UTC)    
Mesaj konusu:

menü kodlarının başına <center> sonunada </center> ekle bu şekil bi dene bakalım olmazsa eğer menü kodlarını buraya paylaş halledelim
______________
Ecdatlarınızı Tanıyormusunuz?
Osmanlılar. Asya,Afrika Ve Avrupada Kainat Tarihinin Tanıdığı En Geniş İmparatorluklarından
Birini Kurdular
Osmanlı Bu Gün Geri Kalan Bütün Devletlerin Gücü Üzerinde Bir Kudrete Sahiptir
Mesaj21.11.2010, 16:29 (UTC)    
Mesaj konusu:

Hiçbir değişiklik olmadı, nasıl yapacağız ?
Mesaj21.11.2010, 16:31 (UTC)    
Mesaj konusu:

Sizin koyduğunuz menü değil sanırım :S
Çünkü içerik yazka yeride var. Yazmışsınız bile ''unicornpazarlama'' diye bir şey yazmışsınız.
______________

Bilgisayarfareleri'ne teşekkürler!
Mesaj21.11.2010, 17:15 (UTC)    
Mesaj konusu:

Nurçin özel, kodları sitenin üst bölümü alt bölümüne ekledim.

Kodlar bu:

Tasarımın üzerindeki yazı(Kalın olan kendi yaptığım şablonun kodu. Kalın olmayan, menünün idex kodu):

Kod:

[b]<table width="878" height="130" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="904" height="130" align="center" valign="top" background="http://i1011.hizliresim.com/2010/11/21/1547.gif"><table width="878" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="21" height="214"> </td>
          <td width="855"> </td>
          <td width="8"> </td>
        </tr>
        <tr>
          <td height="2"></td>
          <td align="center"><br /></td>
          <td></td>
        </tr>
        <tr>
          <td height="19"></td>
          <td align="center"> </td>
          <td></td>
       
        </table>
     
 
</table>
<table width="905" height="63" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="904" align="left" valign="top" background="http://i1011.hizliresim.com/2010/11/21/1551.gif"><table width="893" height="53" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="16" height="53"> </td>

        <td width="184" align="left" valign="top"> </td>
        <td width="38"> </td>
        <td width="646" align="left" valign="top"
[/b]

<div class="wrapper1">
   <div class="wrapper">
      <div class="nav-wrapper">
         <div class="nav-left"></div>
         <div class="nav">
            <ul id="navigation">
                  <li class="active">
                  <a href="#">
                     <span class="menu-left"></span>
                     <span class="menu-mid">Home</span>
                     <span class="menu-right"></span>
                  </a>
               </li>
                  <li class="">
                  <a href="#">
                     <span class="menu-left"></span>
                     <span class="menu-mid">İtem Satın Al</span>
                     <span class="menu-right"></span>
                  </a>
                        <div class="sub">
                        <ul>
                           <li>
                           <a href="http://unicornpazarlama.tr.gg/%26%23304%3Btem-Sipare%26%23351%3B-Et.htm">İtem Satın Al</a>
                        </li>

                     
                        </ul>
                        <div class="btm-bg"></div>
                     </div>
               </li>
                  <li class="">
                  <a href="#">
                     <span class="menu-left"></span>
                     <span class="menu-mid">İtem Satışa Koy</span>
                     <span class="menu-right"></span>
                  </a>
                     <div class="sub">
                        <ul>
                           <li>
                           <a href="http://unicornpazarlama.tr.gg/%26%23304%3Btem-Sat%26%23305%3B%26%23351%3Ba-%C7%26%23305%3Bkar.htm">İtem Satılığa Çıkar</a>
                           </li>

                        </ul>
                        <div class="btm-bg"></div>
                     </div>
                  </li>
                  <li class="">
                  <a href="#">
                     <span class="menu-left"></span>
                     <span class="menu-mid">Başkalarının İtemleri</span>
                     <span class="menu-right"></span>
                  </a>
                        <div class="sub">
                        <ul>
                           <li>
                           <a href="http://unicornpazarlama.tr.gg/Ba%26%23351%3Bkalar%26%23305%3Bn%26%23305%3Bn-%26%23304%3Btemleri.htm">Başkalarının İtemleri</a>
                        </li>
                           <li>
                           <a href="http://unicornpazarlama.tr.gg/%26%23304%3Btem-Sat%26%23305%3B%26%23351%3Ba-%C7%26%23305%3Bkar.htm">Sende İtem Koy</a>
                        </li>

                        </ul>
                        <div class="btm-bg"></div>
                     </div>
               </li>
                  <li class="">
                  <a href="#">
                     <span class="menu-left"></span>
                     <span class="menu-mid">Gallery</span>
                     <span class="menu-right"></span>
                  </a>
                        <div class="sub">
                        <ul>
                           <li>
                           <a href="#">Personal Photos</a>
                        </li>
                           <li>
                           <a href="#">My Friends</a>
                        </li>
                           <li>
                           <a href="#">Tech</a>
                        </li>
                        </ul>
                        <div class="btm-bg"></div>
                     </div>
               </li>
                  <li class="">
                  <a href="#">
                     <span class="menu-left"></span>
                     <span class="menu-mid">Portfolio</span>
                     <span class="menu-right"></span>
                  </a>
                        <div class="sub">
                        <ul>
                           <li>
                           <a href="#">My Works</a>
                        </li>
                        </ul>
                        <div class="btm-bg"></div>
                     </div>
               </li>
                  <li class="last">
                  <a href="">
                     <span class="menu-left"></span>
                     <span class="menu-mid">Contact</span>
                     <span class="menu-right"></span>
                  </a>
                  </li>
               </ul>
         </div>
         <div class="nav-right"></div>
      </div>
      <div class="content">
         <p> </p>
         <p> </p>

      </div>
      <div class="content-bottom"></div>
   </div>
</div>




Tasarımın altındaki yazı( Kalın olan şablonun kodu, kalın olmayan menünün menü_style kodu):
Kod:
[b]
<center>
</td>
        <td width="9"> </td>
        </tr>
    </table></td>
  </tr>
</table>
<table width="905" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="906" height="57" align="left" valign="top" background="http://i1011.hizliresim.com/2010/11/21/1552.gif"></td>
  </tr>
</table>[/b]





<style type="text/css">

.wrapper1{
   color: #44433f;   
   font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
   margin: 0;
   padding: 4px 0 0;
   }
   .wrapper1 a{
      color: #E5F2FB;
      text-decoration: none;
   }
   .wrapper1 a:hover {
      color: #09548B;
   }
   .wrapper1 p {
      margin: 0 0 17px;
      padding: 0;
      line-height: 18px;
   }
.wrapper {
   /*width: 710px;*/
   margin: 20px auto;
}
.nav {
   background: #fff url(http://i1011.hizliresim.com/2010/11/21/2377.png) repeat-x;
   float: left;
}
.nev-wrapper {
   clear: both;
   float: left;
}
.nav-left {
   background: url(http://i1011.hizliresim.com/2010/11/21/2384.png) no-repeat top left;
   float: left;
   width: 11px;
   height: 41px;
}
.nav-right {
   background: url(http://i1011.hizliresim.com/2010/11/21/2385.png) no-repeat top right;
   float: left;
   width: 11px;
   height: 41px;
}
.nav ul {
   /*width: 648px;*/
   height: 38px;
   float: left;
   margin: 0;
   padding-top: 3px;
   list-style: none;
   font-size: 15px;
}
.nav li {
   float: left;
   padding: 0 7px;
   background: url(http://i1011.hizliresim.com/2010/11/21/2388.png) no-repeat right center;
   position: relative;
   z-index: 1;
}
.nav li.last {
   background:none;
}
.nav li:hover {
   z-index:2;
}
.nav li a {
   display: block;
   line-height: 38px;
   overflow: hidden;
   float: left;
}
a .menu-left {
   background: url(http://i1011.hizliresim.com/2010/11/21/2398.gif) no-repeat left top;
   width: 8px;
   height: 32px;
   line-height: 35px;
   display: block;
   float: left;
}
a .menu-mid {
   background: url(http://i1011.hizliresim.com/2010/11/21/2400.gif) repeat-x top left;
   height: 32px;
   line-height: 35px;
   display: block;
   float: left;
}
a .menu-right {
   background: url(http://i1011.hizliresim.com/2010/11/21/2402.gif) no-repeat top left;
   width: 8px;
   height: 32px;
   line-height: 35px;
   display: block;
   float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
   background-position: 0 -37px;
   line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
   color: #09548B;
}
.nav li:hover .sub,
.nav li.hover .sub {
   display:block;
}
.nav li .sub {
   display: none;
   position: absolute;
   top: 27px;
   left: 6px;
   background: url(http://i1011.hizliresim.com/2010/11/21/2407.png) no-repeat;
   width: 186px;
   padding-top: 9px;
}
.nav li ul {
   background: url(http://i1011.hizliresim.com/2010/11/21/2413.png) repeat-y;
   width: 162px;
   height: auto;
   margin: 0;
   padding: 0 12px 10px;
   list-style: none;
   font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
   width: 100%;
   padding: 1px 0 2px;
   border-bottom: 1px #C1D9F0 dashed;
   background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
   color: #09548B;
   background: none !important;
   line-height: normal;
   width: 156px;
   padding: 8px 3px 3px;
   text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
   color: #fff;
   background: #165B9F !important;
   text-decoration: none;
   line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
   color: #fff;
   background: #165B9F !important;
   text-decoration: none;
   line-height: normal;
}
/**/
.nav .btm-bg {
   background: url(http://i1011.hizliresim.com/2010/11/21/2415.png) no-repeat;
   width: 205px;
   height: 9px;
   overflow: hidden;
   clear: both;
}
.content {
   width: 670px;
   background: transparent url(http://i1011.hizliresim.com/2010/11/21/2418.png) repeat-y;
   float: left;
   padding: 10px 20px;
}
.content h1 {
   color: #333;
   font-weight: 400;
   text-transform: uppercase;
   font-size: 18px;
   border-bottom: 1px dashed #C1D9F0;
}
.content h2 {
   font-weight: 400;
   text-transform: uppercase;
   font-size: 14px;
   padding-left: 10px;
   margin-bottom: -5px;
}
.content p {
   padding: 0 15px;
   text-align: justify;   
}
.content-bottom {
   width: 710px;
   background: transparent url(http://i1011.hizliresim.com/2010/11/21/2422.png) no-repeat;
   height: 13px;
   float: left;
}
</style>
Mesaj21.11.2010, 17:19 (UTC)    
Mesaj konusu:

Pardon arakadaşlar kodlar yaptğım şablon okdlarıyla karışmış,

Yoksayın
Önceki mesajları göster:   


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