Membres connectés récemment
[MODERNBB] Chatbox - Enlever les deux points après le pseudo
2 participants
Page 1 sur 1 • Partagez
- Version du forum :MODERNBB
- Templates modifiés :oui
- Navigateur :Chrome
Bonjour à tous !
Il y a un petit détail (même deux mais celui-ci fera l'objet d'une autre demande) qui m'agace sur la Chatbox.
J'aimerais en effet enlever les deux points situés après le pseudo, comme montré ici :
Voilà comment apparaît le code :
J'aimerais donc pouvoir enlever ce fameux " : "
Merci à celui ou celle qui pourra me sauver !
Il y a un petit détail (même deux mais celui-ci fera l'objet d'une autre demande) qui m'agace sur la Chatbox.
J'aimerais en effet enlever les deux points situés après le pseudo, comme montré ici :
Voilà comment apparaît le code :
- Code:
<span class="user-msg">
<span class="cb-avatar"><img src="https://zupimages.net/up/20/21/xz7m.gif"></span>
<span class="user" style="color:#BCADE0">
<strong> @
<span class="chatbox-username chatbox-message-username" data-user="1">Caly
</span>
" : "
</strong>
</span>
<span class="msg">
<span style="color: #444444">test
</span>
</span>
</span>
J'aimerais donc pouvoir enlever ce fameux " : "
Merci à celui ou celle qui pourra me sauver !
Coucou Virginie,
alors tout va se passer via la CSS, on met la taille de police sur l'ensemble du bloc(pour masquer les deux points) et ensuite on recherche chaque partie en imposant une taille comme ceci:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
Penser a cliquer sur le bouton
alors tout va se passer via la CSS, on met la taille de police sur l'ensemble du bloc(pour masquer les deux points) et ensuite on recherche chaque partie en imposant une taille comme ceci:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
- Code:
span.user-msg .user strong
{
font-size:0px;
}
span.chatbox-username.chatbox-message-username
{
font-size:11px!important;
}
span.chatbox-username.chatbox-message-username:before
{
content:"@";
left: -5px;
position: relative;
font-size:11px!important;
}
Penser a cliquer sur le bouton
Merci Phil !
J'avais réussi à les enlever en faisant un font-size:0px dans le .user strong mais du coup ça m'enlevait le @ et je voulais le garder.
Avec ta technique ça fonctionne nickel ! (la preuve en image ^^)
Merci beaucoup !
(Et j'ai réussi à enlever l'icône en ligne qui me gênait dans la liste à gauche alors je suis contente, je n'ai pas à poster la deuxième demande dont je parlais dans mon 1er message)
J'avais réussi à les enlever en faisant un font-size:0px dans le .user strong mais du coup ça m'enlevait le @ et je voulais le garder.
Avec ta technique ça fonctionne nickel ! (la preuve en image ^^)
Merci beaucoup !
(Et j'ai réussi à enlever l'icône en ligne qui me gênait dans la liste à gauche alors je suis contente, je n'ai pas à poster la deuxième demande dont je parlais dans mon 1er message)
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum