vHosting 0
vhs728x90
Risultati da 1 a 22 di 22
  1. #1
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Ciao,

    il codice usato per questa guida è stato preso in prestito da questo thread:
    [Tutorial] jQuery collapsible sidebar, l'unica cosa che ho fatto è stata cambiare la posizione del codice all'interno dei template per far comparire la sidebar in ogni pagina dle forum.

    Allora Per prima cosa, seguiamo il link sopra citato e scarichiamo i file allegati nel primo post. Carichiamo i file jquery.cookie.js e sidebar.js in path_del_forum/jscripts/. Le immagini invece vanno messe in path_del_forum/images/.

    Poi, nel template headerinclude cerchiamo:

    Codice:
    {$stylesheets}
    ...e sotto aggiungiamoci:

    Codice:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
    <script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
    <script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/sidebar.js"></script>
    Ora andiamo nel template header, alla fine del quale mettiamo:

    Codice:
    <a class="buttons" style="float: right;"></a>
    <a class="clickedbuttons" style="float: right;"></a>
    <br class="clear" />
    <div class="sidebar" style="float: right;width: 19%;">
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
    <tr>
    <td class="thead"><strong>
    Latest News
    </strong></td>
    </tr>
    <tr>
    <td class="trow1">
    You can put some news stuff here
    </td>
    </tr>
    </table>
    </div>
    <div class="forums" style="float: left;width: 80%;">
    Andiamo nel template footer e prima di tutto il codice già presente mettiamo:

    Codice:
    </div>
    <br class="clear" />
    Infine andiamo nel file global.css e alla fine aggiungiamo:

    Codice:
    .buttons {
        background: url(images/arrowright.png) no-repeat;
        width: 16px;
        height: 16px;
        display: block;
        cursor: pointer;
    }
    
    .clickedbuttons {
        background: url(images/arrowleft.png) no-repeat;
        width: 16px;
        height: 16px;
        display: block;
        cursor: pointer;
    }
    Anteprima:












    Saluti,

    MaxSteel
    Ultima modifica di MaxSteel; 23-03-12 alle 16:35 Motivo: Aggiunta anteprima
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  2. I seguenti 3 utenti hanno ringraziato MaxSteel per questo post

    noiredeb (10-05-12),RickyTheBest (10-05-12),UruzSeven (23-03-12)

  3. #2
    Data Registrazione
    16/01/11
    Località
    Isola d'elba
    Messaggi
    98
    Grazie dati
    12
    Ringraziato una volta in un post
    Mentioned
    0 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    grazie mille max!

  4. #3
    Data Registrazione
    01/04/12
    Messaggi
    162
    Grazie dati
    67
    Ringraziato 6 volte in 6 post
    Mentioned
    0 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Mi succede una cosa strana..se aggiorno l'indice del forum dal browser è tutto ok, se invece clicco sul header dove c'è il logo del forum per tornare all'index c'è un errore, il footer va a sovrapporsi alla sidebox..

    Sono proprio sfortunata con le sidebox :(

  5. #4
    Data Registrazione
    01/04/12
    Messaggi
    162
    Grazie dati
    67
    Ringraziato 6 volte in 6 post
    Mentioned
    0 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Solo con chrome stavolta mi succede..

    Risolto! :D

  6. #5
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Ciao,
    pPuoi dirci problema e soluzione? Nel malaugurato caso il problema si presentasse ad altri? :)
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  7. #6
    Data Registrazione
    01/04/12
    Messaggi
    162
    Grazie dati
    67
    Ringraziato 6 volte in 6 post
    Mentioned
    0 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Mi creava conflitto con il plugin "myadvertisment", ho quindi risolto mettendo:

    Codice PHP:
    {myadvertisements[zone_2]}</div>
    </
    div>
    <
    br class="clear" /> 
    Sai mica dove posso trovare il codice per gli ultimi thread/post da mettere in questa sidebar?

  8. #7
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Per i thread, ci sarebbe questo script http://community.mybb.com/thread-113123.html. Per i post non saprei, magari si potrebbero prendere le variabili da questo plugin MyBB - Mods - Last Posts.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  9. Il seguente utente ha ringraziato MaxSteel per questo post

    noiredeb (12-05-12)

  10. #8
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Con qualche piccola modifica ecco come è venuto. Certo con altre modifche sarebbe venuto meglio. :)

    Ultima modifica di MaxSteel; 11-05-12 alle 23:18
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  11. Il seguente utente ha ringraziato MaxSteel per questo post

    noiredeb (12-05-12)

  12. #9
    Data Registrazione
    01/04/12
    Messaggi
    162
    Grazie dati
    67
    Ringraziato 6 volte in 6 post
    Mentioned
    0 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    A me andrebbe più che bene anche così, solo con il titolo :D

  13. #10
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    :mmm: ora non so se posso rilasciare una versione modificata del plugin, visto che nella licenza non è specificato nulla se non:

    If you want to remove my copyright you should pay for it
    info@ghasemzadeh.ir for paid version ( a version that can remove copyright link)
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  14. #11
    Data Registrazione
    07/03/13
    Messaggi
    4
    Grazie dati
    0
    Ringraziato 0 volte in 0 post
    Mentioned
    0 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Scusa se riapro questo thread , parecchio vecchio.. Un'informazione : Mi potresti dire come inserire le cose in questa sidebar?? @maxsteel; Grazie
    Ultima modifica di MaxSteel; 03-04-13 alle 13:24 Motivo: Aggiunto il ; al tag.

  15. #12
    Data Registrazione
    15/09/08
    Località
    Taranto, Italy
    Età
    35
    Messaggi
    38,099
    Grazie dati
    1,577
    Ringraziato 2,932 volte in 2,572 post
    Mentioned
    152 Post(s)

    Predefinito Riferimento: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    E' scritto

    Codice:
    <td class="trow1"> You can put some news stuff here </td>
    al posto di quella scritta metti ciò che vuoi si visualizzi

  16. Il seguente utente ha ringraziato cionfs per questo post

    MaxSteel (03-04-13)

  17. #13
    Data Registrazione
    14/08/13
    Messaggi
    138
    Grazie dati
    4
    Ringraziato 27 volte in 24 post
    Mentioned
    6 Post(s)

    Predefinito Re: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    scusate se riapro questo topic, ma dove si trova il template headerinclude??

  18. #14
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Nel gruppo "Ungrouper Templates".
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  19. #15
    Data Registrazione
    13/04/16
    Messaggi
    122
    Grazie dati
    4
    Ringraziato 3 volte in 3 post
    Mentioned
    2 Post(s)

    Predefinito Re: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Funziona tutto alla perfezione come al solito max le tue guide funzionano tutte alla perfezione se dovessi aggiungerci più cose basta semplicemente che metto un
    Codice:
    < /br>
    tra un codice e l'altro per farli apparire uno sotto l'altro?

  20. #16
    Data Registrazione
    14/08/13
    Messaggi
    138
    Grazie dati
    4
    Ringraziato 27 volte in 24 post
    Mentioned
    6 Post(s)

    Predefinito Re: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Si esatto, comunque devi aggiungere "<br />" non "< /br>"

  21. Il seguente utente ha ringraziato chack per questo post

    MaxSteel (19-04-16)

  22. #17
    Data Registrazione
    13/04/16
    Messaggi
    122
    Grazie dati
    4
    Ringraziato 3 volte in 3 post
    Mentioned
    2 Post(s)

    Predefinito Re: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Ahaha si errore mio non ci avevo fatto caso che avvo invertito

  23. #18
    Data Registrazione
    12/05/16
    Messaggi
    11
    Grazie dati
    1
    Ringraziato 0 volte in 0 post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Ciao e grazie per aver condiviso... funziona a dovere ;) Volevo solo chiedere... è possibile fare in modo che le immagini che vengono messe all'interno si adattino alle dimensioni della sidebar? Più che adattarsi intendo proprio ridimensionarsi... grazie ancora :)

  24. #19
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    ^Certo che si può, basta aggiungere (o sostituire, se già presenti) al selettore dell'immagine:

    Codice:
    {
        width: 100;
        height: auto;
    }
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  25. #20
    Data Registrazione
    12/05/16
    Messaggi
    11
    Grazie dati
    1
    Ringraziato 0 volte in 0 post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Citazione Originariamente Scritto da MaxSteel Visualizza Messaggio
    ^Certo che si può, basta aggiungere (o sostituire, se già presenti) al selettore dell'immagine:

    Codice:
    {
        width: 100;
        height: auto;
    }
    In effetti non so nemmeno perché ho chiesto... a volte mi vado a complicare la vita da solo Comunque una domanda seria.... tramite questo codice è possibile inserire una sidebar, e fin qui ci siamo, ma è possibile inserire una seconda sidebar al di sotto della prima? cioè...

  26. #21
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    ^Anche questo è possibile, basta aggiungere una nuova tabella sotto quella già esistente. L'unico inconveniente è che non è possibile applicare banalmente il nascondi/mostra alle singole tabelle (ci vorrebbe del lavoro di revisione anche sullo script in JavaScript).

    Con riferimento al terzo frammento di codice presente nel primo messaggio di questa discussione, e cioè

    Codice:
    <a class="buttons" style="float: right;"></a>
    <a class="clickedbuttons" style="float: right;"></a>
    <br class="clear" />
    <div class="sidebar" style="float: right;width: 19%;">
    	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
    		<tr>
    			<td class="thead">
    				<strong>
    					Latest News
    				</strong>
    			</td>
    		</tr>
    		<tr>
    			<td class="trow1">
    				You can put some news stuff here
    			</td>
    		</tr>
    	</table>
    </div>
    <div class="forums" style="float: left;width: 80%;">
    che produce una sola tabella, possiamo usare

    Codice:
    <a class="buttons" style="float: right;"></a>
    <a class="clickedbuttons" style="float: right;"></a>
    <br class="clear" />
    <div class="sidebar" style="float: right;width: 19%;">
    	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
    		<tr>
    			<td class="thead">
    				<strong>
    					Latest News 1
    				</strong>
    			</td>
    		</tr>
    		<tr>
    			<td class="trow1">
    				You can put some news stuff here
    			</td>
    		</tr>
    	</table>
    	<br>
    	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
    		<tr>
    			<td class="thead">
    				<strong>
    					Latest News 2
    				</strong>
    			</td>
    		</tr>
    		<tr>
    			<td class="trow1">
    				You can put some news stuff here, too...
    			</td>
    		</tr>
    	</table>
    </div>
    <div class="forums" style="float: left;width: 80%;">
    che ne produce due.

    Per comodità, nel codice suggerito ho evidenziato in celeste le la tabella preesistente e in rosso quella nuova.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  27. Il seguente utente ha ringraziato MaxSteel per questo post

    Exa Rusher Narcos (18-05-16)

  28. #22
    Data Registrazione
    12/05/16
    Messaggi
    11
    Grazie dati
    1
    Ringraziato 0 volte in 0 post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Sidebar in jQuery in ogni pagina del forum in MyBB

    Citazione Originariamente Scritto da MaxSteel Visualizza Messaggio
    L'unico inconveniente è che non è possibile applicare banalmente il nascondi/mostra alle singole tabelle (ci vorrebbe del lavoro di revisione anche sullo script in JavaScript).
    E' stata la prima cosa che ho eliminato quindi no problem :) Grazie mille

Tag per Questa Discussione

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
Seguici!
P.IVA: 02750560738
Cionfs © - Cionfs ® - Marchio registrato numero 0001524896
© Cionfs'Forum CMS - Cionfs'Forum CMS - Guide Gratis - Supporto CMS - E' vietata la copia anche parziale senza autorizzazione.
Questo sito utilizza cookies di analytics su dati esclusivamente aggregati e cookies di terze parti per migliorare l'esperienza dell'utente tramite plugin sociali e video.
Cliccando su oppure continuando la navigazione sul sito accetti i cookies. Per l'informativa completa clicca qui.