iceblue-test
  Menü in Seite
 

Einfaches Menü im Seiteninhalt :


Mit Hilfe einer Tabelle erstellt. Alle Farben (und Hover) anpassbar.

  • Auf "Eigene Seiten editieren"
  • wähle die Seite aus, wo das "Menü" hinein soll
  • nun ist die Seite zum Bearbeiten offen
  • oben links im Editor auf "Quellcode" klicken
  • nun zu Beginn der Seite diesen Code einfügen :

<table>
<tr>
<td class="Spalte"> <a href="Hier Link">Seite 1</a> </td>
<td class="Spalte"> <a href="Hier Link">Seite 2</a> </td>
<td class="Spalte"> <a href="Hier Link">Seite 3</a> </td>
</tr>
</table>


Farben / Rahmen / Links anpassen :


  • Ihr seht, die Tabelle hat Klassen bekommen
  • Tabellenspalten und Links können wir nun mit CSS anpassen
  • Diesen Code nun einfügen ins Feld Text über Design

<style type="text/css">
<!--


/* Die 3 Tabellenspalten */
.Spalte {
width: 150px;
height: 35px;
text-align: center;
background-color: #xxxxxx;
background-image: url(https://img.webme.com/pic/i/iceblue-test/button_blue.png);
border: 0px solid #c9c9c9; }

/* Hover-Effekt */
.Spalte:hover {
background-color: #xxxxxx;
background-image: url(https://img.webme.com/pic/i/iceblue-test/button_red.png);
border: 0px solid #343434;}

/* Linkfarben */
.Spalte a:link {
color: #FFFFFF;
font-family: arial;
font-size:14px;
text-decoration: none; }

-->
</style>



Statt Buttons lieber eine Farbe ? Gebe background-color: einen Farbcode
und entferne die Bild-URL in den Klammern .
Passe die Breite an bei width: 150px;   im Code .
Rahmen = border   im Code. Sichtbar machen ? Ändere 0px um in 1px.



Letzter Schritt:


Damit die Verlinkungen nicht doppelt auf Eurer Homepage vorkommen,
könnt Ihr aus der Navigation (linke Seite) die Links "ausblenden" lassen,
also unsichtbar machen, damit die Verlinkung nur noch oben im Menü vorhanden ist.
Dazu klickt Ihr bitte hier : Seiten in Navigation verstecken



3 Buttons zur Auswahl :
   




 
  TESTTESTTEST  
 
• dies ist der Inhalt im < div id="popup1" >
• befindet sich im Feld "Text UNTER Design"
• das DIV ist nur auf einer Seite zu sehen
• und auf dieser Seite wurde das Design entfernt
• angezeigt wird also nur der Inhalt des einen DIV