rechts bilder einbauen
hallo alex,
ich beantworte dir deine frage von der pn an mich gleich hier, so haben vielleicht andere user auch etwas davon :)
deine frage an mich war: wie baut man die navigation neben dem forum ein?
dazu muss ich dir die codes und vorgehensweise aus myhpm hereinkopieren, da dieses forum leider geschlossen ist:
So sollte Ihre Navigation am Ende aussehen:
Der weiß hinterlegte Button ist ein Beispiel für den Hovereffekt.
Also als erstes muss man wieder in der CSS die nötigen classes erstellen.
2
3
4
.nav{
margin : 3px;
padding: 2px;
}
Hier haben Sie die Ausgangs Class.
2
3
4
5
6
7
8
9
10
11
.nav li{
display:block;
list-style:none;
border-width:1px;
border-style:solid;
border-color: #000000;
margin : 3px;
padding: 0px;
width: 100px;
text-decoration: none
}
Nun erstellen Sie eine neue Class,um den style <li> - Tags festzulegen.
"list-style: none" bewirkt, dass vor den Navigationspunkten später kein Sonderzeichen z.B. "-".
--> Testen Sie es einfach, in dem Sie einfach "list-style: none" weglassen.
2
3
4
5
6
.nav li a{
background-color: #60b70b;
display:block;
color: #ffffff;
text-decoration: none
}
Da Sie eine Navigation haben möchte, werden Sie später mit A-Tags arbeiten und damit Sie auch hier einen extra Style erstellen wollen, brauchen Sie diese Class.
2
3
.nav li a:link {
color: #ffffff;
}
Eine Navigation wäre ohne Links höchst sinnfrei, deshalb legen Sie in dieser class die Schriftfarbe der Links fest.
2
3
4
5
6
.nav li a:hover{
color: #000000;
display:block;
list-style:none;
background-image: url(https://files.homepagemodules.de/b214495/bhnetfiles-egk-4s.gif);
}
Und zum Schluss, wollen Sie noch einen Hovereffekt, damit die User zwischen "Normalen" und "Überfahrenen" Links unterscheiden können.
Erklärungen zu einzelnen Fachbegriffen finden Sie hier!!!
Jetzt braucht Sie nur noch den nötigen Code im Template einfügen:
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul class="nav"> {{user_newmail==true.start}}<li><a href="{{link_mails}}"><img src="https://img.homepagemodules.de/newmail.gif" border=0></a></li> {{user_newmail==true.end}} {{user_admin==true.start}}
<li><span><a href="{{link_admin}}">{[header_goto_admin]}</a></span><span class="nav.nav"></span></li> {{user_admin==true.end}} <li><a href="{{link_index}}"><span>Home</span></a></li>
<li><a href="{{link_search}}"><span>{[header_goto_search]}</span></a> </li>{{user_registered==true.start}}
<li><a href="{{link_config}}"><span>{[header_goto_config]}</span></a></li>
<li><a href="{{link_mails}}"><span >{[header_goto_pm]}</span></a></li>
<li><a href="{{link_logout}}"><span>{[header_goto_logout]}</span></a></li> {{user_registered==true.else}}
<li><a href="{{link_signup}}"><span>{[header_goto_signup]}</span></a></li>
<li><a href="{{link_login}}"><span>{[header_goto_login]}</span></a></li> {{user_registered==true.end}} {{config_showonline==true.start}}
<li><a href="{{link_online}}"><span>{[header_goto_online]}</span></a></li> {{config_showonline==true.end}} {{config_showmemberlist==true.start}}
<li><a href="{{link_member}}"><span>{[header_goto_members]}</span></a></li> {{config_showmemberlist==true.end}} {{geomap==true.start}}
<li><a href="{{geomap_link}}"><span>{[header_goto_map]}</span></a> </li> {{geomap==true.end}} {{calendar==true.start}}
<li><a href="{{calendar_link}}"><span>{[header_goto_calendar]}</span></a> </li> {{calendar==true.end}} {{config_showchat==true.start}}
<li><a href="{{link_chat}}"><span>{[header_goto_chat]}</span></a></li> {{config_showchat==true.end}}
<li><a href="{{link_faq}}"><span>{[header_goto_faq]}</span></a> </li></ul>
Die Links dürften Sie im "Obere Leiste" Template finden.
<ul> startet sozusagen Ihre Navigation (im eigentlichen Sinne eine Aufzählungsliste) und <li> und </li> startet bzw. schließt einen Navigationspunkt. Am Ende müssen Sie noch die Navigation mit </ul> schließen.
------------------
quelle: http://www.myhpm.de/
Liebe Grüße
Eveline
hallo eveline,
vielen dank für die infos.ich werd mir die cods mal kopieren und mich dran versuchen,wenn der rest des forums steht
.
ansonsten wäre es schön,wenn mir jemand den code für die bilder geben könnte-komme das selbst nicht weiter.
viele grüsse
alex
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!