Sidebar phpBB 3.1

Max_69 · Messaggio da **Max_69** » 16/05/2016, 9:05

Ciao Alex, visto che te ne intendi sicuramente più del sottoscritto io avrei trovato questa sidebar fatta da kirk però vorrei visualizzarla solamente nella index e non in tutto il forum perchè se la abilito la vedo ovunque, sul portale, nell'arcade, nella gallery, nella lista dei topic e nelle discussioni...insomma in ogni dove, diciamo che la cosa mi scoccia un po...al momento per phpbb una sidebar decente ancora non c'è.
Altra piccola considerazione...se fosse possibile aggiungere il pulsante apri/chiudi tipo vbulletin sarebbe davvero il massimo, cosa ne pensi?

Max_69 · Messaggio da **Max_69** » 16/05/2016, 21:15

Aggiornamento:

Basta seguire questa guida e andare a questo post per visualizzarla solo nella index ma ho riscontrato un problema e cioè che all'interno delle discussioni, dei post ecc.. la larghezza rimane come se ci fosse la sidebar ma quest'ultima non si vede.

alex75 · Messaggio da **alex75** » 17/05/2016, 7:47

Al momento sono fuori per lavoro.
La soluzione indicata è corretta, infatti la condizione visualizza la sidebar soltanto in home. Evidentemente ci sono altri CSS che vanno disattivati con la stessa condizione.

Max_69 · Messaggio da **Max_69** » 17/05/2016, 20:38

Ho fatto delle prove sul mio forum di test con tutte le modifiche del caso e nella index tutto ok, il problema si presenta con la successiva navigazione nelle varie pagine che pur non essendo visualizzabile resta comunque lo spazio bianco vuoto come se ci fosse.

alex75 · Messaggio da **alex75** » 18/05/2016, 0:53

Da cellulare non vedo il codice... Ma ci sarà sicuramente un CSS che ridimensiona la pagina per fare spazio alla sidebar. Questo CSS deve essere racchiuso nella condizione detta prima.

Max_69 · Messaggio da **Max_69** » 18/05/2016, 9:05

Per farla un pò più semplice ti metto tutti i vari passaggi e codici in questo post così vediamo se si riesce a venirne a capo.

in overall_header cercare:

Codice: Seleziona tutto

<div id="page-body" role="main">

e aggiungere sotto:

Codice: Seleziona tutto

<div class="page-body-inner">

in overall_footer cercare:

Codice: Seleziona tutto

<!-- EVENT overall_footer_content_after -->
   </div>

e aggiungere sotto:

Codice: Seleziona tutto

</div>
<div class="sidebar"> sidebar code </div>

nel common.css aggiungere sotto:

Codice: Seleziona tutto

#page-body { float: left; width: 100%; margin-right: -260px; }
.page-body-inner { margin-right: 260px; }
.sidebar { float: right; width: 250px; }
#page-footer { clear: both; }

per i cellulari aggiungere nel common.css questo:

Codice: Seleziona tutto

@media (max-width: 1000px) {
  #page-body, .page-body-inner { width: auto; float: none; margin-right: 0; }
  .sidebar { margin: 0 auto; clear: both; float: none; }
}

per far comparire la sidebar solo nella index aprire overall_footer e cercare:

Codice: Seleziona tutto

</div>
<div class="sidebar"> sidebar code </div>

e sostituire tutto con questo:

Codice: Seleziona tutto

<!-- IF SCRIPT_NAME eq 'index' --></div>
<div class="sidebar"> sidebar code </div><!-- ENDIF -->

andare in acp pulire la cache.

Max_69 · Messaggio da **Max_69** » 18/05/2016, 17:44

Aggiornamento:

piccola modifica per semplificare l'inserimento del box della sidebar, creare con un'editor di testo una pagina e chiamarla sidebar.html e inserisci dentro questo codice:

Codice: Seleziona tutto

<!-- This is the start of the first sidebar box -->

