Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag25.05.2010 um 11:51 (UTC)    
Titel: Suche Code für Horizontales Menü mit horizontalem Untermenü

hallo!

ich bin auf der suche nach einem horizontalem menü mit horizontalem untermenü.
bisher habe ich das coolmenü, welches hier im forum angeboten wird. damit bin ich nicht ganz zufrieden, da die untermenüs ständig angezeigt werden und mir, selbst wenn ich dieses problem mal beheben kann, eigentlich auch zu weit in die seite reinragen.

jetzt habe ich mir bei www.bellspace.net ein menü nach meinen wünschen erstellen können und habe auch die .zip datei heruntergeladen.

jetzt mein problem: wie gehts weiter???

Instructions:

* Download cssNavAlpha3.5.zip and extract to a directory
* To use, point your web browser to file://extracted_directory/index.html

entpacken ist mir klar. mir ist auch klar, dass ich die datei auf einem server hochladen muss. habe ein ftp server bei lima-city.

(falls jm einen fertigen, einfacheren weg hat, immer her damit =) )


Zuletzt bearbeitet von damenehrengarde-einigkeit-sandweg-greven am 29.05.2010, 08:06, insgesamt einmal bearbeitet
Beitrag25.05.2010 um 12:00 (UTC)    
Titel:

So wie es aussieht geht das auch nur auf einer externen Seite. Für den Hpbk musst du es sehr wahrscheinlich umcoden lassen was sehr aufwendig ist und
nur wenige hier können.

Aber wenn du hier im Forum mal nach Coolmenü suchst müsstest du auch Codes finden wo du nur noch die Grafiken austauschen brauchst. Was ehrlich gesagt einfacher wäre.

Gruss P

