Impossible de modifier la taille des pseudos dans le QEEL

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Impossible de modifier la taille des pseudos dans le QEEL

Message par Heine06 le Lun 21 Mar 2016 - 23:35

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonsoir,

Développant actuellement un forum, nous rencontrons des problèmes au niveau de notre QEEL. Toutefois, comme stipulé dans votre règlement nous allons les exposer dans deux sujets différents.

Voici le template (index_body) qui pose problème :
Code:
<!-- BEGIN disable_viewonline -->
<script type="text/javascript">
  //<!--
    function change_qeelonglet(name)
    {
      document.getElementById('qeelonglet_'+anc_qeelonglet).className = 'qeelonglet_0 qeelonglet';
      document.getElementById('qeelonglet_'+name).className = 'qeelonglet_1 qeelonglet';
      document.getElementById('contenu_qeelonglet_'+anc_qeelonglet).style.display = 'none';
      document.getElementById('contenu_qeelonglet_'+name).style.display = 'block';
      anc_qeelonglet = name;
    }
  //-->
</script>
<div id="qeel">
  <div class="qeelonglet_1 qeelonglet" id="qeelonglet_Stats" onclick="javascript:change_qeelonglet('Stats');">
  </div>
  <div class="qeelonglet_0 qeelonglet" id="qeelonglet_Ligne" onclick="javascript:change_qeelonglet('Ligne');">
  </div>
  <div class="qeelonglet_0 qeelonglet" id="qeelonglet_Anniv" onclick="javascript:change_qeelonglet('Anniv');">
  </div>
  <div class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe1" onmouseover="javascript:change_qeelonglet('Groupe1');">
    <a href="http://chained-up.superforum.fr/g3-chained-up">Chained Up</a>
  </div>
  <div class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe2" onmouseover="javascript:change_qeelonglet('Groupe2');">
    <a href="http://chained-up.superforum.fr/g4-hot-enough"><span class='Groupe2'>Hot Enough</span></a>
  </div>
  <div class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe3" onmouseover="javascript:change_qeelonglet('Groupe3');">
    <a href="http://chained-up.superforum.fr/g5-young-wild"><span class="Groupe3">Young & Wild</span></a>
  </div>
  <div class="qeelonglet_0 qeelonglet" id="qeelonglet_Groupe4" onmouseover="javascript:change_qeelonglet('Groupe4');">
    <a href="http://chained-up.superforum.fr/g6-fantastic-baby"><span class="one">Fantastic.B</span></a>
  </div>
  <div class="contenu_qeelonglet" id="contenu_qeelonglet_Stats">
    <div class="qeel_inside">
      Welcome to you !
      Les villes débordantes de vie de Chained Up te tendent les bras.&nbsp;
      Ici, <span id="totalpost">{TOTAL_POSTS}</span> <span id="totaluser">{TOTAL_USERS}</span>. <span id="newuser">{NEWEST_USER}</span>.
    </div>
  </div>
  <div class="contenu_qeelonglet" id="contenu_qeelonglet_Ligne">
    <div class="qeel_inside">
      <div id="loggedlist">{LOGGED_IN_USER_LIST}</div>
      <table id="totalconn">{L_CONNECTED_MEMBERS}</table>
    </div>
  </div>
  <div class="contenu_qeelonglet" id="contenu_qeelonglet_Anniv">
    <div class="qeel_inside">
      <table id="birthtoday">{L_WHOSBIRTHDAY_TODAY}</table>
    </div>
  </div>
  <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe1">
    <div class="qeel_inside">
      Alors toi, tu aimerais bien te faire la malle, partir à l'aventure, découvrir le monde. Ce serait tellement bien si tu pouvais te casser à chaque fois que tu le souhaites, d'un claquement de doigt, tout quitter pour découvrir des destinations plus extraordinaires les unes que les autres, rencontrer de nouvelles personnes. Seulement voilà, pas de bol pour toi, tu ne peux pas car tu as des obligations. Tu as un travail (ou des études), une famille, des amis, peut-être même quelqu'un dans ta vie, pas questions de fuir tes responsabilités. En somme, tout ce qu'il te reste est de rêver en regardant les photos de vacances des autres en maudissant intérieurement ce destin qui n'a pas fait de toi une personne au passeport bien rempli. 
    </div>
  </div>
  <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe2">
    <div class="qeel_inside">
      Pour toi, il n'y a pas meilleur endroit que le pays dans lequel tu es né. Tu le répètes assez souvent, tu y es très attaché ainsi qu'à ta ville natale. Si on te demandait, tu ne changerais pour rien au monde. D'ailleurs, tu préfères nettement partir en vacances pour découvrir une région dans laquelle tu n'es jamais encore allé, plutôt que de devoir payer un prix exorbitant pour une destination exotique. Tu préfères croiser les touristes qui viennent visiter ta ville et échanger avec eux, leur montrer à quel point il fait bon vivre ici et les écouter raconter les histoires de chez eux. Il n'y a pas  dire, tu aimes croquer la vie.
    </div>
  </div>
  <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe3">
    <div class="qeel_inside">
      Les limites ? Tu ne connais pas. Que ce soit à proximité de là où tu vis ou à l'autre bout du monde, rien ne t'arrête lorsque tu t'es mis une idée en tête. Tu es capable d'économiser durant des mois, de partir en stop s'il le faut ou prendre un vol low-cost tant qu'il t'amène où tu as décidé, c'est parfait. À moins que tu ne fasses partie de ces petits chanceux qui peuvent se targuer d'avoir un compte en banque bien garni qui leur permet de voyager aux quatre coins du monde, et ce sans se soucier de la dépense. Tu adores rencontrer les autres, te faire ta propre idée de leur culture indépendamment de ce que les journaux peuvent bien écrire. Il t'arrive toujours tout un tas d'aventure et tu adores les raconter à tes potes ou ta famille dès ton retour. Le monde est à toi, tu comptes bien le conquérir.
    </div>
  </div>
  <div class="contenu_qeelonglet" id="contenu_qeelonglet_Groupe4">
    <div class="qeel_inside">
      Pour toi, toutes les occasions sont bonnes pour faire la fiesta, encore plus quand tu pars en vacances. Tu ne voyages jamais seul, tes potes sont toujours avec toi. À force, tu connais beaucoup de personnes à travers le monde et tu prends plaisir à retourner les voir. Tu aimes t'amuser, draguer, les relations ne sont pas vraiment pour toi. Tu penses que la vie est trop courte pour ne pas vouloir en profiter, qu'il faut se donner les moyens de ne pas avoir de regret. Tu n'aimes pas penser aux conséquences. Tel le soleil, tu illumines de ta bonne humeur le monde.
    </div>
  </div>
  <script type="text/javascript">
    document.getElementById('totalpost').innerHTML=document.getElementById('totalpost').innerHTML.replace(/Nos membres ont posté un total de /,"");
    document.getElementById('totalpost').innerHTML=document.getElementById('totalpost').innerHTML.replace(/messages/,"aventures ont été vécues  ");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Nous avons/," par nos");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/membres enregistrés/,"habitants");
    document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," La dernière  âme à avoir rejoint les rues est");
    document.getElementById('loggedlist').innerHTML=document.getElementById('loggedlist').innerHTML.replace(/Utilisateurs enregistrés/,"C'est l'heure d'une petite balade en ville pour");
    document.getElementById('birthtoday').innerHTML=document.getElementById('birthtoday').innerHTML.replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Snif, pas d'anniversaire aujourd'hui, rangez les gâteaux et les bougies ;_;");
    document.getElementById('birthtoday').innerHTML=document.getElementById('birthtoday').innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Aujourd'hui, pas de nonanniversaire! Joyeux Anniversaire, joyeux anniversaire, joyeux anniversaire p'tit poulet, joyeux aniversaire ! ♪ =D Passes une bonne journée");
  </script>
  <script type="text/javascript">
    //<!--
      var anc_qeelonglet = 'Stats';
      change_qeelonglet(anc_qeelonglet);
    //-->
  </script>