<div class="forabg">
        <div class="inner"><span class="corners-top"><span></span></span>
        <ul class="topiclist">
            <li class="header">
                <dl class="icon">
                    <dt>TITOLO DEL BOX QUI</dt>
                </dl>
            </li>
        </ul>
        <ul class="topiclist forums" style="padding: 0.05cm">

        INSERISCI QUI IL CODICE HTML
        
        </ul>
        <span class="corners-bottom"><span></span></span></div>
        </div>
<!-- This is the end of the first sidebar box -->

<!-- This is the start of the second sidebar box -->

<div class="forabg">
        <div class="inner"><span class="corners-top"><span></span></span>
        <ul class="topiclist">
            <li class="header">
                <dl class="icon">
                    <dt>TITOLO SECONDO BOX</dt>
                </dl>
            </li>
        </ul>
        <ul class="topiclist forums" style="padding: 0.05cm">
                    
        INSERISCI QUI IL CODICE HTML   
            
        </ul>
        <span class="corners-bottom"><span></span></span></div>
        
        </div>        

<!-- This is the end of the second sidebar box -->
        
<!-- This is the start of the third sidebar box -->

<div class="forabg">
        <div class="inner"><span class="corners-top"><span></span></span>
        <ul class="topiclist">
            <li class="header">
                <dl class="icon">
                    <dt>TITOLO TERZO BOX QUI</dt>
                </dl>
            </li>
        </ul>
        <ul class="topiclist forums" style="padding: 0.05cm">

        INSERISCI QUI IL CODICE HTML   
            
        </ul>
        <span class="corners-bottom"><span></span></span></div>
        
        </div>

<!-- This is the end of the third sidebar box -->

aprire overall_footer e trovare questo:

Codice: Seleziona tutto

<!-- IF SCRIPT_NAME eq 'index' --></div>
<div class="sidebar"> sidebar code </div><!-- ENDIF -->

e sostituire con questo:

Codice: Seleziona tutto

<!-- IF SCRIPT_NAME eq 'index' --></div>
<div class="sidebar"> <!-- INCLUDE sidebar.html --> </div><!-- ENDIF -->

andare in acp e pulire la cache.

Per togliere o aggiungere i box dalla sidebar basta semplicemente aggiungere o togliere questa parte:

Codice: Seleziona tutto

<!-- This is the start of the first sidebar box -->

<div class="forabg">
        <div class="inner"><span class="corners-top"><span></span></span>
        <ul class="topiclist">
            <li class="header">
                <dl class="icon">
                    <dt>TITOLO DEL BOX QUI</dt>
                </dl>
            </li>
        </ul>
        <ul class="topiclist forums" style="padding: 0.05cm">

        INSERISCI QUI IL CODICE HTML
        
        </ul>
        <span class="corners-bottom"><span></span></span></div>
        </div>
<!-- This is the end of the first sidebar box -->

alex75 · Messaggio da **alex75** » 19/05/2016, 15:00

Per vedere correttamente le altre pagine senza la sidebar, ti basta aprire il file overall_header_head_append.html
trova:

Codice: Seleziona tutto

<!-- INCLUDECSS @kirk_sidebar/sidebar.css -->

sostituisci con:

Codice: Seleziona tutto

<!-- IF SCRIPT_NAME eq 'index' --><!-- INCLUDECSS @kirk_sidebar/sidebar.css --><!-- ENDIF -->

Max_69 · Messaggio da **Max_69** » 19/05/2016, 15:22

Ok, appena ho un momento provo e ti faccio sapere :grazie:

Max_69 · Messaggio da **Max_69** » 19/05/2016, 16:28

Perfetto funziona, grazie infinite, allora direi di tener per buoni il primo e il terz'ultimo post, gli altri non servono.
Ultima cosa, e per aggiungere alla sidebar un pulsante apri/chiudi tipo vbulletin?

phpBB-Italia.it

Sidebar phpBB 3.1

Sidebar phpBB 3.1

Re: Sidebar phpBB 3.1

Re: Sidebar phpBB 3.1

Re: Sidebar phpBB 3.1

Re: Sidebar phpBB 3.1

Re: Sidebar phpBB 3.1

Re: Sidebar phpBB 3.1

Re: Sidebar phpBB 3.1

Re: Sidebar phpBB 3.1

Re: Sidebar phpBB 3.1