avatar
Sexe : Féminin
Date d'inscription : 05/01/2014
Messages : 134
Membre timide
Voir le profil de l'utilisateur
Bonjour, je reviens encore parmi vous pour des soucis sur deux forums >.>
Le premier est celui d'un ami que j'aide à créer


Quelle structure est concernée par votre problème ? Il s'agit de la barre latérale, du qui est en ligne et du profil dans les messages
Qu'elle est l'adresse du forum concerné (sous hide si cela vous dérange) ? http://weelen-island.forumactif.com/
Expliquez précisément votre problème : Pour la barre latérale, l'image est sensé être celle du membre connecté, hors je ne parviens pas à l'afficher :/
Pour le Qui est en ligne, le problème vient des cases des groupes qui sont sensés être les unes collées au autre sur deux lignes, quasiment collé à la barre du dernier inscrit et entre les deux blocs, mais là ils apparaissent comme quatre minuscules carrés ;;
Et pour finir, dans un codage libre service, on peut mettre une image dans le profil... Mais je n'ai pas compris où devait être mise l'image et comment 'lafficher donc :/
Les codes : Pour le code de la barre latérale, on le trouve ici : http://www.epicode-entraide.com/t13361-menu-lateral-5-myrddin#287428
Pour le code de la présentation des messages, c'est celui-ci : http://www.epicode-entraide.com/t12630-profil-message-8-lazy
Quant au code du QEEL, voici son css :
Code:
/* QEEL PAR AWFUL */
 #qeel {
     font-family: 'Oswald', sans-serif;
     width: 900px;
     margin:auto;
     position: relative;
     display: flex;
     flex-wrap: wrap;
     padding-bottom: 20px;
     background: #e9e9e9;
}
 #qeel a, #qeel a:hover, #qeel a:active, #index-links a, #index-links a:hover, #index-links a:active {
     text-decoration: none!important;
}
/* Titre du QEEL */
 #qeel-titre {
     height: 113px;
     background: #000;
     flex: 100%;
     margin-bottom: 20px;
}
 #qeel-titre h2 {
     color: #fff;
     font: 900 30px 'Montserrat', sans-serif;
     text-transform: uppercase;
     text-align: right;
     line-height: 100px;
     padding-right: 20px;
}
/* Case dernières 24 heures */
 #qeel-connectes24 {
     width: 140px;
     border: 1px solid #e0e0e0;
     background:#f9f9f9;
     margin-left: 20px;
     margin-right: 20px;
     box-sizing: border-box;
     height: 152px;
     overflow: auto;
}
 #qeel-connectes24 td.row1 {
     background-color: transparent;
     font-family: 'Roboto', sans-serif;
     padding: 5px;
}
 #qeel-mid {
     width: 300px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     margin-right: 20px;
}
/* Dernier inscrit */
 #qeel-dernier h3 {
     text-align: center;
     text-transform: uppercase;
     font-size: 12px;
     margin: 0;
     font-family: "Montserrat", sans-serif;
}
 #qeel-dernier div {
     text-align: center;
     width: 100%;
     background: #dddada;
     height: 50px;
     margin-top: 5px;
}
 #qeel-dernier div a strong {
     font-weight: 300;
     text-transform: uppercase;
     font-size: 20px;
     line-height: 50px;
     color: #7b7b7b;
}
/* Case liste des connectés */
 #qeel-connectes {
     background: #dddada;
     overflow: auto;
     padding: 5px;
     font-size: 11px;
     flex: 1;
     margin-right: 10px;
     height: 110px;
     box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}
/* Les groupes */
 #qeel-groupes {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 #qeel-groupes div {
     border: 1px solid #c5c5c5;
     width: calc(100% / 3 - 2px);
     text-transform: uppercase;
     font-size: 8px;
     text-align: center;
     height: 35px;
     margin-top: 3px;
     line-height: 35px;
     color: #a7a7a7;
     box-sizing: border-box;
     background: #fff;
     box-shadow: 3px 0 0 #edecec inset,-3px 0 0 #edecec inset,0 3px 0 #edecec inset,0 -3px 0 #edecec inset;
}
 #qeel-groupes div:nth-child(1) a {
     color: #ed7171;
}
 #qeel-groupes div:nth-child(2) a {
     color: #c785d1;
}
 #qeel-groupes div:nth-child(3) a {
     color: #8ec5c9;
}
 #qeel-groupes div:nth-child(4) a {
     color: #78c69a;
}
 #qeel-groupes div:nth-child(5) a {
     color: #d2c853;
}
 #qeel-groupes div:nth-child(6) a {
     color: #dab15e;
}
 #qeel-right {
     flex: 1;
     margin-right: 20px;
     display: flex;
     flex-wrap: wrap;
}
/* Statistiques messages et membres */
 #qeel-stats2 {
     display: flex;
     flex-direction: column;
     height: 110px;
}
 #qeel-stats2 div{
     background: #dddada;
     width: 80px;
     margin-bottom: 9px;
     text-transform: uppercase;
     font-size: 10px;
     text-align: center;
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
     font-weight: 300;
}
 #qeel-stats2 div:last-child {
     margin-bottom: 0px;
}
/* Statistique des membres en lignes (x membres, x invités, x invisibles) */
 #qeel-stats {
     text-transform: uppercase;
     font-size: 10px;
     font-weight: bold;
     color: #aeaeae;
     flex: 100%;
     align-self: start;
}
 #qeel-stats b {
     color: #bbb657;
}
 #qeel-stats i {
     font-weight: 300!important;
     font-style: inherit;
     color: #000000;
}
 #qeel-stats u {
     text-decoration: none;
  font-weight: 300;
color: #000;
}
/* Crédits du QEEL */
 #qeel-credits {
     font-size: 9px;
     text-transform: uppercase;
     color: #7a7a7a;
     text-align: right;
     flex: 100%;
     align-self: end;
}
/*Les liens en dessous du QEEL */
 #index-links {
     width: 900px;
     margin: auto;
     display: flex;
     justify-content: space-between;
     margin-top: 10px;
}
 #index-links a {
     border: 1px solid #c5c5c5;
     background: #fff;
     flex: 1;
     margin-right: 3px;
     text-align: center;
     text-transform: uppercase;
     font-size: 9px;
     padding: 10px 0;
     font-family: "Oswald", sans-serif;
     box-shadow: 3px 0 0 #edecec inset,-3px 0 0 #edecec inset,0 3px 0 #edecec inset,0 -3px 0 #edecec inset;
     color: #ababab;
     transition: color 0.3s;
}
 #index-links a:hover {
     color: #ccc;
}
 #index-links a:last-child {
     margin-right: 0px;
}

et son template :
Code:
<!-- BEGIN disable_viewonline -->
<link href="https://fonts.googleapis.com/css?family=Oswald:300,400|Montserrat:900|Roboto" rel="stylesheet">
<div id="qeel">
  <div id="qeel-titre"><h2>Qui est en ligne ?</h2></div>
  <div id="qeel-connectes24"><table>{L_CONNECTED_MEMBERS}</table></div>
  <div id="qeel-mid">
  <div id="qeel-dernier"><h3>Bienvenue sur Lorem ipsum</h3><div>{NEWEST_USER}</div></div>
  <div id="qeel-groupes">
    <div><a href="">Miliciens</a></div>
    <div><a href="">Habitants</a></div>
      <div><a href="">Aventuriers</a></div>
    <div><a href="">Voageurs</a></div>
  </div>
  </div>
  <div id="qeel-right">
  <div id="qeel-stats">{TOTAL_USERS_ONLINE}</div>
  <div id="qeel-connectes">{LOGGED_IN_USER_LIST}</div>
  <div id="qeel-stats2"><div>{TOTAL_POSTS}</div><div>{TOTAL_USERS}</div></div>
  
    <div id="qeel-credits">Crédits : xxx - codage by <a href="http://terrible.forumactif.org/" target="_blank">awful</a></div>
  </div>
</div>
<div id="index-links">
  <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>
 <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
 <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
 <a href="/?mode=delete_cookies" rel="nofollow">Supprimer les cookies du forum</a>
