Forum'da ara:
Ara


Yazar Mesaj
Mesaj12.09.2009, 09:21 (UTC)    
Mesaj konusu: ice blue üst menü

arkadaşlar ice blue üst menü ekleme olayını göstericem ice blue üst menü görünümü menüyü deiştirebilirsiniz bu arada tasarımınıza görede yerini left ve width değerlerini deiştirerek yerinide ayarlayabilirsiniz.




kod:

Kod:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 125px;
left: 140px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(URL);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">bsdestek</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">menü 1.1</a></li>
<li><a href="Unterlink 1.2">menü 1.2</a></li>
<li><a href="Unterlink 1.3">menü 1.3</a></li>
<li><a href="Unterlink 1.4">menü 1.4</a></li>
<li><a href="Unterlink 1.5">menü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">bsdestek 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">menü 2.1</a></li>
<li><a href="Unterlink 2.2">menü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">bsdestek 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">menü 3.1</a></li>
<li><a href="Unterlink 3.2">menü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">bsdestek 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">menü 4.1</a></li>
<li><a href="Unterlink 4.2">menü 4.2</a></li>
</ul>
</li>
</ul>
</li>
</div>

______________
forumumuz açılmıştır.
Mesaj12.09.2009, 09:22 (UTC)    
Mesaj konusu:

söylemeyi unutmuşum bu kodu tasarım üzerindeki yazıya ekliyeceksiniz
______________
forumumuz açılmıştır.
Mesaj12.09.2009, 09:25 (UTC)    
Mesaj konusu:

kendinmi yaptın Alıntı mı yoksa ??
______________
Seyahatnamem Çok Yakında..
Mesaj12.09.2009, 09:39 (UTC)    
Mesaj konusu:

PAYLAŞIM İÇİN TEŞEKKÜRLER...
______________
BenimSitem1993 => İmza boyutunuz 3 satırdan büyük olduğundan düzenlendi.
Mesaj12.09.2009, 09:52 (UTC)    
Mesaj konusu:

tarihdefterim yazmış:
kendinmi yaptın Alıntı mı yoksa ??


menü alıntı menüyü yapmadım zaten ufak bir yer değiştirme kodu kullanınca yapabilirsin şu kelebek javasından etkilenipde Very Happy bunu alman forumundada görmüştüm
______________
forumumuz açılmıştır.
Mesaj12.09.2009, 09:59 (UTC)    
Mesaj konusu:

hitbank yazmış:
PAYLAŞIM İÇİN TEŞEKKÜRLER...

rica ederim
______________
forumumuz açılmıştır.
Mesaj12.09.2009, 10:49 (UTC)    
Mesaj konusu:

daha gelişmiş menülerde ekleme şansınızda var
______________
Mesaj12.09.2009, 14:56 (UTC)    
Mesaj konusu:

yorum
______________
Mesaj12.09.2009, 18:54 (UTC)    
Mesaj konusu:

yorum
______________
Mesaj12.09.2009, 19:44 (UTC)    
Mesaj konusu: :

güsel olmus basarılar dilerim
Mesaj12.09.2009, 19:58 (UTC)    
Mesaj konusu:

add-url vallaha patlama yaptı bu aralar alman forumu malman forumu adam araştırıp bizlere sunuyo helal olsun tebrikler kardeşim Wink
______________
Mesaj12.09.2009, 20:07 (UTC)    
Mesaj konusu:

kormancity yazmış:
add-url vallaha patlama yaptı bu aralar alman forumu malman forumu adam araştırıp bizlere sunuyo helal olsun tebrikler kardeşim Wink


Smile tşkrler
______________
Mesaj13.09.2009, 10:16 (UTC)    
Mesaj konusu:

yorum
______________
Mesaj17.09.2009, 13:52 (UTC)    
Mesaj konusu:

geri geldim tatil yaptım Very Happy
______________
Mesaj18.09.2009, 07:22 (UTC)    
Mesaj konusu:

yorum
______________
Önceki mesajları göster:   


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