phpBB.de • Problem mit Navi an der Seite.

Seite 1 von 2

Problem mit Navi an der Seite.

Verfasst: 31.12.2007 20:53

von DevilChaoZ

Erstmal vorab:
http://www.phpbb.de/viewtopic.php?t=159258

Ich habe alles eingebaut.Aber nun:Es wird nur ein mini rechteck angezeigt.Nix Navi.Was hab ich flasch gemacht?

Verfasst: 01.01.2008 12:00

von Dr.Death

Nichts

Lese mal den Hinweis zu diesem Snippet:

Dieser Snippet fügt links neben den "Seiten" eine Spalte mit einer Box hinzu, welche z.B. als Navigation genutzt werden kann.

Mit diesem Snippte wird also nur eine "BOX" in einer eigenen Spalte neben dem Forum hinzugefügt. Mehr nicht.

Für den Inhalt dieser neuen Box musst Du selbst etwas tun: HTML Programmieren.

--> http://de.selfhtml.org + http://aktuell.de.selfhtml.org/links/einsteiger.htm

Verfasst: 01.01.2008 19:03

von DevilChaoZ

Ich möchte aus der Box jetzt eine PartnerseitenBox machen.Ich habe mir alles durchgelesen (Thx für den Link).Ich möchte einfach nur das halt da drin der Name des jeweligen Forums drinstet und wenn man in der Box auf den Namen geht,dann auf die Seite kommt.

Verfasst: 01.01.2008 20:39

von thomas.d

Hi DevilChaoZ,

es schadet sicher gar nichts, wenn du dir SelfHTML mal 'reintust, damit hat jeder mal angefangen, der sich für das Erstellen von Internetseiten interessiert hat.

Damit du schon mal loslegen kannst, hier mal ein Grundgerüst mit Beispiel-Links, einzufügen in die Box-Definition (die ich nicht kenne!)

Code: Alles auswählen

Links zu unseren Partnern:
<p>
<a href="http://www.phpbb.de/" Target="_blank">phpBB-Forum</a>
<br>
<a href="http://www.domain.de" Target="_blank">Domain.de</a>
<br>
<a href="http://www.domain.com" Target="_blank">Domain.com</a>
</p>

Das Attribut

Code: Alles auswählen

 Target="_blank"

innerhalb des Links sorgt dafür, dass die aufgerufene Seite in einem neuen Fenster öffnet. Falls sich die Links im gleichen Fenster öffnen sollen, das Attribut einfach weglassen, also

Code: Alles auswählen

Links zu unseren Partnern:
<p>
<a href="http://www.phpbb.de/">phpBB-Forum</a>
...
</p>

Damit der Inhalt deiner Navi-Box dem Stil deines Boards entspricht, solltest du in den css-Dateien deines Styles mal nachsehen, welche Klasse du den Links in der Box zuordnen müsstest.

In den Klassen wird definiert, welche Hintergrund- und Textfarbe, Schriftart, -größe, -stil, Textausrichtung etc. angewendet werden.

Dann müsste der Box-Inhalt etwa so aussehen

Code: Alles auswählen

<p class="css-Klassenname">
Links zu unseren Partnern:
</p>
<p class="ein anderer css-Klassenname">
<a href="http://www.phpbb.de/" Target="_blank">phpBB-Forum</a>
<br>
<a href="http://www.domain.de" Target="_blank">Domain.de</a>
<br>
<a href="http://www.domain.com" Target="_blank">Domain.com</a>
</p>

Verfasst: 01.01.2008 20:42

von DevilChaoZ

Ich versteh nix.Was muss ich wo einfügen/suchen?

Verfasst: 01.01.2008 20:54

von thomas.d

Ok.

Das ist die Definition der Navi-Box, die du in overall_header.html eingefügt hast:

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>

D müsstest jetzt die Box mit Links füllen. Dazu verwendest du meine Beispiel-Links:

Code: Alles auswählen

Links zu unseren Partnern: 
<p> 
<a href="http://www.phpbb.de/" Target="_blank">phpBB-Forum</a> 
<br> 
<a href="http://www.domain.de" Target="_blank">Domain.de</a> 
<br> 
<a href="http://www.domain.com" Target="_blank">Domain.com</a> 
</p>

