Navigationsbox an der Seite

In diesem moderierten Forum werden Code-Schnipsel, die zu klein sind, um richtige Mods zu sein, abgelegt.
Snippets können über unser Kontaktformular eingereicht werden (bitte als vollständiger, Copy&Paste fähiger Beitrag).
Bei Fragen oder Problemen benutze bitte das Forum [3.0.x] Mod Support.
Benutzeravatar
bantu
Server-Team
Beiträge: 7304
Registriert: 25.04.2006 16:12
Wohnort: Karlsruhe

Navigationsbox an der Seite

Beitragvon bantu » 22.11.2007 16:16

Snippet-Autor: Berliner Schildkroete

--- Snippet

Beschreibung: Dieser Snippet fügt links neben den "Seiten" eine Spalte mit einer Box hinzu, welche z.B. als Navigation genutzt werden kann. Es können auch mehrere Boxen untereinander (ähnlich wie bei Portalen) eingefügt werden.

--

Öffne die overall_header.html

Suche:

Code: Alles auswählen

   <a name="start_here"></a>


davor einfügen:

Code: Alles auswählen

<div style="float:left; width:100px;">
      <div class="headerbar">
         <span class="corners-top"><span></span></span>
            <p>Navigation</p>
         <span class="corners-bottom"><span></span></span>
      </div>
   </div>


Suche:

Code: Alles auswählen

   <a name="start_here"></a>


danach einfügen:

Code: Alles auswählen

<div style="float:right; width:90%;">


--

Öffne die overall_footer.html

Suche:

Code: Alles auswählen

<div class="page-footer" id="page-footer">


davor einfügen:

Code: Alles auswählen

</div>


Der Code ist getestet in Prosilver (RC7). Sollte aber auch später noch funktionieren :wink:

Die Formatierung der Navigation kann natürlich ohne bedenken geändert werden.
Beim Formatieren der Breite sollten die beiden Werte zusammen nicht mehr als 100% der Fenstergröße ergeben, da die Foren sonst unter die Navigation rutschen.

--

Problembehebung:
Sollte die Box über der "Seite" angezeigt werden, passt bitte die Breite (width) entsprechend an: z.B. 80%. Es können auch andere Längenangaben verwendet werden.

Code: Alles auswählen

<div style="float:right; width:90%;">

zu:

Code: Alles auswählen

<div style="float:right; width:80%;">


--- Snippet Ende
Powered by Coffee

Zurück zu „[3.0.x] Snippets“