Design Clean
    >> Tipps zum anpassen

Menu in Box

Menü in rechter Box

In der Navigation (Oben) passen nicht alle Seiten nebeneinander.
Wir können in der rechten Box ein weiteres Menü einfügen.

Schritt 1: HTML-Code für Rechte Box

- auf "Design" klicken
- auf "Designeinstellungen"
- nun unten auf "erweiterte Einstellungen anzeigen"
- dort findet Ihr das Feld "1. rechte Box". Ihr fügt folgenden HTML-Code ein:

<ul class="menu">
<li class="link"> <a href="/Seitentitel.htm">Hier Text</a> </li>
<li class="link"> <a href="/Seitentitel.htm">Hier Text</a> </li>
<li class="link"> <a href="/Seitentitel.htm">Hier Text</a> </li>
<li class="link"> <a href="/Seitentitel.htm">Hier Text</a> </li>
<li class="link"> <a href="/Seitentitel.htm">Hier Text</a> </li>
</ul>
Füge die Seitentitel ein, auf die verlinkt werden soll.


Schritt 2: Der CSS-Code

- für die schlichte Liste kopiere dir diesen CSS-Code
- einfügen im Feld "Eigener <head> - Inhalt":

ul.menu {
  list-style-type: square;
  padding-left: 25px; }

ul.menu li.link a {
  font-size: 14px;
  color: #343434;
  text-decoration: none;
  line-height: 30px; }

ul.menu li.link a:hover { color: chocolate; }


Liste mit eigenen Grafiken ?
- wenn Du eigene Grafiken verwenden möchtest, verwende nur diesen CSS-Code,
- deine Grafikadresse kommt in die Klammern ( ) hinein
- einfügen im Feld "Eigener <head> - Inhalt" (bei Extras) :

ul.menu {
  list-style-image: url(Grafikadresse);
  padding-left: 25px; }

/* Aufzählungspunkte entfernt */
ul.menu li {list-style-type: none;}

ul.menu li.link a {
  font-size: 14px;
  color: #343434;
  text-decoration: none;
  line-height: 30px; }

ul.menu li.link a:hover { color: navy; }


oder eine Liste mit den Pfeil-Grafiken des Baukastens:
- einfügen im Feld "Eigener <head> - Inhalt" (bei Extras) :
- deine Grafikadresse kommt in die Klammern ( ) hinein

ul.menu {
  list-style-type: none !important; 
  margin-left: 25px; }

ul.menu li.link {
  background: url(Grafikadresse) no-repeat;
  padding-left: 30px;
  height:40px; }

ul.menu li.link:hover {
  background: url(Hover Grafikadresse) no-repeat; }

ul.menu li.link a {
  font-size: 14px;
  color: #343434;
  text-decoration: none; }

ul.menu li.link a:hover { color: navy; }

font-size: = Schriftgröße (kannst Du ändern)
color: = Textfarbe (kannst Du ändern)

Hier die Grafikadressen :

= http://theme.webme.com/designs/clean/arrows/black.png
= http://theme.webme.com/designs/clean/arrows/black_down.png

= http://theme.webme.com/designs/clean/arrows/red.png
= http://theme.webme.com/designs/clean/arrows/red_down.png

= http://theme.webme.com/designs/clean/arrows/blue.png
= http://theme.webme.com/designs/clean/arrows/blue_down.png

= http://theme.webme.com/designs/clean/arrows/brown.png
= http://theme.webme.com/designs/clean/arrows/brown_down.png

= http://theme.webme.com/designs/clean/arrows/green.png
= http://theme.webme.com/designs/clean/arrows/green_down.png

= http://theme.webme.com/designs/clean/arrows/blue-light.png
= http://theme.webme.com/designs/clean/arrows/blue-light_down.png

= http://theme.webme.com/designs/clean/arrows/dark-green.png
= http://theme.webme.com/designs/clean/arrows/dark-green_down.png

= http://theme.webme.com/designs/clean/arrows/orange.png
= http://theme.webme.com/designs/clean/arrows/orange_down.png

= http://theme.webme.com/designs/clean/arrows/gray.png
= http://theme.webme.com/designs/clean/arrows/gray_down.png

= http://theme.webme.com/designs/clean/arrows/purple.png
= http://theme.webme.com/designs/clean/arrows/purple_down.png

= http://theme.webme.com/designs/clean/arrows/pink.png
= http://theme.webme.com/designs/clean/arrows/pink_down.png



Auf jeder Seite eine anderer Boxen-Inhalt

es ist auch möglich, das auf jeder Seite ein anderer Boxen-Inhalt angezeigt wird :
Beschreibung hier : Jede Seite mit anderem Boxen-Inhalt








Hier wurde die Seite https://clean-test.de.tl/nix.htm eingebunden.

- die Seite wurde in der Navi versteckt
- nur auf der Seite wurden alle div + table entfernt
- im Feld "Text UNTER Design" wurde dieser Inhalt eingefügt
- Inhalt wurde nur für diese eine Seite sichtbar gemacht
- so lässt sich auch eine Seite in der Mediabox aufrufen

Man muss darauf achten, das die Seite hier nur soviel Inhalt bekommt, wie diese Box auch an Höhe hat.

Wer mehr Infos dazu benötigt: Kontakt
clean-test.de.tl: Heute :19 Aufrufe



Auf "autostart" habe ich verzichtet. Klicke Play im Player.

nach Oben