</div>
<!-- END disable_viewonline -->

Malgré la consultation de divers tutoriels (dont un sur FA), nous ne sommes pas arrivés à simplement modifier la taille de la police de : {NEWEST_USER} ; {L_WHO_IS_ONLINE} ; {L_CONNECTED_MEMBERS} et {L_WHOSBIRTHDAY_TODAY}.

Merci de votre attention et bonne soirée ou journée Smile


Dernière édition par Heine06 le Mar 22 Mar 2016 - 19:24, édité 1 fois

Heine06
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 29/07/2011

http://myronae.forumgratuit.org
Heine06 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible de modifier la taille des pseudos dans le QEEL

Message par Neptunia le Mar 22 Mar 2016 - 15:49

Bonjour ^^


Pour cette seconde partie du problème, il nous faudrait un peu plus de détails.
- Le CSS relatif au QEEL
- Le problème de configuration des pseudos concerne t'il tous les pseudos ou seulement pour les anniversaires ou les utilisateurs en ligne ou la liste sur les dernières xx heures ?

Certaines variables du QEEL génèrent tout un code <tr><td> par exemple et du coup les sélecteurs retenus dans le CSS ne sont peut-être pas les bons.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible de modifier la taille des pseudos dans le QEEL

Message par Heine06 le Mar 22 Mar 2016 - 18:32

Re-Bonjour et à nouveau merci de nous aider !

Tout d'abord voici le CSS relatif au QEEL :
Code:
/*Bloc du qeel*/
#qeel {
  position: relative;
  margin: auto;
  width: 800px;
  height: 405px;
  background-image: url(http://i.imgur.com/FgBQlZH.png);
}


/*Positionnement de Stats*/
#qeelonglet_Stats {
  position: absolute;
  top: 65px;
  left: 100px;
  width: 100px;
  height: 50px;
  transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
}
/*Positionnement de Ligne*/
#qeelonglet_Ligne {
  position: absolute;
  top: 100px;
  left: 182px;
  width: 115px;
  height: 50px;
  transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
}
/*Positionnement de Anniv*/
#qeelonglet_Anniv {
  position: absolute;
  top: 140px;
  left: 90px;
  width: 115px;
  height: 50px;
  transform: rotate(-13deg);
  -webkit-transform: rotate(-13deg);
}
/*Positionnement de Groupe1*/
#qeelonglet_Groupe1 {
  position: absolute;
  top: 215px;
  left: 100px;
  width: 90px;
  height: 30px;
  transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
}
/*Positionnement de Groupe2*/
#qeelonglet_Groupe2 {
  position: absolute;
  top: 216px;
  left: 193px;
  width: 90px;
  height: 30px;
  transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
}
/*Positionnement de Groupe3*/
#qeelonglet_Groupe3 {
  position: absolute;
  top: 250px;
  left: 95px;
  width: 95px;
  height: 30px;
  transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
}
/*Positionnement de Groupe4*/
#qeelonglet_Groupe4 {
  position: absolute;
  top: 251px;
  left: 193px;
  width: 97px;
  height: 30px;
  transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
}

/*Écriture des groupes*/
#qeelonglet_Groupe1 {
  font-size: 13px;
  font-fmamily: arial;
  font-variant: small-caps;
  text-align: center;
  line-height: 30px;
  vertical-align: center;
}

    #qeelonglet_Groupe1 a {
    color: red;
    }

#qeelonglet_Groupe3 {
  font-size: 13px;
  font-fmamily: arial;
  font-variant: small-caps;
  text-align: center;
  line-height: 30px;
  vertical-align: center;
}

#qeelonglet_Groupe3 a {
    color: black;
    }

#qeelonglet_Groupe4 {
  font-size: 13px;
  font-fmamily: arial;
  font-variant: small-caps;
  text-align: center;
  line-height: 30px;
  vertical-align: center;
}

