It is currently Tue 27 Sep 2016 - 12:24 - créer un forum

THEME XOOIT responsive: pub de l'index et captcha non respon

Skip to content

Post new topic Reply to topic

THEME XOOIT responsive: pub de l'index et captcha non respon
Author Message
Guig Esprit du Sage
Membre


Offline
Membre

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

PostPosted: Tue 22 Mar 2016 - 04:12    Post subject: THEME XOOIT responsive: pub de l'index et captcha non respon Reply with quote

PublicitéSupprimer les publicités ?
EDIT: je parles ici du thème responsive xooit qui est dans le thème de test du forum xooit, section dans laquelle ce sujet était au départ.

Ayant constaté que les pubs et le captcha d'inscription dans le theme responsive xooit ne sont pas responsive du tout et ayant eu le même problème hier, j'ai entamé le sujet suivant:
---------------------------------------------------------------------------------------------------------------------------
Je développe un thème responsive pour le forum ma team (enfin j'essaye).
Comme vous, pour l'instant, j'ai butté sur deux choses:
  1. Les pubs horizontales de la page d'index du forum.
  2. Le captcha de l'inscription.


Pour les pubs, pour l'instant, j'y suis allé gros bourrin:
 
Code: Sélectionner - Agrandir

iframe {     max-width: 100%;
}

Forcément, comme la pub a des taille en px, quand l'écran est trop petit, la pub est coupée, mais au mois elle ne casse pas la mise en page.
Par contre sur votre thème de test, la pub elle disparait carrément. J'ai pas compris comment vous avez fait, mais vous êtes sûr que vos patrons sont d'accords? si je fait pareil, mon forum ne risque t'il pas d'avoir des problèmes?


Pour le captcha, le problème étant que c'est un tableau, ce qui fait qu'il n'est pas responsive.
Voici ma solution, pour l'instant, l'idée est très simple: je le met dans un conteneur avec un "display:inline-block" pour les cellules filles, de ce fait l'arrangement du tableau peut se casser et les cellules d'une ligne se ranger de haut en bas quand ça ne rentre plus en largeur.
Cela fonctionne très bien pour le captcha, reste que celui-ci s'affiche via le template "message_body.tpl" dont le nom laisse présager qu'il est utilisé pour afficher d'autres choses et que éventuellement ces choses pourraient ne pas bien s'afficher.
Le css:
Code: Sélectionner - Agrandir

 .tplMsgMsgContainer {
    display: inline-block;
}
.tplMsgMsgContainer td {
    display: inline-block;
    text-align: center; /* pour l'esthétique*/
}

Le html de message_body.tpl:
Code: Sélectionner - Agrandir

<div class="forumline">
    <div class="forumlinetitle">
        {MESSAGE_TITLE}
        </br>
    </div>
    <div class="row1" align="center">
        <div class="gen tplMsgMsgContainer">{MESSAGE_TEXT}</div>
    </div>
</div>

<br clear="all" />


Pour info, le code d'origine de message_body:
Code: Sélectionner - Agrandir

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
    <tr>
        <td align="left" class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></td>
    </tr>
</table>

<table class="forumline" width="100%" cellspacing="1" cellpadding="4" border="0">
    <tr>
        <th class="thHead" height="25"><b>{MESSAGE_TITLE}</b></th>
    </tr>
    <tr> 
        <td class="row1"><table width="100%" cellspacing="0" cellpadding="1" border="0">
            <tr> 
                <td>&nbsp;</td>
            </tr>
            <tr> 
                <td align="center"><span class="gen">{MESSAGE_TEXT}</span></td>
            </tr>
            <tr> 
                <td>&nbsp;</td>
            </tr>
        </table></td>
    </tr>
</table>

<br clear="all" />

et le moteur de template du forum, pour afficher le captcha, remplace {MESSAGE_TEXT} par:
Code: Sélectionner - Agrandir

<table style="width: 100%; text-align: left; font-size: 11px;">
   <tbody><tr>
      <td style="text-align: left; padding-right: 20px; vertical-align: top;">Pour pouvoir vous inscrire, merci de commencer par remplir le formulaire ci-contre, en recopiant le texte que vous pourrez lire sur l'image.<br>
      </td>
      <td style="vertical-align: top;">
         <center>
            <form action="profile.php?mode=register&amp;agreed=true" method="post" autocomplete="off">

               <img src="/profile.php?mode=register&amp;imgcaptcha=true"><br><br>
               <input name="c816b09e23" style="color: black; background-color: white;" type="text"><br><br>
               <input style="color: black;" type="submit" value="Valider">
            </form>
         </center>
      </td>
   </tr></tbody>
</table>
Les deux ensemble, ça en fait une belle arborescence quand même, pour afficher 3 éléments dans un cadre.



Notre forum actuel, pas responsive du tout: http://burningphoenixteam.vraiforum.com/index.php
La version de travail actuelle (très WIP): http://guigburningtest.clicforum.com/index.php (attention de cliquer sur le bon bouton pour aller sur le forum xooit, pas sur le site ovh).
Deux anciennes versions de travail, plus ou moins abandonnées (officiellement): http://burningphoenixteam.vraiforum.com/index.php?theme=test http://guigburningtest.clicforum.com/index.php?theme=test


Last edited by Guig Esprit du Sage on Tue 22 Mar 2016 - 23:42; edited 3 times in total
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: Tue 22 Mar 2016 - 13:42    Post subject: THEME XOOIT responsive: pub de l'index et captcha non respon Reply with quote

Salut,

Guig Esprit du Sage wrote:
J'ai pas compris comment vous avez fait, mais vous êtes sûr que vos patrons sont d'accords? si je fait pareil, mon forum ne risque t'il pas d'avoir des problèmes?


C'est Rano qui a intégré le theme responsive du forum d'entraide Xooit. C'est l'un des deux administrateurs du service, autant dire qu'il peut faire ce qu'il veut.

Après, de mon point de vue, tant qu'elles sont retirées sur le thème de test ça ne doit logiquement pas poser de problème, car comme son nom l'indique, c'est un thème dédié aux tests et seules les personnes qui connaissent l'existence de la variable de test peuvent y accéder.

Par contre si tu touches aux pubs du thème principal, qui est celui affiché par défaut pour tout le monde y compris les visiteurs, là ton forum risque d'être suspendu, car ça reste une enfreinte aux CGU (lire l'article 17.2).