bearbeitest sie wie du es brauchst und fügst sie in die Box ein.

Sollte dann etwa so aussehen:

Code: Alles auswählen

<div style="float:left; width:100px;"> 
      <div class="headerbar"> 
         <span class="corners-top"><span></span></span> 
            <p>Navigation</p>
            <p>Links zu unseren Partnern:</p>
            <p> 
            <a href="http://www.phpbb.de/" Target="_blank">phpBB-Forum</a><br> 
            <a href="http://www.domain.de" Target="_blank">Domain.de</a><br> 
            <a href="http://www.domain.com" Target="_blank">Domain.com</a><br> 
            </p>
         <span class="corners-bottom"><span></span></span> 
      </div> 
</div>

Verfasst: 01.01.2008 21:12

von DevilChaoZ

Und wie kann iich die Box vergrößern bzw. mein Logo raus machen?
http://srv016.pixpack.net/2008010121110 ... rirsun.png
Große Bilder bitte nur verlinken - KB:16 - Dr.Death

Verfasst: 01.01.2008 21:26

von _User_

Höhe und Tiefe der Box

Suche:

Code: Alles auswählen

<div style="float:left; width:110px; margin-top: 149px;">

margin-top: 149px;

Je größer der Wert, desto weiter unten befindet sich die Box.

Breite der Box

Suche:

Code: Alles auswählen

<div style="float:left; width:110px; margin-top: 149px;">

width:110px;

Je größer der Wert, desto größer die Box.

Position

Suche:

Code: Alles auswählen

<div style="float:left; width:110px; margin-top: 149px;">

float:left;

Left= Links; Right= Rechts
-------

So schaut der Code bei mir aus:

Code: Alles auswählen

<!--Box_LINKS--> 
<div style="float:left; width:110px; margin-top: 149px;"> 
   <div class="forabg"> 
      <div class="inner"> 
            <span class="corners-top"><span></span></span> 
               <ul class="topiclist"> 
                  <li class="header"><dl><dt>DEIN_TEXT</dt></dl></li> 
               </ul> 
               <div class="navbar"> 
               <div class="inner">    
                  HIER KANNST DU ETWAS EINFÜGEN  
                     </div> 
               </div> 
            <span class="corners-bottom"><span></span></span> 
         </div> 
   </div> 
</div>    
<!--END_Box-->

Sonstiges
Hier steht dann auch noch was.

Verfasst: 01.01.2008 21:27

von thomas.d

DevilChaoZ hat geschrieben:Und wie kann iich die Box vergrößern bzw. mein Logo raus machen?

Also, die Zeile

Code: Alles auswählen

<div style="float:left; width:100px;">

bestimmt u.a. die Breite, in diesem Fall ist die Box 100 Pixel breit.

Ändere

Code: Alles auswählen

width:100px

nach deinen Wünschen ab, also z.B.

Code: Alles auswählen

width:150px

Das Logo wird verwendet, weil es heißt

Code: Alles auswählen

<div class="headerbar">

Die Klasse "headerbar" ist in einer css-Datei deines Styles definiert und besagt, dass in allen Seitenelementen, welchen diese Klasse zugeordnet ist, deine Headergrafik angezeigt wird.

Um das zu verhindern, könntest du eine eigene Klasse definieren.

Suche also in den css-Dateien deines Styles nach dem Begriff "headerbar".

Die betreffende Zeile könntest du kopieren, den Verweis auf die Grafik entfernen und eine neue Klassenbezeichnung vergeben, hier z.B. "headerbar_navbox"

Auf diese Weise hättest du alle anderen Definitionen erhalten, also Schriftgröße, Farbe, Farbe der Linktexte etc.

Anschließend in deiner Navi-Box

Code: Alles auswählen

<div class="headerbar">

austauschen gegen

Code: Alles auswählen

<div class="headerbar_navbox">

[Edit]

Du könntest auch vorab mal probieren

Code: Alles auswählen

<div class="navbar">

[/Edit]

Verfasst: 01.01.2008 21:43

von thomas.d

... Große Bilder bitte nur verlinken - Der kleine phpBB.de-Knigge - Dr.Death ...

Danke doc!

... so bleibt der Thread wenigstens lesbar.