PHPbb3 aggiungere una colonna laterale al tema prosilver

2 commenti / Codice e sviluppo / Di senzaweb

Nel forum basato su phpbb3 potremmo avere la necessità di aggiungere una sidebar, ovvero una colonna laterale, in cui inserire le nostre pubblicità, adsense, link, immagini, o ciò che desideriamo.

In questa piccola guida vi spiegherò come aggiungere una sidebar (colonna) verticale a destra o a sinistra del forum stesso.

Questa guida è valida per il tema Prosilver sebbene il CSS ed il codice stesso potrebbe variare rispetto agli altri temi.

Prima di tutto dobbiamo creare un file sidebar.html con estensione in html ed inserirlo nella cartella “template” che si trova al seguente percorso: /styles/prosilver/template/
All’interno di questo file, momentaneamente possiamo anche non scrivere nulla, ci penseremo alla fine.

Adesso dobbiamo andare a modificare il file overall_footer.html che possiamo modificare attraverso il nostro pannello amministrativo (stili > template > overall_footer.html), cerchiamo il seguente codice (si trova nella prima riga):

ed inseriamo subito dopo questo codice:

Adesso dobbiamo modificare il CSS, ovvero lo stile del forum, andando su “stile > temi > stili”, cerchiamo il seguente codice:

#page-body {

Adesso modifichiamo ed aggiungiamo al suo interno:

width:80%;
float:left;

Adesso andiamo in fondo alla pagina e inseriamo questo pezzetto di codice CSS:

.page-sidebar {
float:right;
margin-top:4px;
width:20%;
}

In questo modo avremo il corpo del forum a sinistra e la colonna a destra. Se invece volessimo spostare la colonna a sinistra dobbiamo semplicemente modificare i due float degli ultimi due codici che ho appena scritto: il primo float dovrà essere float=right ed il secondo float=left .

Per finire dobbiamo modificare la colonna che abbiamo appena creato e per far sì che abbia una grafica uguale a quella delle tabelle del forum, inseriamo questo codice per ogni tabella:


   
      
      
         QUI METTI IL TITOLO DEL BOX
      
      
         
            
               QUI DENTRO SCRIVI IL CONTENUTO DEL BOX

Questa guida è stata presa, e riadattata, da un post di Matthew69 dal forum ufficiale phpbb.com

2 commenti su “PHPbb3 aggiungere una colonna laterale al tema prosilver”

Arthur
11 Ottobre 2011 di 10:11

Grazie di questa guida.
Tutto ok..!!
Ma coa intendi quando dici:
….inseriamo questo codice per ogni tabella:
ilpluto72
12 Luglio 2012 di 12:48

Grazie di questa guida.
Tutto ok..!!
Ma coa intendi quando dici:
….inseriamo questo codice per ogni tabella:

2 commenti su “PHPbb3 aggiungere una colonna laterale al tema prosilver”

Lascia un commento