Pour en avoir le coeur net, contacte-les. Wink

En ce qui concerne le captcha, je vois pas où est la question. Mr. Green
_______________________


Forum
Author Message
Guig Esprit du Sage
Membre


Offline
Membre

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

PostPosted: Tue 22 Mar 2016 - 23:27    Post subject: THEME XOOIT responsive: pub de l'index et captcha non respon Reply with quote

Pourquoi ma remarque a été déplacé de la section du thème responsive xooit?
C'est bien de celui-ci dont je parles ici, en faisant le parallèle avec ce que j'ai fait de mon côté.
Peut-être me suis-je mal exprimé?
Je vais devoir l'éditer du coup, hors contexte, c'est moins clair.

@Kyosuke
Je ne pose pas de question à propos du captcha, je constate que lors de l'inscription, le tableau du thème responsive contenant la sécurité captcha n'est pas responsive du tout. J'ai regardé avec le débugger de firefox, je vois que l'auteur a essayé de faire quelque-chose avec un "wraper" mais que cela ne fonctionne pas.
Et ayant été confronté au même problème hier, j'y indique ma solution (même si elle est peut-être temporaire).


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 12:24    Post subject: THEME XOOIT responsive: pub de l'index et captcha non respon

Display posts from previous:   
Reply to topic Page 1 of 1




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