Ps. Wenn die Untermenü`s zuweit ins Design kommen verkleiner die Grafiken doch einfach.


Zuletzt bearbeitet von dj-mysterious am 25.05.2010, 13:02, insgesamt einmal bearbeitet
Beitrag25.05.2010 um 12:09 (UTC)    
Titel:

ja codes finde ich genug, aber leider keinen mit horizontalen untermenüs!

also sowas in der art hätt ich gerne

http://www.ziehenders-welt.maninweb.de/themes/maninweb/tutorials/css_menu01/bsp/menue01.htm


Zuletzt bearbeitet von damenehrengarde-einigkeit-sandweg-greven am 25.05.2010, 13:10, insgesamt einmal bearbeitet
Beitrag25.05.2010 um 12:30 (UTC)    
Titel:

Also sucht du Quasi diesen Code:

Code:
<div id="menu">
         <ul id="navoben">
            <li><a href="#">HOME</a></li>
            <li><img src="images/shadow.jpg" alt="" width="4" height="28" /></li>
            <li><a href="#">PUNKT 1</a>

               <ul style="margin-left:131px;">
                  <li><a href="#">PUNKT 1.1</a></li>
                  <li class="ohne">|</li>
                  <li><a href="#">PUNKT 1.2</a></li>
                  <li class="ohne">|</li>
                  <li><a href="#">PUNKT 1.3</a></li>

                  <li class="ohne">|</li>
                  <li><a href="#">PUNKT 1.4</a></li>
               </ul>
            </li>
            <li><img src="images/shadow.jpg" alt="" width="4" height="28" /></li>
            <li><a href="#">PUNKT 2</a>
               <ul style="margin-left:235px;">

                  <li><a href="#">PUNKT 2.1</a></li>
                  <li class="ohne">|</li>
                  <li><a href="#">PUNKT 2.2</a></li>
                  <li class="ohne">|</li>
                  <li><a href="#">PUNKT 2.3</a></li>
                  <li class="ohne">|</li>

                  <li><a href="#">PUNKT 2.4</a></li>
                  <li class="ohne">|</li>
                  <li><a href="#">PUNKT 2.4</a></li>
               </ul>
            </li>
            <li><img src="images/shadow.jpg" alt="" width="4" height="28" /></li>
            <li><a href="#">PUNKT 3</a>

               <ul style="margin-left:339px;">
                  <li><a href="#">PUNKT 3.1</a></li>
                  <li class="ohne">|</li>
                  <li><a href="#">PUNKT 3.2</a></li>
                  <li class="ohne">|</li>
                  <li><a href="#">PUNKT 3.3</a></li>

               </ul>
            </li>
            <li><img src="images/shadow.jpg" alt="" width="4" height="28" /></li>
            <li><a href="#">PUNKT 4</a>
               <ul style="margin-left:443px;">
                  <li><a href="#">PUNKT 4.1</a></li>
                  <li class="ohne">|</li>

                  <li><a href="#">PUNKT 4.2</a></li>
                  <li class="ohne">|</li>
                  <li><a href="#">PUNKT 4.3</a></li>
               </ul>
            </li>
            <li><img src="images/shadow.jpg" alt="" width="4" height="28" /></li>
         </ul>

      </div>


Den müsstest du dir dann hier von jemanden nur umcodenlassen und die grafiken ändern lassen.

Gruss Patrick
Beitrag25.05.2010 um 12:41 (UTC)    
Titel:

ja so in etwa. oder halt meinen umschreiben, so dass ich ein horizontales untermenü bekomme.

ich benutze zur zeit noch diesen hier:

Code:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 20px;
overflow: auto;
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: 10px;
padding-top: 10px; }

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

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

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: ;
background-image: url(http://damenehrengarde.lima-city.de/homepage/HP/cooltext458832050.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 27px;
color: #000000; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: ;
background-image: url(http://damenehrengarde.lima-city.de/homepage/HP/cooltext458832050MouseOver.png);
color: #000000; }

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 10px;
border-top: 0px;
cursor: pointer;
color: ##9ACD32; }
//-->
</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="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Home.htm"onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

</ul>
</li>
<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Wir-M.ae.dels.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Wir Mädels</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

</ul>
</li>
<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/G.ae.stebuch.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Gästebuch</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>
<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Fotos.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Fotos</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
</ul>
</li>
<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Linkliste.htm"
onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Linkliste</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

</ul>
</li> 
<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Kontakt.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Kontakt</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
</ul>
</li>
<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Spiele.htm" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Spiele</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Squzzle.htm">Squzzle</a></li>
<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Mahjong.htm">Mahjong</a></li>
<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Connection.htm">Connection</a></li>
<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Bricks.htm">Bricks</a></li>
</ul>
</li>


<li><a href="http://damenehrengarde-einigkeit-sandweg-greven.de.tl/Impressum.htm" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Impressum</a>
<ul id="smenu8" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
</ul>
</li>

</div>
Beitrag25.05.2010 um 12:42 (UTC)    
Titel:

Dann such dir einen der dir den Aktuellen umschreibt denn das wäre einfacher.
Beitrag25.05.2010 um 12:47 (UTC)    
Titel:

weisst du da jm? wenn ich wen wüsste, müsste ich ja hier nicht posten Wink
Beitrag25.05.2010 um 12:59 (UTC)    
Titel:

frag mal Nuo-Design oder Poddi oder Iduk
Beitrag27.05.2010 um 20:08 (UTC)    
Titel:

benötige immer noch passenden code. hat denn keiner einen für mich? oder gibt es jemanden, der sich erbarmt und meinen jetztigen umschreibt?
Beitrag27.05.2010 um 20:38 (UTC)    
Titel:

Das ist doch nur der eine Menüpunkt bei dir der in den content ragt oder ?
Beitrag27.05.2010 um 20:46 (UTC)    
Titel:

ja bisher der unter spiele. aber unter fotos soll eigentlich auch noch was kommen und das ragt mir dann einfach zu weit ins bild.

ich möchte daher n script für horizontale submenüs!!!
Beitrag27.05.2010 um 20:48 (UTC)    
Titel:

ganz ehrlich wenn man soviele menüpunkte hat find ich ein design mit der navi links besser
Beitrag29.05.2010 um 07:41 (UTC)    
Titel:

immer noch auf der suche
Beitrag02.06.2010 um 17:03 (UTC)    
Titel:

ok, nach sehr vielem hin und her friemeln hab ichs dann geschafft. kann mir jetzt jemand sagen, wie ich die größe ändern kann? wenn ich z.B. von 14px auf 20px gehe, ändert sich mal rein gar nichts! würde auch gerne buttons einfügen. also wenn wer nen tip hat, immer her damit!!

Code:
<style type="text/css" media="screen">
td{font-size: 14px;}

<!--
body { margin: 0px; padding: 20; font-size: 16px; font: Verdana, Arial, Helvetica, sans-serif; }


a { text-decoration: none; }

dt, dl, dd, ul, li { list-style-type: none; margin: 0 14px 0 0; padding: 0; }

dd { margin-top: 4px; }

#menu { position: absolute; left: 250px; top: 230px; height: 100px; width: 100%; border-bottom: 0px solid #000; }

 #menu a { background: #006600; color: #000; text-decoration: none; }

#menu a:hover { color: #ff0000; }

#menu dl { float: left; }

#menu li { display: inline; }

#menu li a { color: #33CC00; }

#menu li a:hover { background-color: #FFFFFF; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #menu6, menu7, menu8
{ position: absolute; left: 0; font-size: 14px; width: 900px; }
//-->
</style>


Zuletzt bearbeitet von damenehrengarde-einigkeit-sandweg-greven am 02.06.2010, 18:06, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de