![]() |
PHP-Quelltext |
1 |
<?php showFrontendDropdownMenu('0','<ul>|</ul>','<li class="middle">|</li>','<li class="first">|</li>','<li class="last">|</li>'); ?>
|
![]() |
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
/* menu */ #mainmenu { float: right; padding: 39px 0 0; } #menu ul { float: right; } #menu li { display: inline; float: left; margin: 0 0 0 18px; } #menu li a { display: block; color: #999; padding: 7px; font-size: 1.1em; border: 1px solid transparent; } #menu a:hover, #menu li.current a { border-color: #444; } #menu li ul { top: 98px; background: url(../images/dot.png); padding: 3px; font-size: .92em; position: absolute; display: none; z-index: 100; } #menu li ul li { float: none; display: inline; margin: 0; padding: 0; clear: left; } #menu li ul li a { color: #fff; margin: 4px; white-space: nowrap; padding: 8px; } #menu li ul li a:hover { background: #2C2D2F; border-color: #2C2D2F; } |
![]() |
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!-- menu --> <div id="mainmenu"> <ul id="menu"> <li><a class="current" href="#">Startseite</a></li> <li><a href="#">About</a> <ul> <li><a href="#">About ensky.at</a></li> <li><a href="#">About me</a></li> </ul> </li> <li><a href="#">Downloads</a> <ul><li><a href="#">Grafikdesign</a></li></ul> </li> <li><a href="#">Projekte</a></li> <li><a href="#">Kontakt</a></li> <li><a href="#">Impressum</a></li> </ul> </div> <!-- /menu --> |
Zitat von »"ensky"«
Funktioniert nicht wirklich
![]() |
Quellcode |
1 2 3 4 5 6 7 |
<!-- menu --> <div id="mainmenu"> <ul id="menu"> <!--?php showFrontendDropdownMenu('0','<ul-->|</ul>','<li class="middle">|</li>','<li class="first">|</li>','<li class="last">|</li>'); ?> </div> <!-- /menu --> |
![]() |
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/menu.js"></script> <script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/slideshow.js"></script> <script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/cufon-yui.js"></script> <script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/Arial.font.js"></script> <script type="text/javascript">Cufon.replace('h1,h2,h3,h4,h5,#menu,#copy,.blog-date'); </script> <script type="text/javascript" src="http://ensky.at/test/includes/templates/enskyat/js/fancyzoom.min.js"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $('div.photo a').fancyZoom({directory: 'images/zoom', scaleImg: true, closeOnClick: true}); }); </script> <link rel="stylesheet" href="http://ensky.at/test/includes/templates/enskyat/css/main.css" type="text/css" /> <title>TEST - ensky.at</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> |
Zitat
/* menu */
#mainmenu {
float: right;
padding: 39px 0 0;
}
#menu ul {
float: right;
}
#menu li {
display: inline;
float: left;
margin: 0 0 0 18px;
}
#menu li a {
display: block;
color: #999;
padding: 7px;
font-size: 1.1em;
border: 1px solid transparent;
}
#menu a:hover, #menu li.current a {
border-color: #444;
}
#menu li ul {
top: 98px;
background: url(../images/dot.png);
padding: 3px;
font-size: .92em;
position: absolute;
display: none;
z-index: 100;
}
#menu li ul li {
float: none;
display: inline;
margin: 0;
padding: 0;
clear: left;
}
#menu li ul li a {
color: #fff;
margin: 4px;
white-space: nowrap;
padding: 8px;
}
#menu li ul li a:hover {
background: #2C2D2F;
border-color: #2C2D2F;
}