+ Rispondi alla discussione
Mostra risultati da 1 a 1 di 1

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

Questa discussione si intitola HOW-TO:integrare graficamente Joomla/Mybb(NON UTENTI) senza wrapper nella sezione Webmania, appartenente alla categoria Area Tecnica; HowTo: integrare graficamente ( NON GLI UTENTI ) il forum open source Mybb con il cms open source Joomla senza ...

  1. 16-08-10, 15: 30 #1
    L'avatar di cydonia
    cydonia
    cydonia non è in linea Senior Member CT
    Data registrazione
    12 August 2010
    Sesso
    Uomo
    Messaggi
    341
    vCash
    500
    Grazie
    41
    Ringraziato 176 volte in 131 post

    Icog HOW-TO:integrare graficamente Joomla/Mybb(NON UTENTI) senza wrapper

    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?titl..._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:



    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)



    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:

    Codice:
    <link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1400"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1400"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1400"></script>
{$stylesheets}
<script type="text/javascript">
<!--
        var cookieDomain = "{$mybb->settings['cookiedomain']}";
        var cookiePath = "{$mybb->settings['cookiepath']}";
        var cookiePrefix = "{$mybb->settings['cookieprefix']}";
        var deleteevent_confirm = "{$lang->deleteevent_confirm}";
        var removeattach_confirm = "{$lang->removeattach_confirm}";
        var loading_text = '{$lang->ajax_loading}';
        var saving_changes = '{$lang->saving_changes}';
        var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
        var my_post_key = "{$mybb->post_code}";
        var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
    modificatelo con questo:

    Codice:
    <link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<link href="/index.php?format=feed type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/index.php?format=feed type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="/templates/rhuk_milkyway/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/rhuk_milkyway/css/template.css" type="text/css" />
<link rel="stylesheet" href="/templates/rhuk_milkyway/css/red.css" type="text/css" />
<link rel="stylesheet" href="/templates/rhuk_milkyway/css/black_bg.css" type="text/css" />
<body id="page_bg" class="color_red bg_black width_fmax"></body>
<!--[if lte IE 6]>
<link href="/templates/rhuk_milkyway/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1400"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1400"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1400"></script>
{$stylesheets}
<script type="text/javascript">
<!--
        var cookieDomain = "{$mybb->settings['cookiedomain']}";
        var cookiePath = "{$mybb->settings['cookiepath']}";
        var cookiePrefix = "{$mybb->settings['cookieprefix']}";
        var deleteevent_confirm = "{$lang->deleteevent_confirm}";
        var removeattach_confirm = "{$lang->removeattach_confirm}";
        var loading_text = '{$lang->ajax_loading}';
        var saving_changes = '{$lang->saving_changes}';
        var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
        var my_post_key = "{$mybb->post_code}";
        var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
    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:

    Codice:
    <div id="container">
                <a name="top" id="top"></a>
                <div id="header">
                        <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
                        <div class="menu">
                                <ul>
                                        <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                                        <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                                        <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                                        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
                                </ul>
                        </div>
                        <hr class="hidden" />
                        <div id="panel">
                                {$welcomeblock}
                        </div>
                </div>
                <hr class="hidden" />
                <br class="clear" />
                <div id="content">
                        {$pm_notice}
                        {$bannedwarning}
                        {$bbclosedwarning}
                        {$unreadreports}
                        {$pending_joinrequests}
                        <navigation>
                        <br />
    e sostituitelo con questo:


    Codice:
    <a name="up" id="up"></a>
<div class="center" align="center">
        <div id="wrapper">
                <div id="wrapper_r">
                        <div id="header">
                                <div id="header_l">
                                        <div id="header_r">
                                                <div id="logo"></div>
                                                
                                        </div>
                                </div>
                        </div>
                        <div id="tabarea">
                                <div id="tabarea_l">
                                        <div id="tabarea_r">
                                                <div id="tabmenu">
                                                <table cellpadding="0" cellspacing="0" class="pill">
                                                        <tr>
                                                                <td class="pill_l"></td>
                                                                <td class="pill_m">
                                                                <div id="pillmenu">
                                                                        <ul id="mainlevel-nav"><li><a href="/index.php?option=com_content view=frontpage Itemid=1 lang=it" class="mainlevel-nav" id="active_menu-nav">home</a></li></ul>
                                                                </div>
                                                                </td>
                                                                <td class="pill_r"></td>
                                                        </tr>
                                                        </table>
                                                </div>
                                        </div>
                                </div>
                        </div>
                        <div id="search">
                                
                        </div>
                        <div id="pathway">
                                
                        </div>
                        <div class="clr"></div>
                        <div id="whitebox">
                                <div id="whitebox_t">
                                        <div id="whitebox_tl">
                                                <div id="whitebox_tr"></div>
                                        </div>
                                        
                                </div>
                                  
                                                <div id="whitebox_m">
<div id="container">
                
                
                        <div class="menu">
                                <ul>
                                        <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                                        <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                                        <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                                        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
                                </ul>
                        </div>
                        <hr class="hidden" />
                        <div id="panel">
                                {$welcomeblock}
                        </div>
                </div>
                <hr class="hidden" />
                <br class="clear" />
                <div id="content">
                        {$pm_notice}
                        {$bannedwarning}
                        {$bbclosedwarning}
                        {$unreadreports}
                        <navigation>
                        <br />
    salviamo, save and return to listing.

    come potete notare dal codice originale ho tolto il logo di mybb per intenderci questo:
    Codice:
    <a name="top" id="top"></a> 
         <div id="header"> 
             <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>


    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




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

    Codice:
    <ul id="mainlevel-nav"><li><a href="/index.php?option=com_content view=frontpage Itemid=1 lang=it" class="mainlevel-nav" id="active_menu-nav">home</a></li></ul>
    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:

    Codice:
    <br />
                         <div class="bottommenu">
                                <div class="float_right">{$lang_select}</div>
                                <div>
                                        <span class="smalltext"><a href="{$mybb->settings['contactlink']}">{$lang->bottomlinks_contactus}</a> | <a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a> | <a href="#top">{$lang->bottomlinks_returntop}</a> | <a href="#content">{$lang->bottomlinks_returncontent}</a> | <a href="<archive_url>">{$lang->bottomlinks_litemode}</a> | <a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></span>
                                </div>
                        </div>
                        </div>
                <hr class="hidden" />
                        <div id="copyright">
                                <div id="debug"><debugstuff></div>
                                <!-- MyBB is free software developed and maintained by a volunteer community. 
                                         It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact, 
                                         to show your support for MyBB.  If you choose to remove or modify the copyright below, 
                                         you may be refused support on the MyBB Community Forums.
                                         
                                         This is free software, support us and we'll support you. -->
{$lang->powered_by} <a href="http://mybb.com" target="_blank">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="http://mybb.com" target="_blank">MyBB Group</a>.<br />
                                <!-- End powered by -->
                                <br />
<br class="clear" />
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
{$auto_dst_detection}
                </div>
                </div>
    sostituiamolo con questo

    Codice:
    <br />
                         <div class="bottommenu">
                                <div class="float_right">{$lang_select}</div>
                                <div>
                                        <span class="smalltext"><a href="{$mybb->settings['contactlink']}">{$lang->bottomlinks_contactus}</a> | <a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a> | <a href="#top">{$lang->bottomlinks_returntop}</a> | <a href="#content">{$lang->bottomlinks_returncontent}</a> | <a href="<archive_url>">{$lang->bottomlinks_litemode}</a> | <a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></span>
                                </div>
                        </div>
                        </div>
                <hr class="hidden" />
                        <div id="copyright">
                                <div id="debug"><debugstuff></div>
                                <!-- MyBB is free software developed and maintained by a volunteer community. 
                                         It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact, 
                                         to show your support for MyBB.  If you choose to remove or modify the copyright below, 
                                         you may be refused support on the MyBB Community Forums.
                                         
                                         This is free software, support us and we'll support you. -->
{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br />
                                <!-- End powered by -->
                                <br />
<br class="clear" />
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
{$auto_dst_detection}
                </div>
                </div>
                
                                
                <div id="whitebox_b">
                                        <div id="whitebox_bl">
                                                <div id="whitebox_br"></div>
                                        </div>
                                </div>
                        </div>
                        <div id="footerspacer"></div>
                </div>
                <div id="footer">
                        <div id="footer_l">
                                <div id="footer_r">
                                        <p id="syndicate">
                                                <a href="/index.php?option=com_content view=frontpage Itemid=1 lang=it format=feed type=rss">
        <img src="/images/M_images/livemarks.png" alt="feed-image"  /> <span>Feed Entries</span></a>
                                        </p>
                                        <p id="power_by">
                                                Powered by <a href="http://www.joomla.org">Joomla!</a>.
                                                validato <a href="http://validator.w3.org/check/referer">XHTML</a> e <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
                                        </p>
                                </div>
                        </div>
                </div>
        </div>
</div>
    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:



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


    risultato joomla



    integrazione joomla/mybb:



    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




    Questa opera è pubblicata sotto una Licenza Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
    Ultima modifica di Asterix; 18-08-10 alle 13: 17. Motivo: su richiesta dell'autore inserita licenza cc
    Rispondi citando Rispondi citando

  2. Il seguente utente concorda / ringrazia cydonia per questo post

    jr1999 (16-08-10)
  3. 16-08-10 15: 30 # ADS
    Google Adsense Circuito Adsense
    Data registrazione
    da sempre
    Messaggi
    molti
     
+ Rispondi alla discussione
« Discussione precedente | Discussione successiva »

Segnalibri

Regole 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
  •  

Regole Forum