Problem mit Navi an der Seite.

[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?

[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

[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.

[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>

[DevilChaoZ]

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

[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>

[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

[_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.

[thomas.d]

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]

[thomas.d]

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

Danke doc!

... so bleibt der Thread wenigstens lesbar.