PDA

Visualizza versione completa : HOW-TO:integrare graficamente Joomla/Mybb(NON UTENTI) senza wrapper



cydonia
16-08-10, 15: 30
HowTo:

integrare graficamente (NON GLI UTENTI) il forum open source Mybb con il cms open source Joomla senza jfusion,praticamente usare Joomla come portale per il proprio forum.

Premessa:
Tralascio l'installazione di Mybb e Joomla(vi rimando alle wiki ufficiali) nei rispettivi siti
P.S partite nel seguente ordine di installazione
Joomla:
http://wiki.joomla.it/index.php?title=Installazione_di_Joomla_1.5
Mybb:
http://wiki.mybb.com/index.php/Installing

dopo l'installazione avremmo difronte i 2 template di default, rispettivamente di joomla:
qui' la demo: http://demo15.joomla.it/
e mybb
qui' la demo: http://www.opensourcecms.com/demo/1/117/MyBB

in joomla utilizzero' il template rhuk_milkyway (parto gia' dal presupposto che sappiate cambiare il
template di dafault,no?)-(estensioni – gestione templates) perche' lo trovo piu' carino ,questo non toglie che potete usare quello di default ,ma ovviamente dovrete variare il codice che inseriro' piu' avanti ,in mybb usero' quello di default.

rhuk_milkyway:

http://img832.imageshack.us/img832/7573/joomlai.th.png (http://img832.imageshack.us/i/joomlai.png/)

il vostro template e' sicuramente pių sostanzioso di menu' ,l'ho solo ripulito

Fine della premessa

Incominciamo:

Mybb entriamo nell'adminCP : Template & style – Templates – (Default Templates)

http://img810.imageshack.us/img810/1956/mybb1.th.png (http://img810.imageshack.us/i/mybb1.png/)

cliccate su expand templates
qui' praticamente sono tutte le parti che compongono il forum(fogli di stile a parte: css)andiamo in fondo alla pagina fino a trovare la voce Ungrouped Templates e premiamo expand poi nel sottomenu' headerinclude cliccateci sopra per aprirlo,vi trovate davanti questo codice:

originale:


Only registered members can view code.

modificatelo con questo:


Only registered members can view code.

salviamo il tutto premiamo save and return to listing

Sicuramente vi state chiedendo da dove proviene questo codice,e' il codice gia' interpretato dal browser del vostro Joomla piu' alcune modifiche,in firefox menu' visualizza – codice sorgente piu' brevemente CTRL + U,in internet explorer non saprei non lo utilizzo,sicuramente ci sara' nel menu' una voce equivalente.

Andiamo alla voce Header Templates premiamo expand premiamo il sottomenu' header per aprirlo:

originale:


Only registered members can view code. e sostituitelo con questo:



Only registered members can view code.salviamo, save and return to listing.

come potete notare dal codice originale ho tolto il logo di mybb per intenderci questo:

Only registered members can view code.

http://img64.imageshack.us/img64/9127/logomybb.th.png (http://img64.imageshack.us/i/logomybb.png/)

perche' utilizzeremo quello principale di Joomla o meglio quello personalizzato da voi.
Altra cosa come potete notare dall'immagine che ho inserito all'inizio del mio template rhuk_milkyway nella top menu c'e' solo la voce home


http://img3.imagebanana.com/img/ivehlt80/thumb/top.png (http://www.imagebanana.com/view/ivehlt80/top.png)

che fa parte del codice che vi ho detto di sostituire nel header, cioe' questa parte:


Only registered members can view code.

ora per poter utilizzare la vostro top menu dovrete cambiare questo pezzo di codice ,con quello interpretato dal vostro browser(vedi firefox codice sorgente ).

Ora tocca al footer, andiamo alla voce Footer Templates clicchiamo expand ,premiamo il sottomenu' footer per aprirlo:

originale:


Only registered members can view code.

sostituiamolo con questo


Only registered members can view code.

abbiamo quasi finito ,ora non ci resta che creare un pulsante che ci rimanda al forum o nel top menu' o nel menu principale di joomla:
menu – menu principale – (premiamo su nuovo) – link esterno:
http://img3.imagebanana.com/img/9xn8w1ne/thumb/exter.png (http://www.imagebanana.com/view/9xn8w1ne/exter.png)
http://img3.imagebanana.com/img/etwx45ou/thumb/link.png (http://www.imagebanana.com/view/etwx45ou/link.png)

mettiamo forum o community ,come vi fa piu' comodo e il link al vostro forum


risultato joomla

http://img3.imagebanana.com/img/0b0qp6b0/thumb/ris1.png (http://www.imagebanana.com/view/0b0qp6b0/ris1.png)

integrazione joomla/mybb:

http://img3.imagebanana.com/img/uqzzpz2w/thumb/ris2.png (http://www.imagebanana.com/view/uqzzpz2w/ris2.png)

p.s non fate caso alle linee che vedete nelle immagini e' colpa del ridimensionamento delle immagini(zoom) da parte di firefox

suggerimenti e correzioni sono ben accetti :eye:bgg2

:bai:bai

http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png (http://creativecommons.org/licenses/by-nc-sa/3.0/)
Questa opera č pubblicata sotto una Licenza Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License (http://creativecommons.org/licenses/by-nc-sa/3.0/).