MyBB.support, le portail francophone de MyBB

Version complète : [ Probleme ] note de cette discussion !
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
Pages : 1 2
Autre solution, trouvée sur mybbboard.

Il s'agit s'un pb de CSS !

Solution:
Dans l'admin, page "Templates and Styles", clic sur "Thèmes".
Clic sur votre thème, et dans la nouvelle page, clic sur 'Ajouter feuille de style'.

Vous avez alors ceci :

[Image: image1vx5.jpg]*

Tapez comme nom, 'star_ratings.css'.

Assurez-vous que l'option "Globalement" est sélectionnée.

Clicquez 'Écrire mon propre contenu', et copiez/collez dedans le texte suivant:
Code PHP :
.star_rating,
.
star_rating li a:hover,
.
star_rating .current_rating {
    
backgroundurl(../../../images/star_rating.gifleft -1000px repeat-x;
    
vertical-alignmiddle;
}

.
star_rating {
    
positionrelative;
    
width:80px;
    
height:16px;
    
overflowhidden;
    list-
stylenone;
    
margin0;
    
padding0;
    
background-positionleft top;
}

td .star_rating {
    
marginauto;
}

.
star_rating li {
    
displayinline;
}

.
star_rating li a,
.
star_rating .current_rating {
    
positionabsolute;
    
text-indent: -1000px;
    
height16px;
    
line-height16px;
    
outlinenone;
    
overflowhidden;
    
bordernone;
    
top:0;
    
left:0;
}

.
star_rating_notrated li a:hover {
    
background-positionleft bottom;
}

.
star_rating li a.one_star {
    
width:20%;
    
z-index:6;
}

.
star_rating li a.two_stars {
    
width:40%;
    
z-index:5;
}

.
star_rating li a.three_stars {
    
width:60%;
    
z-index:4;
}

.
star_rating li a.four_stars {
    
width:80%;
    
z-index:3;
}

.
star_rating li a.five_stars {
    
width:100%;
    
z-index:2;
}

.
star_rating .current_rating {
    
z-index:1;
    
background-positionleft center;
}

.
star_rating_success, .success_message {
    
color#00b200;
    
font-weightbold;
    
font-size10px;
    
margin-bottom10px;
}

.
inline_rating {
    
floatleft;
    
vertical-alignmiddle;
    
padding-right5px;


Enregistrez la feuille de style. Vous devriez maintenant avoir un affichage correct des notes de discussion.

J'espère que cette astuce vous sera utile.

Spyto
Merci Spyto Wink
Pages : 1 2
 Utilitaire de traduction fourni par Regentronique