</div>
<script type="text/javascript">
  $('#qeel-stats2').html($('#qeel-stats2').html().replace(/Nos membres ont posté un total de|Nous avons /ig," ").replace(/membre enregistré/,"membre").replace(/membres enregistrés/,"membres"));
  $('#qeel-dernier').html($('#qeel-dernier').html().replace(/L'utilisateur enregistré le plus récent est/ig," "));
  $('#qeel-connectes').html($('#qeel-connectes').html().replace(/Utilisateurs enregistrés : /ig," "));
  $('#qeel-connectes24').html($('#qeel-connectes24').html().replace(/Membres connectés au cours des 24 dernières heures : /ig," "));
  $('#qeel-stats').html($('#qeel-stats').html().replace(/Il y a en tout| :: /ig," ").replace(/utilisateur en ligne/,"<i>utilisateur en ligne</i> <u>>></u>").replace(/utilisateurs en ligne/,"<i>utilisateurs en ligne</i> <u>>></u>").replace(/Enregistré,/,"<i>Enregistré</i> <u>|</u>").replace(/Enregistrés,/,"<i>Enregistrés</i> <u>|</u>").replace(/Invisible et/,"<i>Invisible</i> <u>|</u>").replace(/Invisibles et /,"<i>Invisibles</i> <u>|</u>").replace(/Invité/,"<i>Invité</i>").replace(/Invités/,"<i>Invités</i>"));
</script>
<!-- END disable_viewonline -->


Le second soucis est sur mon forum cette fois-ci


Quelle structure est concernée par votre problème ? La bannière avec la barre de navigation
Qu'elle est l'adresse du forum concerné (sous hide si cela vous dérange) ? http://world-equestria.kanak.fr/
Expliquez précisément votre problème : Pour que la bannière se retire, il faut que le bord du body du forum touche le bord d'écran supérieur. Cependant, ça cache donc toute la page d'accueil avant de disparaître. Lorsqu'elle disparaît d'ailleurs, on arrive automatiquement sur la chatbox en haut et non pas sur la page d'accueil, donc on est obligé de remonter pour retourner voir son contenu, mais du coup si on ne fait pas attention, rebelote, la bannière revient et cache de nouveau la page d'accueil :/
Les codes : Le code est un livre service qu'on trouve ici : http://www.epicode-entraide.com/t13451-barre-de-navigation-1-avec-entete-linus


EDIT : j'ai rajouté un soucis que j'avais oublié sur le premier forum !
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 3800
Modo Maxi-Code master - Ex-admin gangsta du Québec
Voir le profil de l'utilisateur
Hello @Cacahuète !

C'est plusieurs problème que tu à là xD

Je vais essayer de régler tes problème pour le premier forum.

Pour la barre latéral est-ce que tu a bien activé le java script dans module > Gestion des codes Javascript > Activer la gestion des codes Javascript : OUI

Sinon as-tu bien coché "sur toute les page" pour l'emplacement de ton JS ?

Pour ton QEEL il faut cocher NON dans l'option "Optimiser votre CSS" dans le bas de ta feuille de style sinon l'un des atribut du CSS (calc) bug

Puis finalement pour les image dans tes profils as-tu crée un champ image dans ta gestion des profil ? (Utilisateurs et groupes > Utilisateurs > Profils)

Je n'ai pas eu le temps de regarder ton problème pour le deuxième forum je reviendrais plus tard à moins qu'un autre codeur est le temps avant moi.





avatar
Sexe : Féminin
Date d'inscription : 05/01/2014
Messages : 134
Membre timide
Voir le profil de l'utilisateur
Merci beaucoup et oui, j'ai beaucoup de problèmes... XD

Alors pour le QEEL et l'image de profil, c'est bon du coup ! Je n'avais pas compris qu'en créant un champ comme ça, ça serait compatible avec le code :0 (mais il n'y aurait pas un moyen d'empêcher l'image de dépasser une certaine taille ? Car sur le libre service c'est du 190*80 mais du coup si ce n'est pas la taille exact, ça dépasse :/ )

Par contre pour la barre latérale, le javascript est bien activé ainsi que mis sur toutes les pages, donc ce n'est pas ça... :c
avatar
Sexe : Féminin
Date d'inscription : 15/08/2017
Messages : 2847
Rose des sables Designer
Voir le profil de l'utilisateur
Coucou :3

Je préfère examiner les choses une à une donc je commence par l'image qui dépasse.
Tu peux ajouter ce code à ton CSS :

Code:
.tpl_sujet_contenu ~ .tpl_sujet_contenu {
    display: inline;
}

.tpl_sujet_contenu {
    display: block;
    width: 190px;
    height: 80px;
    overflow: hidden;
}



avatar
Sexe : Féminin
Date d'inscription : 05/01/2014
Messages : 134
Membre timide
Voir le profil de l'utilisateur
Merci beaucoup, ça a marché pour l'image ! :D
avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 4864
Admin Designeuse & Briseuse de nuques
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
Coucou !

Dans ton css, à #qeel-groupes div, tu modifies la valeur de width pour la suivante
Code:
width:calc(100% / 2 - 2px)

Bonne soirée !


J'aime les activités à risque, comme donner mon avis, par exemple.

avatar
Sexe : Féminin
Date d'inscription : 15/08/2017
Messages : 2847
Rose des sables Designer
Voir le profil de l'utilisateur
Coucou @Cacahuète,

Pour le JS qui ne fonctionne pas, ça vient d'un code qui gère aussi l'avatar des membres ce qui bloque le 2ème script.
Dans la liste des liens Javascript que tu as dans Modules > Gestion des codes Javascript, désactive le script 12330.js
Aussi, il y a des erreurs dans le script 99935.js il faut enlever les balises script. Ce script ne fonctionne pas de toute façon donc autant le désactiver aussi.


avatar
Sexe : Féminin
Date d'inscription : 05/01/2014
Messages : 134
Membre timide
Voir le profil de l'utilisateur
Merci beaucoup Cheschire, c'est bien plus joli comme ça ! >w<
@Reine des Ténèbres Merci aussi, ça marche enfin grâce à toi ! O/

Il ne me reste donc plus que le problème de la bannière du second forum et tous mes problèmes seront réglés ! :D
avatar
Sexe : Féminin
Date d'inscription : 05/01/2014
Messages : 134
Membre timide
Voir le profil de l'utilisateur
Finalement, serait-il possible d'archiver celui-ci pour que j'en crée un autre propre juste pour le dernier soucis manquant ? Comme ça, ça sera plus visible XD
avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 4864
Admin Designeuse & Briseuse de nuques
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/


J'aime les activités à risque, comme donner mon avis, par exemple.

avatar
Sexe : Féminin
Date d'inscription : 05/01/2014
Messages : 134
Membre timide
Voir le profil de l'utilisateur
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum