It is currently Fri 30 Sep 2016 - 10:19 - créer un forum

Thème Mobile : Installation

Skip to content

Post new topic Reply to topic Goto page: 1, 2, 312, 13, 14  >

Thème Mobile : Installation
Author Message
Kyosuke
Contributeurs


Offline
Contributeurs

Joined: 30 Mar 2009
Posts: 436
Niveau:
Point(s): 532
Moyenne: 1.22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Mon 5 Jan 2015 - 20:33    Post subject: Thème Mobile : Installation Reply with quote

PublicitéSupprimer les publicités ?
Thème mobile : Installation

Vous souhaitez installer un thème mobile pour smartphones et tablettes tactiles sur votre forum ? Suivez le guide !


Une vidéo de présentation du thème mobile sera prochainement disponible.
Vous pouvez toujours visionner l'ancienne vidéo de présentation, disponible à cette adresse.




▶ 1ère étape : Téléchargement de l'archive du thème

Pour commencer, téléchargez l'archive qui contient le thème mobile.
Nous verrons un plus tard comment faire pour installer le thème sur votre forum Xooit grâce à cette archive.
Il est inutile de décompresser cette archive, laissez-la telle quelle. Smile

Pour télécharger l'archive, suivez ce lien :

{{{You must reply to this topic to see the hidden part}}}


▶ 2ème étape : Installation du thème

Rendez-vous sur le panneau d'administration de votre forum Xooit.
Accédez à la section "Thème" du panneau d'administration, puis cliquez sur le lien "Installer un thème" dans la partie "Thème de test".

Sur cette page, dans la partie "EXPERTS : INSTALLER UN THÈME À PARTIR D’UNE ARCHIVE", cliquez sur le bouton de sélection d'un fichier, puis sélectionnez l'archive du thème que vous avez au préalable téléchargé.

Cliquez ensuite sur le bouton "Experts : Installer un thème à partir d’une archive" pour installer le thème.

Le thème mobile sera installé sur votre thème de test.



▶ 3ème étape : Configuration du thème

Certains templates doivent maintenant être modifiés, car ils ne peuvent être installés grâce à l'archive.

Rendez-vous dans la liste des templates du thème de test (grâce au bouton "Modifier les templates").

Modifiez le template "welcome_message.tpl", supprimez l"intégralité du contenu de ce template, puis sauvegardez.
De cette manière, le message "vous vous trouvez sur le thème de test" ne s'affichera plus sur votre thème de test.

Avant dernière étape, modifiez le template "chat.tpl", remplacez l'intégralité de ce template par :

Code: Sélectionner - Agrandir
<!-- IF SCRIPT_NAME !== 'index' -->
<div class="container-fluid">
    <div class="panel panel-default">
        <div class="panel-heading text-center">Chat</div>
        <div class="panel-body">
            <table border="0" cellspacing="1" width="100%">
            <tr>
                <td style="padding:3px"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
                    <div id="chatTopic" style="font-weight:bold">
                        <div id="chatArchiveLink" style="display: none; float: right;">
                            <a href="javascript:void(0);">[{L_CHAT_ARCHIVES}]</a>
                        </div>
                        <!-- IF CHAT_AUTH_MOD -->
                        <div id="chatAdminLink" style="display: none; float: right;">
                            <a href="javascript:void(0);">[{L_CHAT_ADMIN}]</a>
                        </div>
                        <div id="chatAdminMenu" style="display: none; float: right;">
                            <div id="chatAdminMenuDiv">
                                <a id="chatAdminMenuTopic" href="javascript:void(0);">[{L_CHAT_CHANGE_TOPIC}]</a>
                                <a id="chatAdminMenuBanned" href="javascript:void(0);">[{L_CHAT_BANNED_USERS}]</a>
                                <a id="chatAdminMenuClear" href="javascript:void(0);">[{L_CHAT_CLEAR_MSGS}]</a>
                                <a id="chatAdminMenuClose" href="javascript:void(0);">[{L_CHAT_CLOSE_ADMIN}]</a>
                            </div>
                        </div>
                        <div id="chatConnectLink" style="float: right;">
                            <a href="javascript:void(0);">[{L_CHAT_CONNECTION}]</a>
                        </div>
                        <div id="chatDisconnectLink" style="float: right;">
                            <a href="javascript:void(0);">[{L_CHAT_DISCONNECTION}]</a>
                        </div>
                        <div id="chatTopicContainer"></div>
                        <!-- ENDIF -->
                    </div>
                </td>
            </tr>
            <tr style="width: 100%;">
                <td style="padding: 0; width: 100%;">
                    <div id="chatList" style="height: 100px; overflow: auto; width: 100%;">
                        <table id="chatMsgContainer_table" class="table table-striped" width="100%">
                            <tbody id="chatMsgContainer">
                            </tbody>
                        </table>
                    </div>
                </td>
                <!-- IF CHAT_SHOW_CONNECTED -->
                <td id="chatGripTd" class="hidden">&nbsp;</td>
                <td class="row1 hidden">
                    <div id="chatConnectedDiv" style="width: 100%; height: 150px; overflow: auto;"></div>
                </td>
                <!-- ENDIF -->
            </tr>
            <tr>
                <td<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
                    <img src="http://img.xooimage.com/files5/d/6/7/grip-115818.gif" width="11" height="11" id="chatVGrip" class="hidden">
                    <img src="http://img.xooimage.com/files10/5/e/a/window-115821.gif" id="chatPopupButton" class="hidden">
                    <div class="btn-group btn-group-justified" role="group" style="margin-bottom: 15px;">
                        <div class="btn-group" role="group">
                            <input id="chatButtonG" type="button" class="btn btn-default" style="font-weight:bold" value="G">
                        </div>
                        <div class="btn-group" role="group">
                            <input id="chatButtonI" type="button" class="btn btn-default" style="font-style:italic" value="I">
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control input-lg" id="chatMsg" placeholder="Rédigez votre message ..." maxlength="100" required>
                    </div>
                    <input type="button" value="{L_SUBMIT}" onclick="xooitChat.sendMsg();" class="btn btn-success btn-block btn-lg">
                    <input id="chatButtonF" type="button" class="hidden" value="">
                    <input id="chatButtonC" type="button" class="hidden" value="">
                </td>
            </tr>
            </table>
        </div>
    </div>
</div>
{CHAT_JS}
<!-- ENDIF -->


Puis sauvegardez les modifications.

De cette façon, le chat ne s'affichera plus sur la page d’accueil de votre forum (gain de place), mais sur une page dédiée uniquement au chat accessible grâce au menu principal.

Pour finir la configuration du thème, modifiez le template "overall_header.tpl" du thème normal (j'insiste, le thème normal, c'est important), puis remplacez :

Code: Sélectionner - Agrandir
</head>


par :

Code: Sélectionner - Agrandir
<script src="https://dl.dropboxusercontent.com/s/imptid1e5k9nw7w/xooitMobileCheck.js"></script>
</head>


Ce script redirigera vos visiteurs vers le thème mobile s'ils naviguent sur votre forum via un smartphone ou une tablette.

Félicitation, le thème mobile est désormais installé sur votre forum Xooit !




Besoin d'aide pour l'installation du thème mobile ? N'hésitez pas à poster à la suite de ce sujet.
Une question par rapport au thème mobile ? Rendez-vous sur ce sujet.
_______________________
Following members like this message:
RotorMan (05/01/15), Gégé (05/01/15), kieffer (05/01/15), R-max (05/01/15), ReneGuy (27/01/15), Maxou45400 (23/02/15), Binou (26/02/15), Lapin34 (29/08/15), Sukhoi19 (11/01/16), samba (26/04/16), fraggy33 (06/06/16), ysetech (04/07/16)


Last edited by Kyosuke on Sat 27 Aug 2016 - 21:08; edited 8 times in total
Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 385
Niveau:
Point(s): 366
Moyenne: 0.95
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

PostPosted: Tue 6 Jan 2015 - 16:17    Post subject: Thème Mobile : Installation Reply with quote

Bonjour,

thème pour mobile installé et fonctionnel chez moi.

Merci pour ton travail Kyosuke, très bonne année 2015 à toi. Smile

Si tu veux un coup de main pour expliquer comment changer divers éléments via le css (couleur du thème, images, etc), n'hésites pas à me le dire (via mp c'est mieux).


Amicalement
_______________________
Je ne répond plus aux demandes d'aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.


Last edited by RotorMan on Tue 6 Jan 2015 - 16:23; edited 1 time in total
Forum
Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Tue 6 Jan 2015 - 16:23    Post subject: Thème Mobile : Installation Reply with quote

J'ai passé mon premier forum boulangersud sur la nouvelle version tout roule
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
Gu!gan
VIP


Offline
VIP

Joined: 17 Jun 2004
Posts: 1,081
Niveau:
Point(s): 1,333
Moyenne: 1.23
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Taureau (20avr-20mai) 龍 Dragon

PostPosted: Tue 6 Jan 2015 - 17:27    Post subject: Thème Mobile : Installation Reply with quote

C'est bon pour moi je l'ai installé Smile
_______________________
(\__/)
(='.'=)
(")_(")
Voici Lapin. Copiez Lapin dans votre signature pour l'aider à concrétiser sa domination du monde


Forum
Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Wed 7 Jan 2015 - 20:02    Post subject: Thème Mobile : Installation Reply with quote

Xeawirkyo wrote:
Bonjour à tous,

Notre Directeur Technique est intervenu cette nuit pour résoudre ce souci. Ce dernier était du à une défaillance d'un de nos serveurs qui a été réinstallé.

Si malgré tout vous rencontrez toujours ce souci, n'hésitez pas à nous le signaler afin que nous alertions de nouveau Rano.

Nous vous présentons toutes nos excuses pour la gêne occasionnée ainsi que pour le délai qui a été nécessaire à sa résolution.

Cordialement,


allez a fond les installs
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
Djamel123
Membre


Offline
Membre

Joined: 01 Jan 2015
Posts: 36
Point(s): 36
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Taureau (20avr-20mai)

PostPosted: Fri 9 Jan 2015 - 21:49    Post subject: Thème Mobile : Installation Reply with quote

Je suis intéressé par l'installation du thème mobile. je tiens aussi a vous remercier pour tous les efforts déployés.

Forum
Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Fri 9 Jan 2015 - 22:53    Post subject: Thème Mobile : Installation Reply with quote

Bonsoir 
Tu suis le tutoriel du premier post et sois le bienvenue parmi nous 
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites

Following members like this message:
Djamel123 (10/01/15)


Forum
Author Message
Djamel123
Membre


Offline
Membre

Joined: 01 Jan 2015
Posts: 36
Point(s): 36
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Taureau (20avr-20mai)

PostPosted: Sat 10 Jan 2015 - 15:01    Post subject: Thème Mobile : Installation Reply with quote

J'ai suivi le tuto et réussi l'installation. C'est fonctionnel !! Merci.
Following members like this message:
kieffer (14/01/15)


Forum
Author Message
Mutantateur
Membre


Offline
Membre

Joined: 14 Jan 2015
Posts: 1
Point(s): 1
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Wed 14 Jan 2015 - 11:34    Post subject: Thème Mobile : Installation Reply with quote

Bonjour à tous

je viens de créer mon propre forum et j'explore les possibilités de xooit.
Premier point positif et qui m'a fait choisir xooit: c'est extrêmement bien documenté et dynamique.

Je me lance dans l'installation du thème mobile!

Et ça marche nickel!
Following members like this message:
kieffer (14/01/15), Kyosuke (14/01/15)


Forum
Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Wed 14 Jan 2015 - 14:49    Post subject: Thème Mobile : Installation Reply with quote

Mutantateur wrote:
Bonjour à tous

je viens de créer mon propre forum et j'explore les possibilités de xooit.
Premier point positif et qui m'a fait choisir xooit: c'est extrêmement bien documenté et dynamique.

Je me lance dans l'installation du thème mobile!

Et ça marche nickel!


bienvenue
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
tortue-xTz
Membre


Offline
Membre

Joined: 14 Jan 2015
Posts: 6
Niveau:
Point(s): 6
Moyenne: 1.00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Wed 14 Jan 2015 - 19:44    Post subject: Thème Mobile : Installation Reply with quote

je suis intéressé par l'installation du thème mobile sur mon forum Wink
très bonne initiative ! Wink
Following members like this message:
kieffer (14/01/15)


Forum
Author Message
Benoit
Membre


Offline
Membre

Joined: 29 Apr 2013
Posts: 8
Niveau:
Point(s): 8
Moyenne: 1.00
Mac Safari Masculin Capricorne (22déc-19jan)

PostPosted: Wed 14 Jan 2015 - 20:03    Post subject: Thème Mobile : Installation Reply with quote

Super Merci beaucoup j'installe aussi.

Forum
Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Wed 14 Jan 2015 - 20:12    Post subject: Thème Mobile : Installation Reply with quote

Benoit wrote:
Super Merci beaucoup j'installe aussi.


bienvenu
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
Benoit
Membre


Offline
Membre

Joined: 29 Apr 2013
Posts: 8
Niveau:
Point(s): 8
Moyenne: 1.00
Mac Safari Masculin Capricorne (22déc-19jan)

PostPosted: Wed 14 Jan 2015 - 21:03    Post subject: Thème Mobile : Installation Reply with quote

Merci, pardon de faire le sauvage je modère donc ce forum 
http://rotor-addict.vraiforum.com/index.php


Bon le thème fonctionne bien! pour la personnalisation c'est possible?


Forum
Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Thu 15 Jan 2015 - 01:47    Post subject: Thème Mobile : Installation Reply with quote

bonsoir désolé de te répondre ci tard

- du as deux tutos ici

http://xooit.xooit.com/f86-Tutoriels-Personnalisation-du-th-me-mobile.htm

- ensuite dans le module image de ton theme test tu peut changé toutes les images comprise dedans il te suffit juste de respecté la taille de l'image de départ 32 par 32

voila bonne soirée
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 10:19    Post subject: Thème Mobile : Installation

Display posts from previous:   
Reply to topic Page 1 of 14 Goto page: 1, 2, 312, 13, 14  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401