Horizontales Menue

Allgemeine Diskussionen über WebYep
Post Reply
Philipp Schmidt
Posts: 2
Joined: Thu Sep 16, 2010 11:50 am

Horizontales Menue

Post by Philipp Schmidt » Thu Sep 16, 2010 4:00 pm

Hallo,
gibt es eine Möglichkeit das Menueelement als ein horizontales Menue einzubinden?

manfred
Objective Development
Objective Development
Posts: 561
Joined: Sat Jul 31, 2010 9:47 am
Location: Vienna
Contact:

Re: Horizontales Menue

Post by manfred » Fri Sep 17, 2010 1:59 pm

WebYep erzeugt für das Menü eine HTML unordered list (<ul>…</ul>). Theoretisch kann man dann mit CSS das Design nach eigenem Belieben verändern (auch Horizontal). Wenn die einzelnen Menüpunkte dann »ausfahrende« Untermenüs haben, kann es allerdings schnell sehr kompliziert werden.

romacasa
Posts: 16
Joined: Thu Oct 07, 2010 1:58 pm

Re: Horizontales Menue

Post by romacasa » Fri Nov 12, 2010 6:14 pm

Horizontale Menus mit WebYep ist möglich:
in der KonfigurationsDatei von WebYep listJS auf list ändern.
Dann mittesl CSS alles gestalten:
Hier als Beispiel:
der Seite www.pfarrei-badgoegging.de

#MyMenu {
font: 14px/16px Helvetica,Arial,sans-serif;
}
.WebYepMenu {
padding: 0;
margin: 0;
}
.WebYepMenu a{
color: #63000c;
text-decoration: none;
float: left;
padding-right: 4px;
padding-left: 4px;
height: 23px;
}

.WebYepMenu li {
display: inline;
list-style-type: none;
position: relative;
padding: 0;
margin: 0.4em;
float: left;
}
.WebYepMenu li ul {
position: absolute;
margin: 0; left: -0.4em;
width: 140px;
display: none;
top: 17px;
padding: 4px 2px 2px;
border-width: 1px;
}
.WebYepMenu li ul li{
float: none;
display: block;
position: relative;
text-align: left;
margin: 0 0 0 6px;
}
.WebYepMenu li:hover ul {
display: block;
}
.WebYepMenu li ul.WebYepMenu a{
text-decoration: none;
padding: 3px 0 0;
height: 21px;
}
.WebYepMenu a:hover, .WebYepMenu li ul a:hover{
color: #fb0000;
}

.WebYepMenuCurrentItem a, .WebYepMenu li ul li.WebYepMenuCurrentItem {
color: #ff5c00;
}

Nun, da ich nicht der CSS Programierer schlechthin bin, bitte ich um Verbesserungsvorschläge und vorallem um TESTS an Browsern der älteren Generationen. Bin Mac-ianer und kann nur Firefox und Safari testen.

Bitte um Mitarbeit...

Post Reply