Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj20.08.2011, 14:50 (UTC)    
Mesaj konusu: Menü sorunu

Kod:
<head>
<base href="http://www.ajaxdaddy.com/media/demos/play/1/css-dock-menu/css-dock-menu/" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS Dock Menu</title>
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/interface.js"></script>

<link href="css/cssdockmenu.css" rel="stylesheet" type="text/css" />

<!--[if lt IE 7]>
 <style type="text/css">
 .dock img { behavior: url(css/iepngfix.htc) }
 </style>
<![endif]-->

</head>
<body>
<!--top dock -->
<div class="dock" id="dock">
  <div class="dock-container">
     <a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10211.png" alt="" /><span>Ana Sayfa</span></a>
     <a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10245.png" alt="" /><span>İletişim</span></a>
     <a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10358.jpg" alt="" /><span>MovieHaber</span></a>
     <a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10417.jpg" alt="" /><span>Facebook</span></a>
  </div>
</div>



<!--dock menu JS options -->
<script type="text/javascript">
   
   $(document).ready(
      function()
      {
         $('#dock').Fisheye(
            {
               maxWidth: 50,
               items: 'a',
               itemsText: 'span',
               container: '.dock-container',
               itemWidth: 40,
               proximity: 90,
               halign : 'center'
            }
         )
         $('#dock2').Fisheye(
            {
               maxWidth: 60,
               items: 'a',
               itemsText: 'span',
               container: '.dock-container2',
               itemWidth: 40,
               proximity: 80,
               alignment : 'left',
               valign: 'bottom',
               halign : 'center'
            }
         )
      }
   );

</script>
</body>
</html>












Bu Bir Css Dock Menü Bunu http://htmledit.squarefree.com/ Bu Sitede Görebilirsiniz ....

Benim Sorunum Dock Menünün Herhangi bir resimin üzerine gelince yazı siyah yerine beyaz olmasını istiyorum beyaz gözükmez demeyin çünkü benim arka planım siyah olacak Very Happy Bu Yazı Rengini Değiştirme Şansım Varmı ?

http://direkmovie.tr.gg adresindede bu dock menünün örneği var..




@simerweb:
* Konu başlığı düzenlendi; başlığınız konuyla ilgili olmalıdır.
* Kod paylaşırken "code" butonunu kullanın.

______________


En son direkmovie tarafından 20.08.2011 20:15:22 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj20.08.2011, 19:53 (UTC)    
Mesaj konusu:

Bunu Dene
Kod:
<head>
<base href="http://www.ajaxdaddy.com/media/demos/play/1/css-dock-menu/css-dock-menu/" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS Dock Menu</title>
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/interface.js"></script>

<link href="css/cssdockmenu.css" rel="stylesheet" type="text/css" />

<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(css/iepngfix.htc) }
</style>
<![endif]-->

</head>
<body>
<!--top dock -->
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10211.png" alt="" /><span><font color="#FFFFFF">Ana Sayfa</font></span></a>
<a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10245.png" alt="" /><span><font color="#FFFFFF">İletişim</font></span></a>
<a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10358.jpg" alt="" /><span><font color="#FFFFFF">MovieHaber</font></span></a>
<a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10417.jpg" alt="" /><span><font color="#FFFFFF">Facebook</font></span></a>
</div>
</div>


<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);

</script>
</body>
</html>

______________
facebook.com/emre.sazak.50twitter.com/metalistan
Mesaj22.08.2011, 11:15 (UTC)    
Mesaj konusu:

emresazak yazmış:
Bunu Dene
Kod:
<head>
<base href="http://www.ajaxdaddy.com/media/demos/play/1/css-dock-menu/css-dock-menu/" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS Dock Menu</title>
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/interface.js"></script>

<link href="css/cssdockmenu.css" rel="stylesheet" type="text/css" />

<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(css/iepngfix.htc) }
</style>
<![endif]-->

</head>
<body>
<!--top dock -->
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10211.png" alt="" /><span><font color="#FFFFFF">Ana Sayfa</font></span></a>
<a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10245.png" alt="" /><span><font color="#FFFFFF">İletişim</font></span></a>
<a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10358.jpg" alt="" /><span><font color="#FFFFFF">MovieHaber</font></span></a>
<a class="dock-item" href="#"><img src="http://a1108.hizliresim.com/11/8/20/10417.jpg" alt="" /><span><font color="#FFFFFF">Facebook</font></span></a>
</div>
</div>


<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);

</script>
</body>
</html>



tmm anladım yazı rengı kodu eklemek gerekmıs saol knk ...
______________
Önceki mesajları göster:   


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