#qeelonglet_Groupe4 a {
    color: grey;
    }


#qeelonglet_Groupe2 {
  font-size: 13px;
  font-fmamily: arial;
  font-variant: small-caps;
  text-align: center;
  line-height: 30px;
  vertical-align: center;
}

#qeelonglet_Groupe2 a {
    color: white;
    }
 
/*Onglets inactifs survolés*/
.qeelonglet_0:hover {
  cursor: pointer;
}
/*Onglets actifs*/
.qeelonglet_1 {
  cursor: default;
}


/*Contenu des onglets*/
.contenu_qeelonglet {
  position: absolute;
  top: 90px;
  right: 100px;
  width: 190px;
  height: 160px;
  transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  display: none;
  color: white;
  font-size: 12px;
  font-fmamily: arial;
  font-variant: small-caps;
}
/*Met un espace et un overflow automatique dans les contenus*/
.qeel_inside {
  margin-right: -5px;
  padding-right: 5px;
  overflow: auto;
  height: 160px;
}

/*Connectés des dernières heures et Membres connectés*/
#totalconn, #loggedlist {
  height: 80px;
  overflow: auto;
  margin-right: -5px;
  padding-right: 5px;
}
/*Membres connectés*/
#loggedlist {
  margin-bottom: 5px;
  height: 75px;
}

/*Enlève le fond des anniversaires et des connectés des dernières heures*/
#totalconn .row1, #birthtoday .row1 {
  padding: 0px;
  background-color: transparent;
  display: inline-block;
}
/*Écriture des anniversaires et des connectés des dernières heures*/
#totalconn .gensmall, #birthtoday .gensmall {
  color: white;
  font-size: 12px;
  font-fmamily: arial;
  font-variant: small-caps;
}

Nous venons également de rendre visible le forum afin de vous faciliter la tâche ( http://chained-up.superforum.fr ). Pour éviter toute méprise, maintenant que vous avez accès au QEEL, nous allons relister les pseudos posant problème ( bien que normalement oui cela concerne tous les pseudos ) : La dernière âme à avoir rejoint les rues est PSEUDO, C'est l'heure d'une petite balade en ville pour : PSEUDO, PSEUDO ..., Membres connectés au cours des 24 dernières heures : PSEUDO, PSEUDO ..., les anniversaires également bien que personne ne fête le sien aujourd'hui.

Nous vous informons également qu'il est normal qu'aucune tentative de modification de la taille des pseudos n'apparaisse puisque nous les avons retiré en voyant qu'elles ne marchaient pas.

Heine06
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 29/07/2011

http://myronae.forumgratuit.org
Heine06 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible de modifier la taille des pseudos dans le QEEL

Message par Neptunia le Mar 22 Mar 2016 - 18:50

@Heine06 a écrit:Nous vous informons également qu'il est normal qu'aucune tentative de modification de la taille des pseudos n'apparaisse puisque nous les avons retiré en voyant qu'elles ne marchaient pas.

Euh oui, j'avais constaté que le QEEL était visible et j'étais justement en train d'analyser le CSS en ne trouvant rien dedans Wink

Pour le dernier inscrit, tenter :
Code:
#newuser strong a {
VOTRE CSS
}

Pour les membres en ligne et ceux en ligne les dernières 24h
Code:
#loggedlist a, #totalconn a {
VOTRE CSS
}

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Impossible de modifier la taille des pseudos dans le QEEL

Message par Heine06 le Mar 22 Mar 2016 - 19:24

Re,

nous venons d'essayer ce que vous nous avez proposé et cela fonctionne. D'ailleurs encore merci car grâce à vous nous avons aussi pu comprendre comment rajouter le fameux text-shadow que nous cherchions à mettre depuis longtemps et nous charger des anniversaires.

Bonne soirée et bonne continuation !

Heine06
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 29/07/2011

http://myronae.forumgratuit.org
Heine06 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum