La date/heure actuelle est Ven 9 Déc 2016 - 02:01 - créer un forum

Thème Mobile : Installation

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: 1, 2, 312, 13, 14  >

Thème Mobile : Installation
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 441
Niveau:
Point(s): 537
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Lun 5 Jan 2015 - 20:33    Sujet du message: Thème Mobile : Installation Répondre en citant

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 :

{{{Vous devez répondre à ce sujet pour voir la partie cachée}}}


▶ 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.
_______________________
Les membres suivants remercient Kyosuke pour ce 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)


Dernière édition par Kyosuke le Sam 27 Aoû 2016 - 21:08; édité 8 fois
Forum
Auteur Message
RotorMan
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 21 Déc 2006
Messages: 501
Niveau:
Point(s): 488
Moyenne: 0,97
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mar 6 Jan 2015 - 16:17    Sujet du message: Thème Mobile : Installation Répondre en citant

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.


Dernière édition par RotorMan le Mar 6 Jan 2015 - 16:23; édité 1 fois
Forum
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Mar 6 Jan 2015 - 16:23    Sujet du message: Thème Mobile : Installation Répondre en citant

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
Auteur Message
The End


Hors ligne
Invité




MessagePosté le: Mar 6 Jan 2015 - 17:27    Sujet du message: Thème Mobile : Installation Répondre en citant

C'est bon pour moi je l'ai installé Smile

Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Mer 7 Jan 2015 - 20:02    Sujet du message: Thème Mobile : Installation Répondre en citant

Xeawirkyo a écrit:
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
Auteur Message
Djamel123
Membre


Hors ligne
Membre

Inscrit le: 01 Jan 2015
Messages: 28
Point(s): 28
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Taureau (20avr-20mai)

MessagePosté le: Ven 9 Jan 2015 - 21:49    Sujet du message: Thème Mobile : Installation Répondre en citant

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
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Ven 9 Jan 2015 - 22:53    Sujet du message: Thème Mobile : Installation Répondre en citant

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

Les membres suivants remercient kieffer pour ce message :
Djamel123 (10/01/15)


Forum
Auteur Message
Djamel123
Membre


Hors ligne
Membre

Inscrit le: 01 Jan 2015
Messages: 28
Point(s): 28
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Taureau (20avr-20mai)

MessagePosté le: Sam 10 Jan 2015 - 15:01    Sujet du message: Thème Mobile : Installation Répondre en citant

J'ai suivi le tuto et réussi l'installation. C'est fonctionnel !! Merci.
Les membres suivants remercient Djamel123 pour ce message :
kieffer (14/01/15)


Forum
Auteur Message
Mutantateur
Membre


Hors ligne
Membre

Inscrit le: 14 Jan 2015
Messages: 1
Point(s): 1
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Mer 14 Jan 2015 - 11:34    Sujet du message: Thème Mobile : Installation Répondre en citant

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!
Les membres suivants remercient Mutantateur pour ce message :
kieffer (14/01/15), Kyosuke (14/01/15)


Forum
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Mer 14 Jan 2015 - 14:49    Sujet du message: Thème Mobile : Installation Répondre en citant

Mutantateur a écrit:
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
Auteur Message
tortue-xTz
Membre


Hors ligne
Membre

Inscrit le: 14 Jan 2015
Messages: 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

MessagePosté le: Mer 14 Jan 2015 - 19:44    Sujet du message: Thème Mobile : Installation Répondre en citant

je suis intéressé par l'installation du thème mobile sur mon forum Wink
très bonne initiative ! Wink
Les membres suivants remercient tortue-xTz pour ce message :
kieffer (14/01/15)


Forum
Auteur Message
Benoit
Membre


Hors ligne
Membre

Inscrit le: 29 Avr 2013
Messages: 8
Niveau:
Point(s): 8
Moyenne: 1,00
Mac Safari Masculin Capricorne (22déc-19jan)

MessagePosté le: Mer 14 Jan 2015 - 20:03    Sujet du message: Thème Mobile : Installation Répondre en citant

Super Merci beaucoup j'installe aussi.

Forum
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Mer 14 Jan 2015 - 20:12    Sujet du message: Thème Mobile : Installation Répondre en citant

Benoit a écrit:
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
Auteur Message
Benoit
Membre


Hors ligne
Membre

Inscrit le: 29 Avr 2013
Messages: 8
Niveau:
Point(s): 8
Moyenne: 1,00
Mac Safari Masculin Capricorne (22déc-19jan)

MessagePosté le: Mer 14 Jan 2015 - 21:03    Sujet du message: Thème Mobile : Installation Répondre en citant

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
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Jeu 15 Jan 2015 - 01:47    Sujet du message: Thème Mobile : Installation Répondre en citant

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
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 02:01    Sujet du message: Thème Mobile : Installation

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 14 Aller à la page: 1, 2, 312, 13, 14  >




Portail | Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401