prosilver Template Spalte Rechts hinzufuegen =?

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
schning
Mitglied
Beiträge: 84
Registriert: 26.12.2006 22:49

prosilver Template Spalte Rechts hinzufuegen =?

Beitrag von schning »

Hallo Community,

wo bzw welche datei muesste ich editieren wenn ich rechts neben dem "Forum" auf der Index u. allen Unterseiten ein Fäche von ca. 10 % des Bildschirms für Werbung einbinden will.

Ich hoffe man versteht mich es geht nur darum einen Platz für werbung zu integrieren !

Mfg schning

p.s. eventuell kann wer weiss auch gleich die zu aendernde stelle posten bitte
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Beitrag von JFooty »

Dafür ließe sich das hier missbrauchen. Einfach im dort genannten Code "float:left" umändern in "float:right".
schning
Mitglied
Beiträge: 84
Registriert: 26.12.2006 22:49

Beitrag von schning »

vielen Dank das schaue ich mir dann gleich mal an !

mfg schning
schning
Mitglied
Beiträge: 84
Registriert: 26.12.2006 22:49

Beitrag von schning »

So das ist alles fein nur wenn ich die Browserfensterbreite veraendere(verkleinere) dann rutscht die rechte Navie box ueber die Themen im Forum durch das float attribut wie mache ich das fest ?

Mfg schning
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Beitrag von JFooty »

Verwende einfach statt der Pixel-Angaben Prozentwerte. Also

Code: Alles auswählen

<div style="float:left; width:10%;"> 
      <div class="headerbar"> 
         <span class="corners-top"><span></span></span> 
            <p>Navigation</p> 
         <span class="corners-bottom"><span></span></span> 
      </div> 
   </div> 
und für den andern div-Container:

Code: Alles auswählen

<div style="float:right; width:90%;"> 
Wichtig ist nur, dass beide zusammen nicht über 100% kommen.
Robbe77
Mitglied
Beiträge: 41
Registriert: 08.09.2008 08:38
Wohnort: Berlin

Beitrag von Robbe77 »

Ich habe versucht einen solchen Block zu erstellen und die Schrift und Linkfarben zu ändern.

Code: Alles auswählen

<div class="headerbar">
         <span class="corners-top"><span></span></span>
            <li>Linkpartner</li>
<li>Link1</li>
<li>Link2</li> 
         <span class="corners-bottom"><span></span></span>
      </div> 
Welche css Anweisungen muss ich ändern bzw. erstellen?
Vielleicht geht das ja auch eleganter?
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Beitrag von JFooty »

Robbe77 hat geschrieben:...Welche css Anweisungen muss ich ändern bzw. erstellen?...
Das kann man aus der Ferne so nicht beantworten. Es kommt darauf an, was du haben willst.
Soll das Forums-Design übernommen werden?
Dann kannst du die vorhandenen css-Eigenschaften anwenden.
Oder soll die Box ein "extra"-Design bekommen?
Dann ist es besser, eigene css-Klassen zu erstellen.
Ich habe für die Links in der Navi-Box z.B. den id-Selektor #navibox erstellt, weil ich dort beispielsweise andere Schrifteigenschaften verwende als im Forum selbst. Das sieht bei mir dann so aus:

Code: Alles auswählen

#navibox {
font-family:Arial,Helvetica,Geneva,sans-serif,SunSans-Regular;
font-size:1.2em;
font-weight:700}
PS: Dein Codeabschnitt ist so nicht ganz korrekt. Richtig wäre (habe mein Beispiel mal mit eingearbeitet):

Code: Alles auswählen

<div id="navibox" class="headerbar"> 
 <span class="corners-top"><span></span></span> 
            <ul>
              <li>Linkpartner</li> 
              <li>Link1</li> 
              <li>Link2</li>
            </ul> 
     <span class="corners-bottom"><span></span></span> 
</div>
Robbe77
Mitglied
Beiträge: 41
Registriert: 08.09.2008 08:38
Wohnort: Berlin

Beitrag von Robbe77 »

Vielen Dank erstmal.
Hab das so übernommen.
Könntest du noch beschreiben, wie ich die Linkfarbe mit css nur für #navibox ändere.
Bei mir werden immer noch die normalen Links angezeigt.
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Beitrag von JFooty »

Die Eigenschaften für die Links in der Navibox gibst du so an

Code: Alles auswählen

#navibox a:link {hier stehen dann die Eigenschaften}
#navibox a:visited {hier stehen dann die Eigenschaften}
#navibox a:hover {hier stehen dann die Eigenschaften}
#navibox a:active {hier stehen dann die Eigenschaften}
Robbe77
Mitglied
Beiträge: 41
Registriert: 08.09.2008 08:38
Wohnort: Berlin

Beitrag von Robbe77 »

Danke!
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“