Forumactif Edge

Da **CodesUniverse** Mer Ago 03, 2016 7:12 pm

Forumactif Edge

Cos'è Forumactif Edge?

Forumactif Edge è un nuovo tema moderno per i vostri forum Forumattivo. Il pacchetto d'installazione comprende moltissimi Scripts, Template modificati e il CSS.
In più il pacchetto contiene un fantastico Script, che ti permetterà di modificare il colore del tema in qualsiasi momento.

Anteprima

Installazione

Ti abbiamo convinto? Bene, procediamo con l'installazione!

Per prima cosa, andiamo ad installare Il nostro pannello di controllo!

Andiamo verso PDA --> moduli --> HTML&JAVASCRIPT --> gestione pagine HTML
andiamo a creare una nuova pagina:

Nome: FAE-panel
Imposta come indice: No
Utilizza cima e fondo del forum: Si

Codice

Codice:

Codice:: <style type="text/css">#fae_cp { font-size:12px; font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; padding:3px; } #fae_cp_main_title { font-size:24px; margin:6px 0; } #fae_cp .fae_cp_title { color:#FFF; font-size:16px; background:#69C; padding:6px 3px; margin:6px 0; } #fae_actions input { color:#FFF; background:#69C; border:none; padding:6px 9px; cursor:pointer; } #fae_actions input:hover { background:#58B; } #fae_log { background:#EEE; border:1px solid #CCC; height:150px; margin:6px 0; overflow-y:auto; } #fae_progress { background:#CCC; height:30px; width:100%; position:relative; } #fae_prog_bar { height:30px; background:#69C; width:0%; } #fae_prog_number { color:#FFF; font-size:16px; line-height:30px; font-family:Arial; text-align:center; position:absolute; left:0; right:0; top:0; bottom:0; } .fae_msg_log { margin:3px; }</style> <div id="fae_cp"> <h1 id="fae_cp_main_title" class="page-title">Forumactif Edge Control Panel</h1> <p id="fae_cp_desc">This panel allows you to install, uninstall, and update <a href="https://github.com/SethClydesdale/forumactif-edge" target="_blank">Forumactif Edge</a>. Get ready to experience your forum in a more modern and responsive way!</p> <h3 class="fae_cp_title">Log</h3> <div id="fae_log"></div> <div id="fae_progress"></div> <div id="fae_actions" style="display:none;"> <h3 class="fae_cp_title">Actions</h3> <div id="fae_options"> <input id="fae_install" type="button" value="Install" /> <input id="fae_uninstall" type="button" value="Uninstall" style="display:none;" /> <input id="fae_update" type="button" value="Check for updates" style="display:none;" /> </div> </div> </div> <script type="text/javascript">//<![CDATA[ $.get('https://raw.githubusercontent.com/SethClydesdale/forumactif-edge/master/javascripts/installer-utils.js', function(d) { var script = document.createElement('SCRIPT'); script.type = 'text/javascript'; script.text = d; document.body.appendChild(script); }); //]]></script>

Salviamo la pagina! jocolor

Sempre nel PDA, clicchiamo sulla lente di ingrandimento, ora, comparirà il nostro pannello.
Scegliamo la lingua e clicchiamo su '' Install''
Ora, inizia il processo di installazione

Forumactif Edge 687474703a2f2f692e696d6775722e636f6d2f7451495742516d2e6769663f31

Forumactif Edge 687474703a2f2f692e696d6775722e636f6d2f7451495742516d2e6769663f31

Questa nell'immagine non è la velocità reale dell'installazione

Ecco fatto, il nuovo tema è installato. afro

Nel menù comparirà il tasto ''FAE Control Panel'' da cui potrete disinstallare, aggiornare o reinstallare il tema!

In caso di dubbi, non esitate ad aprire un topic nella sezione ''Supporto''

Si ringrazia Ange Tuteur per aver realizzato il tema.
Topic originale - FM Design
Tutorial realizzato in italiano da Teo