• Seite 1 von 1
  • 1
Menü wie dieses erstellen
oblivien13
Beiträge: 7
Ruf: 0
Beitrag # 1 | 21:37
Hallo Leute, ich würde gerne auf meine seite ein Auswahlmenü an den oberen Bildschirmrand machen, dieses soll wenn cih einen Punkt mit der Maus behrühre andere Unterpunkte anzeigen. Beispiele wie es ungefähr aussehen sollte sind hier: gamona.de oder http://zoomgamer.net/ZG2/

Danke im Vorraus
mfg oblivien13

noobishrabbit
Beiträge: 929
Ruf: 33
Beitrag # 2 | 23:58
hallo, da kann ich dir leider nicht behilflich sein, da hoffe ich, dass die andere nutzer helfen.
ich bin da, um fragen zu beantworten, die etwas mit dem System Ucoz zu tun haben.

gruß, anton


wuerzburg-riders.de - the place to be

in NOTFÄLLEN dürft mich per PN anschreiben, dann versuche ich euch zu helfen :)
webworld
Beiträge: 8
Ruf: 0
Beitrag # 3 | 01:49
Erstelle dein Menü extern mit einen anderen Programm,
erstelle daraus ein html code.

Gehe in die Designschablone auf Seite der Hauptseite

Suche diesen Absatz

Quote
<td valign="top">
<div id="navBar"><a href="$HOME_PAGE_LINK$" title="Hauptseite">Hauptseite</a><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Mein Profil">Mein Profil</a><?else?> | <a href="$REGISTER_LINK$" title="Registrieren">Registrieren</a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Logout">Logout</a><?else?> | <a href="$LOGIN_LINK$" title="Enter">Enter</a><?endif?> | <a href="$RSS_LINK$" title="RSS">RSS</a></div>
<!-- Body --><div style="padding:10px;">$CONTENT$</div><!-- /Body -->
</td>

Und Füge da dein Html code ein, nicht Vergessen die Variablen zu ändern (statt der it adresse das hier $LOGIN_LINK$ )

VITALIUS
Beiträge: 26
Ruf: 2
Beitrag # 4 | 22:27
/* CSS Menu From AllCity.Net.Ru & http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#nav_suckerfish {
position: absolute;
top: 0;
height: 28px;
width: 100%;
background: url(menu_body.gif) repeat-x
}

#nav_suckerfish a:link, #nav_suckerfish a:visited {
display: block;
float: left;
height: 28px;
line-height: 28px;
padding: 0 16px 0 14px;
text-decoration: none;
cursor: pointer;
background: url(menu_body.gif) 100% 0 no-repeat;
font-weight: normal;
font-family: Arial;
font-size: 95%;
font-weight: bold;
color: #fff;
}

#nav_suckerfish li a {
}

#nav_suckerfish a.topdaddy,
#nav_suckerfish li.active a.topdaddy {
display: block;
float: left;
height: 28px;
line-height: 28px;
padding: 0 16px 0 14px;
text-decoration: none;
cursor: pointer;

font-weight: normal;
font-family: Arial;
font-size: 95%;
font-weight: bold;
color: #fff;
padding-right: 25px;
}

#nav_suckerfish li li a:link,
#nav_suckerfish li li a:visited{
background: none;
font-weight: normal;
padding: 0;
text-indent: 15px;
}

#nav_suckerfish li li {
padding: 0;
background: none;
float: left;
padding: 0;
width: 170px;
}

#nav_suckerfish ul ul a:link,
#nav_suckerfish ul ul a:visited {
display: block;
text-decoration: none;
width: 167px;
text-transform: none;
background: none;
}

#nav_suckerfish li {
float: left;
padding: 0;
background: none;
height: 28px;
}

#nav_suckerfish ul li {
position: relative;
}

#nav_suckerfish li ul {
top: 28px;
position: absolute;
left: -999em;
height: auto;
width: 170px;
font-weight: normal;
border-width: 0;
margin: 0;
padding: 0;
}

#nav_suckerfish ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

/* margin for pullouts */
#nav_suckerfish li ul ul {
margin: -28px 0 0 170px;
}

#nav_suckerfish ul ul a.daddy {
}

#nav_suckerfish li:hover ul ul,
#nav_suckerfish li:hover ul ul ul,
#nav_suckerfish li:hover ul ul ul ul,
#nav_suckerfish li.sfhover ul ul,
#nav_suckerfish li.sfhover ul ul ul,
#nav_suckerfish li.sfhover ul ul ul ul {
left: -999em;
}

#nav_suckerfish li:hover ul,
#nav_suckerfish li li:hover ul,
#nav_suckerfish li li li:hover ul,
#nav_suckerfish li li li li:hover ul,
#nav_suckerfish li.sfhover ul,
#nav_suckerfish li li.sfhover ul,
#nav_suckerfish li li li.sfhover ul,
#nav_suckerfish li li li li.sfhover ul{
z-index: 100;
left: 0;
background: #000000;
filter:alpha(opacity=95);
-moz-opacity:.80;
opacity:.80;
}

#nav_suckerfish li:hover, #nav_suckerfish li.sfhover {
left: 0;
}

#nav_suckerfish li li.active {
background: none;
}

#nav_suckerfish ul li a:hover,
#nav_suckerfish ul li ul li a:hover,
#nav_suckerfish ul li ul li ul li a:hover {
background: url(menu_hov.gif);
}


  • Seite 1 von 1
  • 1
Suche: