It is currently Thu 29 Sep 2016 - 15:32 - créer un forum

[BETA] Installer un thème mobile sur votre forum

Skip to content

Post new topic This topic is locked: you cannot edit posts or make replies. Goto page: 1, 2, 39, 10, 11  >

[BETA] Installer un thème mobile sur votre forum
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 1 Dec 2014 - 02:30    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

PublicitéSupprimer les publicités ?
[BETA] Installer un thème mobile sur votre forum


Le thème mobile est sur le point d'être disponible, nous l'avons longuement testé sur un forum de test, nous souhaitons maintenant le distribuer à quelques administrateurs de manière à recueillir leurs suggestions.

Si vous souhaitez participer à la Beta et tester le thème mobile sur votre forum, voici la marche à suivre :




Etape 1: Postez à la suite de ce sujet afin que je puisse vous faire parvenir par message privé le thème complet à installer sur votre forum, indiquez-nous également sur quel forum le thème mobile sera installé.

Etape 2: Installez le thème.


Pour commencer, téléchargez l'archive du thème que je vous ai fait parvenir par message privé.

Rendez-vous ensuite sur votre panneau d'administration, accédez à la section "thème", puis "Installer un thème" dans votre 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.



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.

Dernière étape, 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.

Le thème est maintenant installé !

Si vous avez besoin de plus d'informations, n'hésitez pas.


Etape 3: N'hésitez pas à soumettre vos suggestions ou vos rapports de bugs sur ce sujet.
Pour suivre l'avancement du projet, rendez-vous sur cette page :

https://trello.com/b/IisQQIeL/theme-mobile-xooit

Merci ! Smile

PS: Mes excuses si le sujet n'est pas à sa place, je ne savais pas vraiment où le poster.



Liste des forums sur lesquels le thème mobile est installé :



Autre:

Vidéos de démonstration du thème mobile :


_______________________
Following members like this message:
Gu!gan (01/12/14), RotorMan (01/12/14), Silver-Puck (01/12/14), kieffer (05/12/14)


Last edited by Kyosuke on Mon 5 Jan 2015 - 20:45; edited 10 times 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: Mon 1 Dec 2014 - 09:01    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

bonjour

je souhaite avoir l'archive du theme merci

Je pense qu'il manque copié votre theme dans un nouveau forum que vous crée pour continuer à faire des test de votre theme principal
la seule chose qui manque c'est crée une archive à partir de votre test pour pouvoir l'installé sur votre nouveau theme de test il vous faudra copié tous les template à la main
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
Cinfonie
Membre


Offline
Membre

Joined: 29 Apr 2014
Posts: 199
Point(s): 201
Moyenne: 1.01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

PostPosted: Mon 1 Dec 2014 - 10:34    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

Bonjour et pardon, mais c'est quoi un "thème mobile" ?
_______________________
http://forumami.clicforum.fr/index.php


Forum
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 1 Dec 2014 - 10:39    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

Salut Kieffer !

Je t'envoie l'archive par message privé un peu plus tard dans la matinée. Smile

Effectivement, j'ai oublié de le préciser dans mon message, mais vous allez "perdre" votre thème de test, puisque le thème mobile va prendre place sur le thème de test de votre forum.

Comme Kieffer l'a expliqué, si vous souhaitez installer le thème mobile tout en conservant un espace où vous pouvez effectuer des tests, le mieux est d'ouvrir un forum secondaire (et copier/coller les templates du forum de test vers le forum principal).

Cinfonie wrote:
Bonjour et pardon, mais c'est quoi un "thème mobile" ?


Bonne question !

Grosso modo, c'est un thème pensé et conçu pour améliorer la qualité de la navigation sur smartphones et tablettes tactiles.
_______________________
Following members like this message:
kieffer (01/12/14)


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: Mon 1 Dec 2014 - 11:16    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

Sur mon forum www.amarid.net ce sera installé des reception de l'archive
pour le deuxième forum www.boulangersud.xooit.org un peut plus tard vu que je suis en refonte totale du graphisme ( si tu as deux minutes http://xooit.xooit.com/t26576-Cacher-Monter-les-categories.htm?start=285#p5… http://xooit.xooit.com/t74461-Changement-couleur-de-la-citation.htm )
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
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 1 Dec 2014 - 13:03    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

Re Kieffer,

Ok, je viens de t'envoyer l'archive ! Smile
_______________________


Forum
Author Message
Cinfonie
Membre


Offline
Membre

Joined: 29 Apr 2014
Posts: 199
Point(s): 201
Moyenne: 1.01
Windows Vista ou 7 Internet Explorer Féminin Poissons (20fev-20mar) 馬 Cheval

PostPosted: Mon 1 Dec 2014 - 15:05    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

Kyosuke wrote:

Grosso modo, c'est un thème pensé et conçu pour améliorer la qualité de la navigation sur smartphones et tablettes tactiles.


Et ce thème reprend le thème normal ou c'est carrément quelque chose de différent (comme image de fond par exemple) ?
_______________________
http://forumami.clicforum.fr/index.php


Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 382
Niveau:
Point(s): 363
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: Mon 1 Dec 2014 - 15:39    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

Bonjour Cinfonie,

Il y a toutes les explications sur ce fil de discussion : http://xooit.xooit.com/p544044.htm

Cordialement

Pour Kyosuke,

Si cela te rend service, je suis d'accord d'installer ta création sur mon thème test de mon forum principal : www.aide-brico.com/
Comme déjà dit, ma tablette et mon Androïd ayant été pris par ma fille, je ne peux tester quoi que ce soit via ces appareils.
Par contre tu pourras le faire avec mon forum, mes membres le pourront aussi (je les avertirai lorsque cela sera en place).

Eventuellement, te connaissant je ne pense pas mais bon : je pourrais t'aider au niveau des templates si c'est nécessaire et si tu as besoin.

Ne prend pas à mal si je met du temps à te répondre et à l'installer (je ferai ça dans la soirée), j'ai été sous les tempêtes du sud de la France (PO), on nettoie les extérieurs en ce moment (pas eu de dégâts matériel, j'ai eu chaud, par contre des voisins ont tout perdu).

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.


Forum
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 1 Dec 2014 - 17:14    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

Salut RotorMan !

Effectivement, même si tu ne peux pas tester le thème, tes membres pourront certainement te faire part de leurs impressions.

Quote:
Ne prend pas à mal si je met du temps à te répondre et à l'installer (je ferai ça dans la soirée), j'ai été sous les tempêtes du sud de la France (PO), on nettoie les extérieurs en ce moment (pas eu de dégâts matériel, j'ai eu chaud, par contre des voisins ont tout perdu).


Prend ton temps, il y a des choses plus urgentes et c'est tout à fait normal.

Je te fais parvenir le thème par message privé.
Merci ! Smile
_______________________


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: Mon 1 Dec 2014 - 20:08    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

j ai pas de body dans mon overall footer


Code: Sélectionner - Agrandir


<!------------------------------------------------------------------------------
    XOOIT POPUP
    [DEBUT]
---->
<script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitPopup.js"></script>
<script type="text/javascript">
  xooitPopup.init({
  userLevel: '{S_USER_LEVEL}',
  title: 'Bienvenue invité :',
  content: '<p><b>Bienvenue sur le forum AMARID!</b></p><p>Si c\'est votre première visite, n\'hésitez pas a vous <b>inscrire</b>, vous pouvez également vous <b>connecter</b> si vous avez un compte.</p><p>Utilisez les boutons situés ci-dessous pour faire votre choix.</p>',
  effect: 'bumpIn',
  style: 'light',
  registerBtn: 'Inscription',
  loginBtn: 'Connexion',
  mode: 'discret'
});
</script>
<!----
    XOOIT POPUP
    [FIN]
------------------------------------------------------------------------------->

<!------------------------------------------------------------------------------
    DESACTIVER CERTAINES ICONES DE SUJET POUR LES INVITES ET LES MEMBRES
    [DEBUT]
---->
<script type="text/javascript">
var permission = '{S_USER_LEVEL}',
    uniqueIcons = ['brico','AMARID','paje','sondage','amarid','remi','open','Tutoriel'];

function disableIcons() {

    if ((window.location.href.indexOf('?mode=newtopic') != -1 || window.location.href.indexOf('?mode=editpost') != -1) && (permission === 'ANONYMOUS' || permission === 'USER')) {

        $$('input[name="topicicon"]').each(function (e) {
            var label = e.next('label'),
                labelAlt = label.children[0].getAttribute('alt');

            for (var i = 0; i < uniqueIcons.length; i++) {
                if (labelAlt === uniqueIcons[i]) {
                    e.setAttribute('title', 'Vous ne pouvez pas sélectionnez cette icone de sujet.');
                    e.setAttribute('disabled', 'disabled');
                    e.style.opacity = 0.5;
                    label.style.opacity = 0.5;
                }
            }
        });
    }
}

Event.observe(window, 'load', disableIcons, false);
</script>
<!----
    DESACTIVER CERTAINES ICONES DE SUJET POUR LES INVITES ET LES MEMBRES
    [FIN]
------------------------------------------------------------------------------->

<!------------------------------------------------------------------------------
    PREFIXES AUTOMATIQUES
    [DEBUT]
---->
<script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitPrefix.js"></script>
<script type="text/javascript">
  xooitPrefix.init({
    'userLevel': '{S_USER_LEVEL}',
    'prefixesRequired': 'n',
    'prefixes': ['PLACE DISPONIBLE', 'CHERCHE', 'VEND', 'OBJET', 'LIVRE', 'PRESENTATION', 'DEMANDE', 'SALAIRE', 'IMPOT', 'DOCUMENT', 'QUESTION', 'NEWS'],
    'forbiddenForums': [],
    'groupsAllowed': ['USER', 'MOD', 'ADMIN']
  });
</script>
<!----
    PREFIXES AUTOMATIQUES
    [FIN]
------------------------------------------------------------------------------->

<table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
      <td class="bottom_left" align="left"><img src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" width="5" height="2" border="0" hspace="0" vspace="0"></td>
      <td class="bottom_center" align="center" width="100%"><img src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" width="5" height="2" border="0" hspace="0" vspace="0"></td>
      <td class="bottom_right" align="right"><img src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" width="5" height="2" border="0" hspace="0" vspace="0"></td>
   </tr>
</table>

<a href="#top" class="postlink">
  <img src="http://img.xooimage.com/files110/6/6/f/remonte-gauche-4880d71.png" border="0" style="float:left">
</a>

<a href="#top" class="postlink">
  <img src="http://img.xooimage.com/files110/b/0/7/remonter-droite-4880d91.png" border="0" style="float:right">
</a>
<br>
<br>
 /*****  Debut blocs du bas *****/
<div align="center">
<img src="http://img.xooimage.com/files110/f/a/a/test-bouton-48a96fd.png">
</div>
<div align="center" >
<ul class="bubblewrap">
<li><a href="https://www.phpbb.com/"   target="_blank""><img src="http://img.xooimage.com/files110/7/1/e/phpbb-48a810d.png" title="accédez Phpbb.com"/></a></li>
<li><a href="http://www.phpbb-fr.com/" target="_blank""><img src="http://img.xooimage.com/files110/2/b/3/test1-48a80cb.png" alt="phpbb-fr.com" title="accédez Phpbb-fr.com"/></a></li>
<li><a href="http://www.amarid.fr"     target="_blank"><img src="http://img.xooimage.com/files110/b/c/d/amarid-48a8145.png" alt="amarid.fr" title="accédez Amarid.fr"/></a></li>
<li><a href="https://www.facebook.com/amarid.associationnationaleamarid?fref=ts" target="_blank"><img src="http://img.xooimage.com/files110/3/a/9/facebook-48a8dde.png" alt="facebook" title="accédez Facebook"/></a></li>
<li><a href="https://twitter.com/amarid2"  target="_blank"><img src="http://img.xooimage.com/files110/5/b/b/twiter-48a8de5.png" alt="twitter" title="accédez Twitter"/></a></li>
<li><a href="https://plus.google.com/u/0/" target="_blank"><img src="http://img.xooimage.com/files110/f/9/4/google--48a8df6.png" alt="Google +" title="accédez Google +"/></a></li></ul>
</div>
/***** fin code cadre bas ********/
</noscript>
</div>     
</div>

<div style="border:0px solid green;margin:5px;padding:5px;">
<center><a href="" onclick="bascule('1'); return false;"><center><img src="http://img.xooimage.com/files110/0/5/8/menu-xooit-4880b6d.png"></center></a>
<div id='1' style='display:none;'>
<center>
<ul class="bevelmenu">
<li><span class="copyright">{ADMIN_LINK}</span></li>
</ul>
</center>
</div>
</br>
</div>
<center>
<br><br>
<script>
var oH1 = document.querySelectorAll('#conteneur h1'),
    oUL = document.querySelectorAll('#conteneur ul'),
    i, nb  = oH1.length;
for( i=0; i<nb; i++){
  oH1[i].objUl = oUL[i];
  oH1[i].onclick = function(){
    var isVisible = this.objUl.offsetWidth;
    if( isVisible){
      this.objUl.style.display = 'none';
      this.innerHTML = this.innerHTML.replace('Cacher', 'Montrer');
    }
    else{
      this.objUl.style.display = 'block';
      this.innerHTML = this.innerHTML.replace('Montrer', 'Cacher');
    }
  };
}
</script>

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



Forum
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 1 Dec 2014 - 20:22    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

kieffer wrote:
j ai pas de body dans mon overall footer


Code: Sélectionner - Agrandir


<!------------------------------------------------------------------------------
    XOOIT POPUP
    [DEBUT]
---->
<script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitPopup.js"></script>
<script type="text/javascript">
  xooitPopup.init({
  userLevel: '{S_USER_LEVEL}',
  title: 'Bienvenue invité :',
  content: '<p><b>Bienvenue sur le forum AMARID!</b></p><p>Si c\'est votre première visite, n\'hésitez pas a vous <b>inscrire</b>, vous pouvez également vous <b>connecter</b> si vous avez un compte.</p><p>Utilisez les boutons situés ci-dessous pour faire votre choix.</p>',
  effect: 'bumpIn',
  style: 'light',
  registerBtn: 'Inscription',
  loginBtn: 'Connexion',
  mode: 'discret'
});
</script>
<!----
    XOOIT POPUP
    [FIN]
------------------------------------------------------------------------------->

<!------------------------------------------------------------------------------
    DESACTIVER CERTAINES ICONES DE SUJET POUR LES INVITES ET LES MEMBRES
    [DEBUT]
---->
<script type="text/javascript">
var permission = '{S_USER_LEVEL}',
    uniqueIcons = ['brico','AMARID','paje','sondage','amarid','remi','open','Tutoriel'];

function disableIcons() {

    if ((window.location.href.indexOf('?mode=newtopic') != -1 || window.location.href.indexOf('?mode=editpost') != -1) && (permission === 'ANONYMOUS' || permission === 'USER')) {

        $$('input[name="topicicon"]').each(function (e) {
            var label = e.next('label'),
                labelAlt = label.children[0].getAttribute('alt');

            for (var i = 0; i < uniqueIcons.length; i++) {
                if (labelAlt === uniqueIcons[i]) {
                    e.setAttribute('title', 'Vous ne pouvez pas sélectionnez cette icone de sujet.');
                    e.setAttribute('disabled', 'disabled');
                    e.style.opacity = 0.5;
                    label.style.opacity = 0.5;
                }
            }
        });
    }
}

Event.observe(window, 'load', disableIcons, false);
</script>
<!----
    DESACTIVER CERTAINES ICONES DE SUJET POUR LES INVITES ET LES MEMBRES
    [FIN]
------------------------------------------------------------------------------->

<!------------------------------------------------------------------------------
    PREFIXES AUTOMATIQUES
    [DEBUT]
---->
<script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitPrefix.js"></script>
<script type="text/javascript">
  xooitPrefix.init({
    'userLevel': '{S_USER_LEVEL}',
    'prefixesRequired': 'n',
    'prefixes': ['PLACE DISPONIBLE', 'CHERCHE', 'VEND', 'OBJET', 'LIVRE', 'PRESENTATION', 'DEMANDE', 'SALAIRE', 'IMPOT', 'DOCUMENT', 'QUESTION', 'NEWS'],
    'forbiddenForums': [],
    'groupsAllowed': ['USER', 'MOD', 'ADMIN']
  });
</script>
<!----
    PREFIXES AUTOMATIQUES
    [FIN]
------------------------------------------------------------------------------->

<table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
      <td class="bottom_left" align="left"><img src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" width="5" height="2" border="0" hspace="0" vspace="0"></td>
      <td class="bottom_center" align="center" width="100%"><img src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" width="5" height="2" border="0" hspace="0" vspace="0"></td>
      <td class="bottom_right" align="right"><img src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" width="5" height="2" border="0" hspace="0" vspace="0"></td>
   </tr>
</table>

<a href="#top" class="postlink">
  <img src="http://img.xooimage.com/files110/6/6/f/remonte-gauche-4880d71.png" border="0" style="float:left">
</a>

<a href="#top" class="postlink">
  <img src="http://img.xooimage.com/files110/b/0/7/remonter-droite-4880d91.png" border="0" style="float:right">
</a>
<br>
<br>
 /*****  Debut blocs du bas *****/
<div align="center">
<img src="http://img.xooimage.com/files110/f/a/a/test-bouton-48a96fd.png">
</div>
<div align="center" >
<ul class="bubblewrap">
<li><a href="https://www.phpbb.com/"   target="_blank""><img src="http://img.xooimage.com/files110/7/1/e/phpbb-48a810d.png" title="accédez Phpbb.com"/></a></li>
<li><a href="http://www.phpbb-fr.com/" target="_blank""><img src="http://img.xooimage.com/files110/2/b/3/test1-48a80cb.png" alt="phpbb-fr.com" title="accédez Phpbb-fr.com"/></a></li>
<li><a href="http://www.amarid.fr"     target="_blank"><img src="http://img.xooimage.com/files110/b/c/d/amarid-48a8145.png" alt="amarid.fr" title="accédez Amarid.fr"/></a></li>
<li><a href="https://www.facebook.com/amarid.associationnationaleamarid?fref=ts" target="_blank"><img src="http://img.xooimage.com/files110/3/a/9/facebook-48a8dde.png" alt="facebook" title="accédez Facebook"/></a></li>
<li><a href="https://twitter.com/amarid2"  target="_blank"><img src="http://img.xooimage.com/files110/5/b/b/twiter-48a8de5.png" alt="twitter" title="accédez Twitter"/></a></li>
<li><a href="https://plus.google.com/u/0/" target="_blank"><img src="http://img.xooimage.com/files110/f/9/4/google--48a8df6.png" alt="Google +" title="accédez Google +"/></a></li></ul>
</div>
/***** fin code cadre bas ********/
</noscript>
</div>     
</div>

<div style="border:0px solid green;margin:5px;padding:5px;">
<center><a href="" onclick="bascule('1'); return false;"><center><img src="http://img.xooimage.com/files110/0/5/8/menu-xooit-4880b6d.png"></center></a>
<div id='1' style='display:none;'>
<center>
<ul class="bevelmenu">
<li><span class="copyright">{ADMIN_LINK}</span></li>
</ul>
</center>
</div>
</br>
</div>
<center>
<br><br>
<script>
var oH1 = document.querySelectorAll('#conteneur h1'),
    oUL = document.querySelectorAll('#conteneur ul'),
    i, nb  = oH1.length;
for( i=0; i<nb; i++){
  oH1[i].objUl = oUL[i];
  oH1[i].onclick = function(){
    var isVisible = this.objUl.offsetWidth;
    if( isVisible){
      this.objUl.style.display = 'none';
      this.innerHTML = this.innerHTML.replace('Cacher', 'Montrer');
    }
    else{
      this.objUl.style.display = 'block';
      this.innerHTML = this.innerHTML.replace('Montrer', 'Cacher');
    }
  };
}
</script>



Cette balise devrait y être, cela signifie que ton template est incomplet.

Remplace le template par :

Code: Sélectionner - Agrandir

<!------------------------------------------------------------------------------
    XOOIT POPUP
    [DEBUT]
---->
<script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitPopup.js"></script>
<script type="text/javascript">
  xooitPopup.init({
  userLevel: '{S_USER_LEVEL}',
  title: 'Bienvenue invité :',
  content: '<p><b>Bienvenue sur le forum AMARID!</b></p><p>Si c\'est votre première visite, n\'hésitez pas a vous <b>inscrire</b>, vous pouvez également vous <b>connecter</b> si vous avez un compte.</p><p>Utilisez les boutons situés ci-dessous pour faire votre choix.</p>',
  effect: 'bumpIn',
  style: 'light',
  registerBtn: 'Inscription',
  loginBtn: 'Connexion',
  mode: 'discret'
});
</script>
<!----
    XOOIT POPUP
    [FIN]
------------------------------------------------------------------------------->

<!------------------------------------------------------------------------------
    DESACTIVER CERTAINES ICONES DE SUJET POUR LES INVITES ET LES MEMBRES
    [DEBUT]
---->
<script type="text/javascript">
var permission = '{S_USER_LEVEL}',
    uniqueIcons = ['brico','AMARID','paje','sondage','amarid','remi','open','Tutoriel'];

function disableIcons() {

    if ((window.location.href.indexOf('?mode=newtopic') != -1 || window.location.href.indexOf('?mode=editpost') != -1) && (permission === 'ANONYMOUS' || permission === 'USER')) {

        $$('input[name="topicicon"]').each(function (e) {
            var label = e.next('label'),
                labelAlt = label.children[0].getAttribute('alt');

            for (var i = 0; i < uniqueIcons.length; i++) {
                if (labelAlt === uniqueIcons[i]) {
                    e.setAttribute('title', 'Vous ne pouvez pas sélectionnez cette icone de sujet.');
                    e.setAttribute('disabled', 'disabled');
                    e.style.opacity = 0.5;
                    label.style.opacity = 0.5;
                }
            }
        });
    }
}

Event.observe(window, 'load', disableIcons, false);
</script>
<!----
    DESACTIVER CERTAINES ICONES DE SUJET POUR LES INVITES ET LES MEMBRES
    [FIN]
------------------------------------------------------------------------------->

<!------------------------------------------------------------------------------
    PREFIXES AUTOMATIQUES
    [DEBUT]
---->
<script type="text/javascript" src="http://pokemon.power.free.fr/xooit/xooitPrefix.js"></script>
<script type="text/javascript">
  xooitPrefix.init({
    'userLevel': '{S_USER_LEVEL}',
    'prefixesRequired': 'n',
    'prefixes': ['PLACE DISPONIBLE', 'CHERCHE', 'VEND', 'OBJET', 'LIVRE', 'PRESENTATION', 'DEMANDE', 'SALAIRE', 'IMPOT', 'DOCUMENT', 'QUESTION', 'NEWS'],
    'forbiddenForums': [],
    'groupsAllowed': ['USER', 'MOD', 'ADMIN']
  });
</script>
<!----
    PREFIXES AUTOMATIQUES
    [FIN]
------------------------------------------------------------------------------->

<table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
      <td class="bottom_left" align="left"><img src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" width="5" height="2" border="0" hspace="0" vspace="0"></td>
      <td class="bottom_center" align="center" width="100%"><img src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" width="5" height="2" border="0" hspace="0" vspace="0"></td>
      <td class="bottom_right" align="right"><img src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" width="5" height="2" border="0" hspace="0" vspace="0"></td>
   </tr>
</table>

<a href="#top" class="postlink">
  <img src="http://img.xooimage.com/files110/6/6/f/remonte-gauche-4880d71.png" border="0" style="float:left">
</a>

<a href="#top" class="postlink">
  <img src="http://img.xooimage.com/files110/b/0/7/remonter-droite-4880d91.png" border="0" style="float:right">
</a>
<br>
<br>
 /*****  Debut blocs du bas *****/
<div align="center">
<img src="http://img.xooimage.com/files110/f/a/a/test-bouton-48a96fd.png">
</div>
<div align="center" >
<ul class="bubblewrap">
<li><a href="https://www.phpbb.com/"   target="_blank""><img src="http://img.xooimage.com/files110/7/1/e/phpbb-48a810d.png" title="accédez Phpbb.com"/></a></li>
<li><a href="http://www.phpbb-fr.com/" target="_blank""><img src="http://img.xooimage.com/files110/2/b/3/test1-48a80cb.png" alt="phpbb-fr.com" title="accédez Phpbb-fr.com"/></a></li>
<li><a href="http://www.amarid.fr"     target="_blank"><img src="http://img.xooimage.com/files110/b/c/d/amarid-48a8145.png" alt="amarid.fr" title="accédez Amarid.fr"/></a></li>
<li><a href="https://www.facebook.com/amarid.associationnationaleamarid?fref=ts" target="_blank"><img src="http://img.xooimage.com/files110/3/a/9/facebook-48a8dde.png" alt="facebook" title="accédez Facebook"/></a></li>
<li><a href="https://twitter.com/amarid2"  target="_blank"><img src="http://img.xooimage.com/files110/5/b/b/twiter-48a8de5.png" alt="twitter" title="accédez Twitter"/></a></li>
<li><a href="https://plus.google.com/u/0/" target="_blank"><img src="http://img.xooimage.com/files110/f/9/4/google--48a8df6.png" alt="Google +" title="accédez Google +"/></a></li></ul>
</div>
/***** fin code cadre bas ********/
</noscript>
</div>     
</div>

<div style="border:0px solid green;margin:5px;padding:5px;">
<center><a href="" onclick="bascule('1'); return false;"><center><img src="http://img.xooimage.com/files110/0/5/8/menu-xooit-4880b6d.png"></center></a>
<div id='1' style='display:none;'>
<center>
<ul class="bevelmenu">
<li><span class="copyright">{ADMIN_LINK}</span></li>
</ul>
</center>
</div>
</br>
</div>
<center>
<br><br>
<script>
var oH1 = document.querySelectorAll('#conteneur h1'),
    oUL = document.querySelectorAll('#conteneur ul'),
    i, nb  = oH1.length;
for( i=0; i<nb; i++){
  oH1[i].objUl = oUL[i];
  oH1[i].onclick = function(){
    var isVisible = this.objUl.offsetWidth;
    if( isVisible){
      this.objUl.style.display = 'none';
      this.innerHTML = this.innerHTML.replace('Cacher', 'Montrer');
    }
    else{
      this.objUl.style.display = 'block';
      this.innerHTML = this.innerHTML.replace('Montrer', 'Cacher');
    }
  };
}
</script>
<script src="https://dl.dropboxusercontent.com/s/imptid1e5k9nw7w/xooitMobileCheck.js"></script>
</body>
</html>

_______________________


Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 382
Niveau:
Point(s): 363
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: Mon 1 Dec 2014 - 21:09    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

Bonsoir,


Mis en place chez moi et testé avec un "user agent" via mon firefox !
Installation hyper rapide et très facile même pour les novices.

Impeccable, pas trouvé de bug en surfant sur mon forum, fluide et intuitif.

Mes membres ont été invités à donner leurs impressions et avis. Dès que j'ai des retours je t'en ferai part via MP.

Quelques captures de mon forum :




















EDIT :

Avec ma bannière installée en utilisant l'image de fond fournie par Kyosuke.





Le design actuel me va très bien car ce sont les couleurs dominantes de mon forum.

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.


Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 382
Niveau:
Point(s): 363
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: Mon 1 Dec 2014 - 21:38    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

Re,

MP envoyé pour une première remontée d'info d'un de mes membres.

Pour la modération, vous pouvez virer ce message, me suis planté (au lieu d'envoyer le MP, j'avais posté le souci de mon membre ). :p

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.


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: Mon 1 Dec 2014 - 23:36    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

bonsoir petit bug j'ai pas le menu en haut



je te met mon overall header je pense que cela vient de la

Code: Sélectionner - Agrandir


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<body>
<head>

<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="imagetoolbar" content="no">
<meta name="google-site-verification" content="Yz3umpFnQmwmTMyDwtJ3OdXY-2-5uWlOOaiE64dnNw0" />
<link rel="shortcut icon" href="http://www.atlantis.12droit.com/upload/1396110763_favicon.ico" />
<link  rel = "apple-touch-icon"  sizes = "57x57"  href = "/apple-touch-icon-57x57.png" >
<link  rel = "apple-touch-icon"  sizes = "114x114"  href = "/apple-touch-icon-114x114.png" >
<link  rel = "apple-touch-icon"  sizes = "72x72"  href = "/apple-touch-icon-72x72.png" >
<link  rel = "apple-touch-icon"  sizes = "144x144"  href = "/apple-touch-icon-144x144.png" >
<link  rel = "apple-touch-icon"  sizes = "60x60"  href = "/apple-touch-icon-60x60.png" >
<link  rel = "apple-touch-icon"  sizes = "120x120"  href = "/apple-touch-icon-120x120.png" >
<link  rel = "apple-touch-icon"  sizes = "76x76"  href = "/apple-touch-icon-76x76.png" >
<link  rel = "apple-touch-icon"  sizes = "152x152"  href = "/apple-touch-icon-152x152.png" >
<link  rel = "apple-touch-icon"  sizes = "180x180"  href = "/apple-touch-icon-180x180.png" >
<link  rel = "icon"  type = "image/png"  href = "/favicon-160x160.png"  sizes = "160x160" >
<link  rel = "icon"  type = "image/png"  href = "/favicon-96x96.png"  sizes = "96x96" >
<link  rel = "icon"  type = "image/png"  href = "/favicon-16x16.png"  sizes = "16x16" >
<link  rel = "icon"  type = "image/png"  href = "/favicon-32x32.png"  sizes = "32x32" >
<meta  name = "msapplication-TileColor"  content = "#2d89ef" >
<meta  name = "msapplication-TileImage"  content = "/mstile-144x144.png" >
{META}
{NAV_LINKS}
<title>{SITENAME} .::. {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img.xooimage.com/files110/b/5/8/mylnebuleuse-48c4a66.css" type="text/css" />
<style type="text/css">
<!--
TH         { background-image: url(http://img.xooimage.com/files110/7/4/a/capture-d-cran-20...23.19.03-48a625e.png) }
TD.cat      { background-image: url(http://img.xooimage.com/files110/7/4/a/capture-d-cran-20...23.19.03-48a625e.png) }
TD.rowpic   { background-image: url(http://img.xooimage.com/files/) }
TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(http://img.xooimage.com/files110/7/4/a/capture-d-cran-20...23.19.03-48a625e.png) }
-->
</style>

                  /****** menu responsive******/

<link href="http://img.xooimage.com/files110/4/b/a/style-responsive-rotor-48c84fa.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://img.xooimage.com/files110/e/1/6/script-489ebcb.js">
</script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

               /***** fin menu responsive *******/

              /***** debut menu slide *******/

<link type="text/css" rel="stylesheet" href="http://img.xooimage.com/files110/3/b/e/bjqs-48c1271.css" />
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro|Open+Sans:300' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://img.xooimage.com/files110/c/7/b/bjqs-1.3.min-48b3770.js"></script>
<script>
jQuery(document).ready(function($) {
    $('#banner-fade').bjqs({
        'height' : 320,
        'width' : 620,
        'responsive' : true
    });
});
</script>

                  /********* fin menu slide **********/

                  /********* cacher les menus ********/

<script language="javascript" type="text/javascript">
function bascule(elem)
   {
   etat=document.getElementById(elem).style.display;
   if(etat=="none"){
   document.getElementById(elem).style.display="block";
   }
   else{
   document.getElementById(elem).style.display="none";
   }
   }
</script>

               /****** fin cacher les menus *********/

</head>

<a name="top"></a>

<script type="text/javascript">
var PreloadFlag = false;
var expDays = 90;
var exp = new Date();
var tmp = '';
var tmp_counter = 0;
var tmp_open = 0;

exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function SetCookie(name, value)
{
   var argv = SetCookie.arguments;
   var argc = SetCookie.arguments.length;
   var expires = (argc > 2) ? argv[2] : null;
   var path = (argc > 3) ? argv[3] : null;
   var domain = (argc > 4) ? argv[4] : null;
   var secure = (argc > 5) ? argv[5] : false;
   document.cookie = name + "=" + escape(value) +
      ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
      ((path == null) ? "" : ("; path=" + path)) +
      ((domain == null) ? "" : ("; domain=" + domain)) +
      ((secure == true) ? "; secure" : "");
}

function getCookieVal(offset)
{
   var endstr = document.cookie.indexOf(";",offset);
   if (endstr == -1)
   {
      endstr = document.cookie.length;
   }
   return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie(name)
{
   var arg = name + "=";
   var alen = arg.length;
   var clen = document.cookie.length;
   var i = 0;
   while (i < clen)
   {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
      {
         return getCookieVal(j);
      }
      i = document.cookie.indexOf(" ", i) + 1;
      if (i == 0)
      {
         break;
      }
   }
   return null;
}

function ShowHide(id1, id2, id3)
{
   var res = expMenu(id1);
   if (id2 != '')
   {
      expMenu(id2);
   }
   if (id3 != '')
   {
      SetCookie(id3, res, exp);
   }
}

function expMenu(id)
{
   var itm = null;
   if (document.getElementById)
   {
      itm = document.getElementById(id);
   }
   else if (document.all)
   {
      itm = document.all[id];
   }
   else if (document.layers)
   {
      itm = document.layers[id];
   }
   if (!itm)
   {
      // do nothing
   }
   else if (itm.style)
   {
      if (itm.style.display == "none")
      {
         itm.style.display = "";
         return 1;
      }
      else
      {
         itm.style.display = "none";
         return 2;
      }
   }
   else
   {
      itm.visibility = "show";
      return 1;
   }
}
</script>

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
    Notification sonore & visuelle de la reception d'un nouveau message.
    DEBUT
*****/

var newMessages = "{PRIVATE_MESSAGE_INFO}";
function newMessageAudio() {
    var body      = document.body || document.getElementsByTagName('body')[0],
        opacity   = 0,
        html      = '<audio autoplay>'
                  + '    <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
                  + '    <p><b>Vous avez reçu un nouveau message.</b></p>'
                  + '</audio>'
                  + '<a href="/privmsg.php?folder=inbox" id="newMessageNotification">Vous avez reçu un nouveau message.</a>';
    body.insertAdjacentHTML('afterEnd', html);
    var fadeIn = window.setInterval(function () {
        if (opacity < 1) {
            opacity += 0.1;
            document.getElementById('newMessageNotification').style.opacity = opacity;
        } else {
            clearInterval(fadeIn);
        }
    }, 50);
}
if ( newMessages.indexOf("Vous avez") > -1 ) {
    Event.observe(window, 'load', newMessageAudio, false);
}

/*****
    Notification sonore & visuelle de la reception d'un nouveau message.
    FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
    position: fixed;
    bottom: 25px;
    left: 15px;
    padding: 15px 15px 15px 57px;
    background: url(http://img.xooimage.com/files110/1/0/a/nouveaux-sujets-4878d74.gif) no-repeat 15px center rgba(255, 255, 255, 0.95);
    border: 1px solid #A2A2A2;
    border-radius: 3px;
    box-shadow: 0 2px 3px #9C9C9C;
    font-family: arial;
    font-size: 12px;
    color: #225892;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->


<a name="top"></a>

<TABLE width="100%" id="header" >
<TR>
<TD width=20%><center><a href="index.php"><img src="http://img.xooimage.com/files59/b/d/7/logo-30ans-4-45398fc.png" border="0" alt="assistante maternelle Index du Forum" vspace="1" /></a></center></TD>
<TD width=60%><center><span class="maintitle"></span><span class="gen"><br><img src="http://img.xooimage.com/files110/6/a/c/test3-4843cff.png"></span></center></TD>
<TD width=20%><div style="margin: 15px 0px 0px; display: inline-block; text-align: center; width: 200px;"><noscript><div style="display: inline-block; padding: 2px 4px; margin: 0px 0px 5px; border: 1px solid rgb(204, 204, 204); text-align: center; background-color: transparent;"></div></noscript><script type="text/javascript" src="http://localtimes.info/clock.php?continent=Europe&country=France&city=Paris&cp1_Hex=000000&cp2_Hex=FFFFFF&cp3_Hex=000000&fwdt=200&ham=1&hbg=1&hfg=1&sid=0&mon=0&wek=0&wkf=0&sep=0&widget_number=103"></script></div></TD>
</TR>
</TABLE>


/*-----------------------DÉBUT DU MENU --------------------*/

<div id='cssmenu'  class='align-center'>
<ul>


<li><a href="{U_INDEX}"><span>Page principale</span></a></li>

    <!-- BEGIN switch_user_logged_out -->
            <li><a href="{U_REGISTER}"><span>S'inscrire</span></a></li>
            <li><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
    <!-- END switch_user_logged_out -->

    <!-- BEGIN switch_user_logged_in -->
            <li class='has-sub'><a href="" id="">Menu Membre</span></a>
                <ul>
                   <li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
                   <li> <a href="{U_PRIVATEMSGS}" >Votre messagerie du forum</a></li>
                   <li><a href="{U_PRIVATEMSGS}" >{PRIVATE_MESSAGE_INFO}</a></li>
                   <li class='has-sub'><a href="{U_INDEX}">Menu sur les sujets du forum</a>
                       <ul>
                         <li><a href="{U_SEARCH_NEW}">Sujets postés depuis votre dernière visite</a></li>
                         <li><a href="{U_SEARCH_SELF}">Voir mes sujets postés</a></li> 
                         <li><a href="{U_SEARCH_UNANSWERED} ">Voir les sujets sans réponses </a></li>
                         <li class='last'><a href="/markf">Marquer tous les sujets comme lus</a></li>
                      </ul>
                  </li>
            <li><a href="/viewonline.php">Qui est en ligne</a></li>
     
               <!-- IF S_USER_LEVEL == "ADMIN" || S_USER_LEVEL == "MOD"  -->
             <li><a href="{U_MEMBERLIST}">Liste des membres</a></li>
         <li class='last'><a href="{U_GROUP_CP}">Groupes du forum</a></li>
                     <!-- ENDIF -->
</ul>
</li>

            <!-- END switch_user_logged_in -->

      <li class='has-sub'><a href="{U_INDEX}">Espace Adhérentes</span></a>
            <ul>
              <li><a href="/f37-Questions-diverses.htm">Adhérentes posez vos questions</a></li>
              <li><a href="/t862-Renouvellement-adh-sion-AMARID.htm">Renouvellement d'adhésion</a></li>
              <li><a href="/t87-Votre-Nomenclature-de-classeur.htm">Nomenclature du classeur</a></li>
            <li class='has-sub'><a href="/f58-Contrat-de-travail.htm" class="fly">Documents administratifs</a>
            <ul>
                <li class='has-sub'><a href="/f94-Contrat-de-travail-2011.htm" >Contrat de travail</a>
            <ul>
                <li><a href="/t249-Nouveau-contrat-de-travail-2011.htm">Contrat de travail PDF</a></li>
                <li class='last'><a href="/f94-Contrat-de-travail-2011.htm">Posez vos questions sur ce sujet</a></li>
           </ul>
     </li>

     <li class='has-sub'><a href="/f53-Avenant-au-contrat-de-travail.htm">Avenant & annexe 1 au contrat de travail</a>
            <ul>
               <li><a href="/t400-Nouveaux-calculs-annees-completes-fichier-PDF.htm">Mensualisation fichier PDF</a></li>
               <li><a href="t399-Nouveaux-calculs-annees-completes-fichier-exzl-ou-open-office.htm">Mensualisation fichier Excel ou open office</a></li>
               <li><a href="/t92-Avenant-contrat-de-travail.htm">Avenant au contrat de travail PDF</a></li>
               <li class='last'><a href="f53-Avenant-au-contrat-de-travail.htm">Posez vos questions sur ce sujet</a></li>
            </ul>
    </li>
     
     <li class='has-sub'><a href="/f63-Fiche-de-presence.htm">Fiche de présence</a>
            <ul>
              <li><a href="/t90-fiche-de-presence.htm">Fiche de présence PDF</a></li>
              <li class='last'><a href="/f63-Fiche-de-presence.htm">Posez vos questions sur ce sujet</a></li>
            </ul>
        </li>

   <li class='has-sub'><a href="/t93-Fiche-de-reservation.htm">Engagement réciproque</a>
            <ul>
               <li><a href="/t93-Fiche-de-reservation.htm">Engagement réciproque PDF</a></li>
               <li class='last'><a href="/f56-Reservation.htm">Posez vos questions sur ce sujet</a></li>
           </ul>
   </li>

    <li class='has-sub'><a href="/f64-Fiche-absence-execptionelle.htm">Fiche de congé exceptionnel</a>
         <ul>
            <li><a href="/t89-fiche-de-conge-exceptionel.htm">Fiche de congé exceptionnel PDF</a></li>
            <li class='last'><a href="/f64-Fiche-absence-execptionelle.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
    </li>

    <li class='has-sub'><a href="/f52-marquee-Fiche-conges-payes-marquee.htm">Fiche de congés payés</a>
         <ul>
            <li><a href="/t94-Fiche-de-conges-payes.htm">Fiche congé payé PDF</a></li>
            <li class='last'><a href="/f52-marquee-Fiche-conges-payes-marquee.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
    </li>
 
    <li class='has-sub'><a href="/f72-Attestation-impot.htm">Attestation d'impôt</a>
         <ul>
            <li><a href="/t144-Attestation-impot.htm">Attestation d'impôt PDF</a></li>
            <li class='last'><a href="f72-Attestation-impot.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
    </li>

    <li class='has-sub'><a href="/f113-autorisations-parentales-2011.htm">Autorisations parentales</a>
         <ul>
            <li><a href="/t302-attestation-parentales-2011.htm">Autorisations parentales PDF</a></li>
            <li class='last'><a href="/f113-autorisations-parentales-2011.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
    </li>

   <li class='has-sub'><a href="/f114-solde-de-tout-compte.htm">Solde de tout compte</a>
        <ul>
            <li><a href="/t311-solde-de-tout-compte.htm">Solde de tout compte PDF</a></li>
            <li class='last'><a href="/f114-solde-de-tout-compte.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
   </li>

   <li class='has-sub'><a href="/f115-Certificat-de-travail.htm">Certificat de travail</a>
        <ul>
            <li><a href="/t325-Certificat-de-travail.htm#p1025">Certificat de travail PDF</a></li>
            <li class='last'><a href="/f115-Certificat-de-travail.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
   </li>

   <li class='has-sub'><a href="/f131-Fiche-de-Liaison.htm">Fiche de liaison</a>
        <ul>
            <li><a href="/t406-la-fiche-de-liaison.htm">Fiche de liaison PDF</a></li>
            <li class='last'><a href="/f131-Fiche-de-Liaison.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
   </li>

   <li class='has-sub'><a href="/f217-Indemnit-s-de-ruptures.htm">Indemnités de rupture</a>
        <ul>
            <li><a href="/t896-Calcul-prime-de-fin-de-contrat-Format-PDF.htm">Calcul fin de contrat PDF</a></li>
            <li><a href="/t895-Calcul-prime-de-fin-de-contrat-Format-Excel-Open-office.htm">Calcul fin de contrat  format excel & open office</a></li>
            <li class='last'><a href="f217-Indemnit-s-de-ruptures.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
   </li>

   <li class='has-sub'><a href="http:"/f206-Demande-de-dossier-Administratif.htm">Demande de dossier administratif</a>
        <ul>
            <li><a href="/t809-DOCUMENT-Demande-de-dossier-Administratif.htm">Demande de dossier administratif PDF</a></li>
            <li class='last'><a href="/f206-Demande-de-dossier-Administratif.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
    </li>

  </ul>
  </li>

  <li class='has-sub'><a href="/f35-Salaire.htm">Salaire</a>
        <ul>
            <li class='has-sub'><a href="/f60-Bullelin-de-salaire.htm">Bulletin de salaire 2014</a>
        <ul>
            <li><a href="t122-bulletin-de-salaire-01-janvier-2010-avec-calcul-sans-les-heures-travaillees.htm">Bulletin de salaire format Excel & open office</a></li>
            <li><a href="/t121-bulletin-de-salaire-01-janvier-2010-sans-calcul-sans-calcul-des-heures.htm">Bulletin de salaire format PDF</a></li>
            <li class='last'><a href="/f60-Bullelin-de-salaire.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
 </li>
     
 <li class='has-sub'><a href="/f54-Remuneration.htm">Systeme de rémunération</a>
        <ul>
             <li><a href="/t91-Systeme-de-remuneration.htm">Systeme de rémunération PDF</a></li>
             <li class='last'><a href="/f54-Remuneration.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
        </li>

 <li class='has-sub'><a href="f55-Indemnites-entretien.htm">Indemnités d'entretien</a>
        <ul>
           <li><a href="/t95-indemnites-entretien.htm">Indemnités d'entretien PDF</a></li>
           <li class='last'><a href="f55-Indemnites-entretien.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
        </li>

 <li class='has-sub'><a href="/f65-Tableau-annuel-recapitulatif-des-salaires-et-indemnites-d-entretien.htm">Tableau annuel récapitulatif</a>
        <ul>
           <li><a href="/t96-Tableau-annuel-recapitulatif-des-salaires-et-indemnites-d-entretien.htm">Tableau format Excel & open office</a></li>
           <li class='last'><a href="/f65-Tableau-annuel-recapitulatif-des-salaires-et-indemnites-d-entretien.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
        </li>
      </ul>
      </li>

<li class='has-sub'><a href="/f161-Impots.htm">Impôt</a>
        <ul>
            <li class='has-sub'><a href="/f161-Impots.htm">Tableau calcul montant annuel a déclarer</a>
        <ul>
            <li><a href="/t607-Tableau-Aide-au-calcul-du-montant-a-declarer.htm">Tableau au format Excel & open office</a></li>
            <li class='last'><a href="/f161-Impots.htm">Posez vos questions sur ce sujet</a></li>
         </ul>
         </li>
<li class='has-sub'><a href="/f161-Impots.htm" >Attestation évaluation montant des repas</a>
        <ul>
          <li><a href="/t606-Attestation-Evaluation-montant-des-Repas.htm">Attestation évaluation montant des repas PDF</a></li>
          <li class='last'><a href="/f161-Impots.htm">Posez vos questions sur ce sujet</a></li>
        </ul>
        </li>
</ul>
</li>

<li class='has-sub'><a href="/f192-Compte-rendu-des-r-unions.htm">Comptes-rendu des réunions de formation</a>
        <ul>
            <li class='has-sub'><a href="/t742-Mort-Subite-du-nourrisson.htm">Mort subite du nourrisson</a>
        <ul>
           <li><a href="/t742-Mort-Subite-du-nourrisson.htm">Mort subite du nourrisson PDF et lecture directe</a></li>
           <li class='last'><a href="/f192-Compte-rendu-des-r-unions.htm">Posez vos questions sur ce sujet</a></li>
         </ul>
         </li>
 <li class='has-sub'><a href="/t741-Compte-rendu.htm">Morsure & agréssivité enfant de 0 a 3 Ans</a>
        <ul>
            <li><a href="/t741-Compte-rendu.htm">Enfant de 0 a 3 Ans PDF et lecture directe</a></li>
            <li class='last'><a href="/f192-Compte-rendu-des-r-unions.htm">Posez vos questions sur ce sujet</a></li>
       </ul>
       </li>
  </ul>
  </li>
 </ul>
 </li>
 
 <li class='has-sub'><a href="{U_INDEX}">Catégories</span></a>
    <ul>

      <li class='has-sub'><a href="/f2-assitantematernelleamarid-fr.htm">Accueil</a>
         <ul>
          <li><a href="/f27-Qui-sommes-nous.htm">AMARID</a></li>
          <li><a href="/t804-Guide-utilisateur.htm">Guide utilisateur de ce forum</a></li>
           <li><a href="https://mapsengine.google.com/map/edit?mid=zO-uUHlzuHeA.keqQe1fGPUno"  TARGET="_blank">Ou nous trouver (carte de france)</a></li>
          <li><a href="/f17-Place-s-Disponible-s.htm">Assistante maternelle vos places disponibles</a></li>
          <li><a href="/f18-Recherche-assistante-s-Maternelle-s.htm">Parents recherchez une assistante maternelle</a></li>
          <li class='last'><a href="/f183-Produits-d-fectueux-et-trouvailles.htm">Produits défectueux & nos, vos trouvailles</a></li>
         </ul>
         </li>
      <li><a href="/t716-Bulletin-adh-sion-AMARID.htm">Bulletin d'adhésion AMARID</a></li>
      <li class='has-sub'><a href="/f3-Assistante-Maternelle.htm">Posez vos questions</a>
          <ul>
          <li><a href="f37-Questions-diverses.htm">Adhérentes posez vos questions</a></li>
          <li><a href="f45-Questions.htm">Assmats non adhérentes posez vos questions</a></li>
          <li><a href="f31-Vos-questions.htm">Parents posez vos questions</a></li>
          <li class='last'><a href="f204-Vos-suggestions-Vos-demandes.htm">Vos suggestions vos demandes</a></li>
         </ul>
        </li>
      <li><a href="/f95-AGENDA-AMARID.htm">Agenda AMARID</a></li>
      <li><a href="f209-Espace-Responsables-de-secteurs-et-d-Antennes.htm">Espace bureau-résponsables d'antennes-de secteurs</a></li>
      <li><a href="/f23-Legislation.htm">Documents & législation & MAM</a></li>
       <li class='has-sub'><a href="/f5-Annonce-s.htm">Détente (cuisine, travaux manuels, etc...)</a>
          <ul>
          <li><a href="/f51-Coin-cuisine.htm">Coin cuisine, vos recettes pour nos petits</a></li>
          <li><a href="/f73-Activites-Manuelles.htm">Activités manuelles, vos activités pour nos petits</a></li>
          <li class='last'><a href="/f34-Detente.htm">Jeux, detendez vous près une dure journée</a></li>
          </ul>
          </li>
   </ul>
   </li>

<li class='has-sub'><a href="{U_INDEX}"><span>Contacts</span></a>
 <ul>

  <li><a href="http://amarid.fr/index.php/amarid-contact/12-contacts/5-association-amarid" TARGET="_blank">Contact AMARID</span></a>
  <li><a href="http://amarid.fr/index.php/amarid-contact/12-contacts/3-amarid-secretariat" TARGET="_blank" >Contact Secrétariat AMARID</span></a>
  <li><a href="http://amarid.fr/index.php/amarid-contact/12-contacts/4-responsable-antennes" TARGET="_blank">Contact Régions extérieures Gironde</span></a>
  <li class='last'><a href="http://amarid.fr/index.php/amarid-contact/12-contacts/1-administrateur" TARGET="_blank">Contact Administrateur Site & Forum</span></a>
</li>
</ul>

<li><a href="http://amarid.fr/"target="_blank" ><span>Site internet</span></a></li>

<li class='has-sub'><a href="{U_INDEX}"><span>Partenaires</span></a>
 <ul>

  <li><a href=""><font color=#4EA9A0><i><center>LES INCONTOURNABLES<br></i></center></font></span>
  <li><a href="http://www.pole-emploi.fr/accueil/" TARGET="_blank">ASSEDIC</span></a>
  <li><a href="http://www.pajemploi.urssaf.fr/portail/accueil.html" TARGET="_blank">CAF Pajemploi</span></a>
  <li><a href="http://www.conseil-general.com/" TARGET="_blank">Conseils Généraux de France</span></a>
  <li><a href="http://www.securite-sociale.fr/" TARGET="_blank">Sécurité sociale</span></a>
  <li><a href="http://www.ircem.com/" TARGET="_blank">IRCEM</span></a>
  <li><a href="http://www.impots.gouv.fr/portal/static/" TARGET="_blank">Centre des impôts</span></a>
  <li><a href="http://www.urssaf.fr/" TARGET="_blank">URSSAF</span></a>
  <li><a href=""><font color=#4EA9A0><i><center>LES PARTENAIRES<br></i></center></font></span>
  <li><a href="http://www.aide-brico.com/index.php" TARGET="_blank">AB Forum d'entraide bricolage</span></a>
  <li><a href="http://penconcept.xooit.fr/index.php" TARGET="_blank">Pen Concept graphisme, thème etc...</span></a>
   <li><a href="http://www.babiage.com/fr/" TARGET="_blank" >Babiage Doodoo notre ami depuis 30 ans</span></a>
  <li><a href="http://formulette.fr/" TARGET="_blank">Rémi Guichard chanteur pour enfants</span></a>
  <li class='last'><a href="https://www.allianz.fr/assurances-particuliers/assurances-particuliers.html" TARGET="_blank">Allianz Notre assureur</span></a>
</li>
</ul>

<li class='has-sub'><a href="{U_INDEX}">Outils</span></a>
   <ul>
  <li><a href="http://www.amarid.net/search.php" >Recherche sur le forum</span></a>
  <li><a href="http://www.amarid.net/profile.php?mode=editprofile" >Votre Profil</span></a>
  <li><a href="http://www.amarid.net/faq.php" >FAQ</span></a>
  <li><a href="http://www.amarid.net/t947-calcukatrice.htm" >Calculatrice</span></a>
  <li><a href="https://translate.google.com/" TARGET="_blank">Google traducteur</span></a>
  <li class='last'><a href="http://www.openoffice.org/fr/Telecharger/"TARGET="_blank" >Open office</span></a>
</li>
</ul>

</ul>
</td>
</tr>
</table>   
</div>
</div>
/*-------------------Fin du menu---------------------------*/
<br>
<br>
/******** image menu slide ********/
<div align="center">
   <div id="banner-fade">
     <ul class="bjqs">
     <li><img src="http://img.xooimage.com/files110/7/e/7/test2-48b3944.png" title="PenConcept"></li>
     <li><img src="http://img.xooimage.com/files110/a/6/f/doc-legaux-2-48b3a6f.png" title="copyright AMARID"></li>
     <li><img src="http://img.xooimage.com/files110/e/2/6/animations-48b3ab3.png" title="copyright AMARID"></li>
     <li><img src="http://img.xooimage.com/files110/8/b/c/autre-regard-48b3b00.png" title="copyright AMARID"></li>
     <li><img src="http://img.xooimage.com/files110/5/4/a/benevoles-48b3b5b.png" title="copyright AMARID"></li>
     <li><img src="http://img.xooimage.com/files110/3/7/2/route-48b3d87.png" title="copyright AMARID"></li></ul>
   </div>
</div>

/****** fin image slide **********/
      
<div style="text-align:center;">
<citer>Vous avez aimé ce Forum ? Partagez-le avec vos amis en cliquant sur les boutons ci-dessous </citer>
<br>
<br>

 <a target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=http://www.amarid.net&t=Venez nous rejoindre sur ce forum http://www.amarid.net" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img src="http://img.xooimage.com/files104/1/3/f/test-facebook-copie-449d758.png" alt="Facebook" /></a>


<a target="_blank" title="Twitter" href="https://twitter.com/share?url=http://www.amarid.net/; &text=Venez nous rejoindre sur ce forum http://www.amarid.net &via=AMARID" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><img src="http://img.xooimage.com/files106/c/d/d/teste-twitter-copie-449d74b.png" alt="Twitter" /></a>

       

        <a target="_blank" title="Google +" href="https://plus.google.com/share?url=http://www.amarid.net/&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><img src="http://img.xooimage.com/files105/f/4/7/teste-google-copie-449d759.png" alt="Google Plus" /></a>

       
           </div>


<br>

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



Last edited by kieffer on Tue 2 Dec 2014 - 00:28; edited 1 time in total
Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 382
Niveau:
Point(s): 363
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: Mon 1 Dec 2014 - 23:58    Post subject: [BETA] Installer un thème mobile sur votre forum Reply with quote

Re,

Kyosuke a dû travailler les polices, c'est plus net, plus lumineux et magnifiquement agencé ! Bravo !

Avec le user agent du Samsung Galaxy S (entre autres, j'en ai essayé un paquet lol) :




Le thème est tellement bien fait, que du coup je reste avec ce user agent sur mon Firefox ! Very Happy

Amicalement et bonne fin de soirée
_______________________
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.
Following members like this message:
Kyosuke (02/12/14)


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 15:32    Post subject: [BETA] Installer un thème mobile sur votre forum

Display posts from previous:   
This topic is locked: you cannot edit posts or make replies. Page 1 of 11 Goto page: 1, 2, 39, 10, 11  >




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