laurent68

Xenforo 2.x.x Ajouter une bannière en ligne hors ligne

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
laurent68

Xenforo 2.x.x Ajouter une bannière en ligne hors ligne

Catégorie Catégorie Modifications Templates
Titre du sujet Titre du sujet Ajouter une bannière en ligne hors ligne
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 10
Affichages Affichages 1 109
Réaction Réaction 11
Dernier message par Dernier message par DANY60

laurent68

Fondateur

Staff
fondateur
Réputation: 100%
Discussions
4 844
Messages
12 567
Solutions
85
J'aime
7 873
Points
198
Dans votre template message_macros chercher :

[HIDETHANKS]
Code:
<div class="message-userDetails">
[/HIDETHANKS]

Ajoutez ce code en dessous :


Dans votre template extra.less ajoutez ces codes :

[HIDETHANKS]
Code:
.UserOnline span, .UserOnlineInvisible span, .UserOffline span {
    border-top-right-radius: 3px;
    position: absolute;
    top: -4px;
    right: -1px;
    width: 5px;
    height: 4px;
}
.UserOnline span, .UserOnlineInvisible span {
    background-color: #008000;
}
.UserOnline, .UserOnlineInvisible {
    font-weight: bold;
    font-size: 10px;
    color: black;
    background: rgb(128, 227, 128) url('https://i.goopics.net/AdPvq.png')  repeat-x 0 0;
    border: 1px solid lightgreen;
}
.UserOffline span {
    background-color: #B40404;
}
.UserOffline {
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    background: #f55753 url('https://i.goopics.net/AdPvq.png') repeat-x 0 0;
    border: 1px solid #fe5d5a;
}
.UserOnline, .UserOnlineInvisible, .UserOffline {
    padding: 1px 5px;
    margin-top: -22px;
    margin-right: -15px;
    margin-left: -5px;
    border-radius: 3px;
    border-top-right-radius: 0px;
    display: block;
    float: right;
    position: relative;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
}
[/HIDETHANKS]

Résultat :

d7d59ea7749a2e8fcb7757918348654c.png
5f68a5d4851e499f966bbac28d9759ec.png


Cette modification a été faite par moi, merci de respecter les credits. @laurent68
 
Contenu similaire Les plus vues Voir plus
Retour
Haut Bas