CSS / décaler les icônes de messages dans la messagerie
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
CSS / décaler les icônes de messages dans la messagerie
Bonjour
Les infos du forum sont dans mon profil .
J' ai un CSS perso qui permet de décaler les icônes de messages dans la liste des sujets du forum, comme ci dessous :
Malheureusement, ces icônes chevauchent l' icône de sujet dans les différentes boîtes de messagerie .
Mon CSS rajouté est le suivant :
La liste des titres des messages est bien décalée, donc le CSS doit agir à ce niveau .
J' aimerais que les icônes se placent dans l' espace vide prévu, comme pour les sujets du forum .
Je pense avoir fourni tous les éléments nécessaires .
D' avance, MERCI
Les infos du forum sont dans mon profil .
J' ai un CSS perso qui permet de décaler les icônes de messages dans la liste des sujets du forum, comme ci dessous :
- Copie d' écran sujets:
Malheureusement, ces icônes chevauchent l' icône de sujet dans les différentes boîtes de messagerie .
- Copie d' écran messagerie:
Mon CSS rajouté est le suivant :
- CSS rajouté:
- Code:
.topiclist dl.icon {
min-height: 60px;
background-position: padding-left:5px 50%;
}
* html .topiclist dl.icon {
height: 60px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 130px;
}
ul.pmlist dt {
padding-left: 130px;
}
.row dl.icon dt , .row dl.icon dd.dterm {background-position: 70px 50%; min-height: 60px; height: auto !important}
dl.codebox{
background-color:#6E6868;
}
dl.codebox code {
color: #FFFFFF;
}
.postprofile img{margin-bottom: 10px;}
.h3 {
color: white;
}
.left-box.h3 {
color: white;
}
.content h2, .panel h2 {
color:white;
}
fieldset dl:hover dt label{color:white;}
La liste des titres des messages est bien décalée, donc le CSS doit agir à ce niveau .
J' aimerais que les icônes se placent dans l' espace vide prévu, comme pour les sujets du forum .
Je pense avoir fourni tous les éléments nécessaires .
D' avance, MERCI
Dernière édition par Albert (67) le Sam 22 Aoû 2015, 16:34, édité 1 fois
Re: CSS / décaler les icônes de messages dans la messagerie
Bonjour ^^
Le souci vient du fait que sur un sous-forum les icônes de sujet sont positionnées comme image d'arrière-plan (background) , alors que sur la messagerie elles sont en avant-plan
Essayez de remplacer :
Il vous faudra peut-être ajuster le 70px pour parvenir à vos fins.
Le souci vient du fait que sur un sous-forum les icônes de sujet sont positionnées comme image d'arrière-plan (background) , alors que sur la messagerie elles sont en avant-plan
Essayez de remplacer :
- Code:
ul.pmlist dt {
padding-left: 130px;
}
- Code:
ul.pmlist dt {
padding-left: 130px;
}
ul.pmlist div img {
padding-left: 70px;
}
Il vous faudra peut-être ajuster le 70px pour parvenir à vos fins.
Re: CSS / décaler les icônes de messages dans la messagerie
Salut Neptune et merci
C' est un bon début . J' ai remplacé 70 par 45 et c' est bon .
Je ne comprend pas pourquoi 45px, alors que l' icône de sujet fait 50 .
Je pensais que la mesure se faisait à partir du début
Dans les icône de sujet du forum, y' a 70 et c' est ce qui déplace vers la droite ...
Mais bon, si ça fonctionne c' est bon .
Reste le problème de la hauteur : centrer dans la hauteur ( à peu près )
C' est un bon début . J' ai remplacé 70 par 45 et c' est bon .
Je ne comprend pas pourquoi 45px, alors que l' icône de sujet fait 50 .
Je pensais que la mesure se faisait à partir du début
Dans les icône de sujet du forum, y' a 70 et c' est ce qui déplace vers la droite ...
Mais bon, si ça fonctionne c' est bon .
Reste le problème de la hauteur : centrer dans la hauteur ( à peu près )
Re: CSS / décaler les icônes de messages dans la messagerie
Essayez en remplaçant :
Le 5px indique le décalage par rapport au haut, le premier 0 celui relatif à la droite, le second 0 est relatif au bas, enfin le 45 concerne le décalage par rapport au bord gauche.
Propriété padding sur Mozilla Developer Network
- Code:
ul.pmlist div img {
padding-left: 45px;
}
- Code:
ul.pmlist div {
padding: 5px 0 0 45px !important;
}
Le 5px indique le décalage par rapport au haut, le premier 0 celui relatif à la droite, le second 0 est relatif au bas, enfin le 45 concerne le décalage par rapport au bord gauche.
Propriété padding sur Mozilla Developer Network
Re: CSS / décaler les icônes de messages dans la messagerie
Yeeeaaaaahhhhhhhhh !!!!!!!!!!!!!!!!!!!!!
Ça fonctionne ( avec ta dernière modif ) après avoir remis 70 à la place de 45
Merci beaucoup Neptune
Ça fonctionne ( avec ta dernière modif ) après avoir remis 70 à la place de 45
Merci beaucoup Neptune
Re: CSS / décaler les icônes de messages dans la messagerie
La div comportait déjà un décalage.
D'où le chiffre de tout à l'heure inférieur à la largeur de l'image...
... et l'obligation de mettre le paramètre !important.
D'où le chiffre de tout à l'heure inférieur à la largeur de l'image...
... et l'obligation de mettre le paramètre !important.
Sujets similaires
» [modernBB] position les icônes de messages dans la messagerie
» Décaler les +/- des votes dans les messages
» Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
» Suppression des messages dans la messagerie
» Messages n'entrant pas dans la messagerie Horde
» Décaler les +/- des votes dans les messages
» Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
» Suppression des messages dans la messagerie
» Messages n'entrant pas dans la messagerie Horde
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum