modifier l'apparence du "Qui est en ligne"

2 participants

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

Résolu modifier l'apparence du "Qui est en ligne"

Message par Hoyt Mar 18 Avr 2017 - 4:51

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : /
Lien du forum : http://forum-privee.forumactif.com/

Description du problème

Bonjour,

je tente de travailler sur un nouveau thème forum dans la version phpbb3. hélas, je rencontre un petit problème au niveau de l'apparence du "Qui est en ligne". Effectivement, j'aimerais pouvoir changer le fond du cadre de cette partie.

Actuellement, sur mon forum, le cadre du "Qui est en ligne" et de la même couleur que celle du fond de page du forum. (cf : https://gyazo.com/f826289d3a5e5ba6ddce0caace0b4763). J'aimerais donc encadre celui-ci avec un rectangle (qui englobe la totalité du "Qui est en ligne" d'une autre couleur, afin de distinguer les bordures.

Deuxième chose, j'aimerais changer le couleur de l'écriture à l'intérieur de celui-ci. Je connais la technique pour changer la couleur de l'ensemble de l'écriture du forum. Néanmoins, je voudrais une couleur propre à cette partie. (du blanc)

Troisième chose, j'aimerais enlever l'italique des groupes.

Merci d'avance, je reste disponible en message pour d'éventuels informations.


Dernière édition par Hoyt le Mar 18 Avr 2017 - 14:28, édité 1 fois
Hoyt

Hoyt
***

Masculin
Messages : 115
Inscrit(e) le : 08/03/2017

Hoyt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier l'apparence du "Qui est en ligne"

Message par Steviah Mar 18 Avr 2017 - 14:06

Salut.
Il suffit d'une légère modification dans ton template "index_body".

Repère dans ton template la variable :
Code:
<!-- BEGIN disable_viewonline -->
En dessous tu colles :
Code:
<div class="qeel">

Repère maintenant :
Code:
<!-- END disable_viewonline -->
Et juste avant tu mets :
Code:
</div>

Maintenant pour les groupes repère :
Code:
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>
Remplace par :
Code:
<span class="group">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span>

Suffit maintenant de personnaliser ton css :

Code:
.qeel{
  background-color: #000;
  border: 3px solid #40A497;
  padding: 5px;
  color: #fff;
}
.group{
  color : #96CA2D;
}

Steviah

Steviah
Nouveau membre

Messages : 18
Inscrit(e) le : 29/03/2017

http://dgpj.kanak.fr/
Steviah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier l'apparence du "Qui est en ligne"

Message par Hoyt Mar 18 Avr 2017 - 14:28

C'est parfait, merci!
Hoyt

Hoyt
***

Masculin
Messages : 115
Inscrit(e) le : 08/03/2017

Hoyt a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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