Plusieurs problèmes d'affichage

[NikitaEnsis]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis la création du forum !
Lien du forum : http://lantredepicardie.forumactif.com

Description du problème

Bonjour,

Quelques petits soucis d'affichage sur mon forum, à savoir :

(SANS TEMPLATE MODIFIEE!!)
- Si le logo en haut de la page est trop grand, le menu disparait et le logo est "tronqué" au lieu d'être aligné-centré.
- La description du forum est systématiquement incrustée en haut alors qu'elle n'a pas à s'afficher
- l'image "Qui est en Ligne?" ne s'affiche pas et ne s'est jamais affichée.
- Les modifications sur la scrollbar n'ont jamais été prises en compte (personnalisation des couleurs)

Je précise que j'ai modifié la template Overal_Header pour palier ces problèmes, que j'ai pu trouver une ou deux solutions de fortune par ce biais mais rien s'approchant du résultat escompté.
J'ai donc supprimé la template modifiée pour tenter de comprendre pourquoi de base forumactif n'affiche pas les modifications.

J'ai cherché toute la journée hier, je ne comprends pas.

Merci d'avance pour votre aide!

[◦Jay◦]

Bonjour NikitaEnsis, soit vous mettez une image plus petite, soit vous agrandissez la hauteur du headerbar en mettant un code CSS :

Code:

.headerbar{height:600px;}

Pour supprimer la description, vous pouvez ajouter ce CSS :

Code:

#site-desc p {display:none;}

En version ModernBB il n'y a pas d'image dans le QEEL même si le PA en propose.(si vous souhaitez vraiment en mettre une, il faudra modifier un template et ajouter un code CSS)

Les couleurs de la scrollbar sont modifiables suivant le navigateur et FF ne le prend pas souvent en compte.

Sachez aussi qu'il est normalement autorisé qu'une seule question par sujet.

Bien cordialement.

[NikitaEnsis]

Merci beaucoup!

Du coup, il me reste le problème de l'image à ajouter sur le QEEL, je n'ai pas réussi à éditer convenablement, je ne sais pas quelle valeur ajouter...

[◦Jay◦]

Dans votre template index_body, cherchez ceci :

Code:

<div class="block">
      <!-- BEGIN switch_viewonline_link -->
         <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
         <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
      <!-- END switch_viewonline_nolink -->

      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}

      {LOGGED_IN_USER_LIST}

      {L_ONLINE_USERS}
      {L_CONNECTED_MEMBERS}<br />

      {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

      <div class="block-footer"><strong>{LEGEND}:</strong>&nbsp;{GROUP_LEGEND}</div>
   </div>

Et remplacez par :

Code:

<div class="block qeel">
      <!-- BEGIN switch_viewonline_link -->
         <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
         <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
      <!-- END switch_viewonline_nolink -->
                <div class="stats_qeel">
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}

      {LOGGED_IN_USER_LIST}

      {L_ONLINE_USERS}
      {L_CONNECTED_MEMBERS}<br />

      {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
                </div>

      <div class="block-footer"><strong>{LEGEND}:</strong>&nbsp;{GROUP_LEGEND}</div>
   </div>


-Pensez à enregistrer et à publier.

Ensuite, dans votre CSS :

Pour afficher une image(qui ne se répète pas, elle se placera à gauche :

Code:

.block.qeel{background-image:url(https://i.goopics.net/wv8Py.png);
background-repeat:no-repeat;}

Et enfin, il faudra déplacer le texte pour qu'il ne soit pas sur l'image :

Code:

.block.qeel .h3,.stats_qeel,.block.qeel .block-footer{margin-left:200px;}

J'ai mis 200px de marge mais vous pouvez changer.

Bien à vous.

[NikitaEnsis]

Super! C'est parfait, j'ai même pu modifier derrière sans peine! Merci !!!