Forum'da ara:
Ara


Yazar Mesaj
Mesaj02.03.2014, 15:11 (UTC)    
Mesaj konusu: Clean tasarım üst menü ekleme

Kod:
<!-- KAYNAK:www.Cirtlak-Site.Tr.Gg--><style type="text/css">#menu {font:14px arial, verdana, sans-serif;-moz-box-shadow:0px 2px 5px  2px #999; -webkit-box-shadow:  0px 2px 5px  2px #999;} /* Burada menümüze bir miktar gölge veriyoruz */

   

 #menu ul{background:#fff url(http://img.webme.com/pic/c/cirtlak-site/menubg.gif) repeat-x;margin:0;padding:0;list-style:none;border:1px solid #c0c0c0;padding:10px 0px 10px 0px;} 

   

 #menu li{margin:0;display:inline;float:left;padding:0px;} 

   

 #menu ul li a {padding:10px;color:#444;text-decoration:none;} /* Menü bağlantılarımızı burada tanımlıyoruz */

   

 #menu ul li a:hover { /* Bağlantılarımızın hover durumundaki tanımlamalarını yapıyoruz */

padding:10px; 

 background:#6bbef0 url(http://img.webme.com/pic/c/cirtlak-site/menu2.gif) repeat-x; 

color:#fff; 

 text-decoration:none; 

   

 -moz-box-shadow:0px 2px 5px  2px #2e83ff;       /* Bu iki satırda gölge tanımlamaları yapılıyor. */

-webkit-box-shadow:  0px 2px 5px  2px #2e83ff; 

   

 -moz-border-radius: 0px 0px 4px 4px;            /* Bu iki satırda ise yuvarlak köşeler için tanımlamalar yapılıyor */

 -webkit-border-radius: 0px 0px 4px 4px; 

 }
</style> <script> 

     // menü bağlantılarımız için küçük bir animasyon oluşturuyoruz 
   

     $(document).ready(function() { 

             $('#menu a').hover(function() { // fare üzerine gelince yapılacaklar 

                 $(this).animate({ paddingBottom: '15px', paddingTop: '10px'  },300); 

   

             }, function() { // fare gidince yapılacaklar 

                 $(this).animate({ paddingBottom: '10px', paddingTop: '10px' }, 300); 

             }); 

         }); 

   

     </script>
<div id="menu"> 

 <ul> 

 <li><a href="#">Anasayfa</a></li> 

 <li><a href="#">Photoshop</a></li> 


 <li><a href="#">JAVA KODLARI</a></li> 

 <li><a href="#">HTML KODLARI</a></li> 

 <li><a href="#">Cirtlak-site.tr.gg</a></li> 

 <br style="clear:both" /> 

 </ul> 

 </div>
<!-- KAYNAK:www.Cirtlak-Site.Tr.Gg-->


Şu kodu siteme ekledim ama düzgün yerleşmedi.Bunu başlık resminin hemen altına nasıl eklerim?
Mesaj02.03.2014, 15:23 (UTC)    
Mesaj konusu:

Bu kod Clean tasarımı için hazırlanmış bir kod olmadığı için çalışmaması normal.
Ekstra üst menü yapmak için;
Kod:
<style type="text/css">
#access {
color: #xxx;
position: absolute;
top: 212px;
left: 1px;
in: 0px;
background: url();
}
</style>
<div id="access">
<ul class="main-menu">
    <li id="checked_menu"><a href="/Ana-Sayfa.htm">Ana Sayfa</a></li>
    <li><a href="/Hakkimizda.htm">Hakkimizda</a></li>
    <li><a href="/Ziyaretci_Defteri.htm">Ziyaretci-Defteri</a></li>
</ul>
</div>


Bu kodu tasarımın üzerindeki yazı kısmına ekleyiniz. (en üstüne)

İyi forumlar.

______________
GONE! no way back
Mesaj02.03.2014, 15:45 (UTC)    
Mesaj konusu:

Kod çalışıyor ama istediğim yere koyamıyorum sorun orada.
Mesaj02.03.2014, 15:50 (UTC)    
Mesaj konusu:

Kod çalışıyor ama istediğim yere koyamıyorum sorun orada.
Mesaj02.03.2014, 20:00 (UTC)    
Mesaj konusu:

kendin-yapp yazmış:
Kod çalışıyor ama istediğim yere koyamıyorum sorun orada.

Kod içerisindeki top: 212px; left: 1px; in: 0px ayarlarıyla birazcık oynasanız?
______________
Mesaj14.03.2014, 09:54 (UTC)    
Mesaj konusu:

başlığın menüdeki uzunluğu sayfa genişliğine göre ayarlı yerini değiştirsen bile boyutu sayfan kadar olur
______________
Teknoloji, Bilgisayar, Film Yazarlığı Ve Yönetmenlik Sinema, Surround Sound
Mesaj19.03.2014, 11:44 (UTC)    
Mesaj konusu: clean dersi

arkadaşlar clean tasarım dersleri ve diğer dersler için

siteme gelin beklerim





HER İYİ ÖLÜR
Önceki mesajları göster:   


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