position du titre des sujets dans un forum
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
position du titre des sujets dans un forum
Bonjour a tous
Voilà, j'ai utilisé un thème tout fait de hitskins, et je l'ai un peu modifié.
Mon problème est que lorsque je visualise les sujets d'un forum, le texte d'un sur 2 est décalé en hauteur, mais reprend ça place quand on passe la souris dessus, alors que je voudrais qu'ils soient tous a la même hauteur ( liens vers mon forum : http://mvp-s2.gamerzfun.com/)
La feuille des css modifié :
Voilà, j'ai utilisé un thème tout fait de hitskins, et je l'ai un peu modifié.
Mon problème est que lorsque je visualise les sujets d'un forum, le texte d'un sur 2 est décalé en hauteur, mais reprend ça place quand on passe la souris dessus, alors que je voudrais qu'ils soient tous a la même hauteur ( liens vers mon forum : http://mvp-s2.gamerzfun.com/)
La feuille des css modifié :
- Spoiler:
table.bodylinewidth {
width:65%;
text-align: center;
}
body{
background-repeat:no-repeat;
background-color:#000000 ;
-moz-border-radius:5px;
background-position:center-top;
color:#333333 !important;
}
/************************* Do you believe in ghosts ? ^^' *************************/
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
/************************* I'm a sorcerer o/ *************************/
.forumline {
background-image:url('https://i.servimg.com/u/f22/14/82/40/46/fond510.png');
-moz-border-radius:5px;
border: 0px #e5e5e5 solid;
}
td.rowpic, th, td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
-moz-border-radius:5px;
text-shadow: 0px 0px 1px #999999;
}
/************************* Trick or Treat ? *************************/
a {
text-decoration: none !important;
color:#ce0004;
}
a:hover {
text-decoration: none !important;
color:#ce0004;
text-transform:uppercase;
}
a:active{
text-decoration: none !important;
color:#ce0004;
}
/************************* Trick AND Treat !! ^0^ *************************/
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
/************************* Welcome in HorrorLand ! è0é *************************/
.navigation {
text-align:center;
-moz-border-radius:15px;
background-color: transparent;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-left: 2px solid #cccccc ;
border-right: 2px solid #cccccc ;
}
.navigation:hover {
background-image:url('https://i.servimg.com/u/f22/14/82/40/46/fond510.png');
border-left: 3px solid #cccccc ;
border-right: 3px solid #cccccc ;
}
#chatbox_members ul li,
body.chatbox {
background-image:url('https://i.servimg.com/u/f22/14/82/40/46/fond510.png');
-moz-border-radius:5px;
text-shadow: 0px 0px 1px #999999;
}
.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
text-shadow: 0px 0px 1px #999999;
}
.code, .quote, .spoiler_content, .spoiler_closed
{
border-top: 4px dashed #999999 ;
border-left: 2px solid #999999 ;
-moz-border-radius:5px;
background-image: url('https://i.servimg.com/u/f22/14/82/40/46/fond10.png');
background-repeat: repeat-x;
background-color: #cccccc ;
width: 94%;
padding-top:5px;
padding-left:1%;
padding-right:1%;
padding-bottom:1%;
margin-left:2%;
text-shadow: 0px 0px 1px #999999;
}
a.mainmenu {
padding-right:13px;
background-color: #000000;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
color : #ffffff;
}
a.mainmenu:hover{
color : #ffffff;
text-transform:none;
}
.defil_boite
{
overflow: scroll;
width: 240px;
height: 120px;
}
.miniprofil { text-align: center; }
a.forumlink {
border:1px solid #999999 ;
border-bottom:2px solid #999999 ;
-moz-border-radius:20px 20px 3px 3px;
color:#933a4a ;
display:block;
text-align:center;
text-shadow: #999999 1px 1px 1px;
}
a.forumlink:hover {
border:2px solid #999999 ;
border-bottom:2px solid #999999 ;
-moz-border-radius:20px 20px 3px 3px;
color:#ce0004;
display:block;
text-align:center;
text-shadow: #999999 1px 1px 1px;
}
/************************* Open the door, please... ♥ *************************/
a.infobulle {
text-align: center;
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle:hover span {
font-size:11px;
display: inline;
position: absolute;
white-space: nowrap;
top: 5px;
left: 15px;
background-image:url('https://i.servimg.com/u/f22/14/82/40/46/fond210.png');
background-repeat: repeat-x;
background-color:#9d9d9d;
padding: 3px;
-moz-border-radius: 10px !important;
border:1px solid #9d9d9d;
}
/************************* Gimme some candy !! >w< *************************/
.vignette
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid #7f7f7f;
cursor:pointer;
color:#e5e5e5 !important;
-moz-border-radius-topleft: 10px !important; -moz-border-radius-topright: 10px !important;
}
.vignette_0
{
background:#7f7f7f;
border-bottom:1px solid #7f7f7f;
color:#e5e5e5!important;
}
.vignette_1
{
background:#e5e5e5;
border-bottom:0px solid #e5e5e5;
padding-bottom:4px;
color:#7f7f7f !important;
}
.contenu_vignette
{
-moz-border-radius: 30px;
background-color:#e5e5e5;
border-top:1px solid #7f7f7f;
margin-top:-1px;
padding:5px;
display:none;
}
/************************* Where are the candies ? *************************/
#fond {
background:url('https://i.servimg.com/u/f22/14/82/40/46/pabien10.png') no-repeat top center;
position:relative;
}
#contenu {
position:relative;
margin-left:407px;
width:350px;
}
#fond2 {
background:url('https://i.servimg.com/u/f22/14/82/40/46/staff11.png') no-repeat top center;
position:relative;
}
#contenu2 {
position:relative;
margin-left:42px;
width:200px;
}
#fond3 {
background:url('https://i.servimg.com/u/f22/14/82/40/46/nouvea11.png') no-repeat top center;
position:relative;
}
#contenu3 {
position:relative;
margin-left:144px;
width:200px;
}
#contenu3bis {
position:relative;
margin-left:253px;
width:170px;
}
tr.post .row1{
background-color: #cccccc;
}
.row1.browse-arrows {
background-color: #cccccc;
}
.row1.messaging.gensmall {
background-color: #cccccc;
}
- Fichiers joints
Re: position du titre des sujets dans un forum
Bonsoir Chimei,
A mon avis c'est dû à cette ligne dans le CSS :
A mon avis c'est dû à cette ligne dans le CSS :
Ou bien à celles-ci qui ont 1 pixel de plus que sans le hover :a:hover {
text-decoration: none !important;
color:#ce0004;
text-transform:uppercase;
}
.navigation:hover {
background-image:url('https://i.servimg.com/u/f22/14/82/40/46/fond510.png');
border-left: 3px solid #cccccc ;
border-right: 3px solid #cccccc ;
}
Re: position du titre des sujets dans un forum
Merci pour ta réponse, mais ça ne change rien,
text-transform:uppercase; sert a passé le titre en majuscule quand on passe la sourie dessus
Et pour
border-left: 3px solid #cccccc ;
border-right: 3px solid #cccccc ;
il semble que se soit l'épaisseur des traits autour des titres forum
Par contre j'ai essayé de retirer ceci pour voir :
et là plus de décalage, par contre du coup le texte dans les messages deviens centré en permanence, tout comme le Qeel, et ça ça me gène
text-transform:uppercase; sert a passé le titre en majuscule quand on passe la sourie dessus
Et pour
border-left: 3px solid #cccccc ;
border-right: 3px solid #cccccc ;
il semble que se soit l'épaisseur des traits autour des titres forum
Par contre j'ai essayé de retirer ceci pour voir :
- Spoiler:
- .postbody, td.row1 span.gensmall{
text-align: justify !important;
display: block;
text-shadow: 0px 0px 1px #999999;
}
et là plus de décalage, par contre du coup le texte dans les messages deviens centré en permanence, tout comme le Qeel, et ça ça me gène
Re: position du titre des sujets dans un forum
J'ai réussis, j'ai enlevé :
Et pour le problème de centrage des textes dans les messages et dans le Qeel, j'ai supprimé :
Ensuite il ne me restait plus qu'a centrer tous les messages qui accompagne les titres des forums
Merci a tout ceux qui ont essayé de m'aider
- Spoiler:
- .postbody, td.row1 span.gensmall{
text-align: justify !important;
display: block;
text-shadow: 0px 0px 1px #999999;
}
Et pour le problème de centrage des textes dans les messages et dans le Qeel, j'ai supprimé :
- Spoiler:
- text-align:center;
Ensuite il ne me restait plus qu'a centrer tous les messages qui accompagne les titres des forums
Merci a tout ceux qui ont essayé de m'aider
Re: position du titre des sujets dans un forum
Justement, le fait que ça rende le texte en majuscule par le hover, décale l'alignement.
Quant à ton dernier code, il me fait sauter les cellules des titres des sujets par le hover (ce qui est arrangé en supprimant la ligne du "display: block;") ,mais ne centre pas mon QEEL ni mes messages, je ne le vois pas non plus chez toi...
Tout ce que ça fait c'est le text-shadow.
D'autre part, avec l'identifiant .postbody tu touches aux posts comme son nom l'indique.
Et span.gensmall se retrouve presque partout sur le forum.
Essaie avec juste avec le td.row1 {
text-align: justify !important;
display: block;
text-shadow: 0px 0px 1px #999999;
}
EDIT : Ah et bien voilà !
Quant à ton dernier code, il me fait sauter les cellules des titres des sujets par le hover (ce qui est arrangé en supprimant la ligne du "display: block;") ,mais ne centre pas mon QEEL ni mes messages, je ne le vois pas non plus chez toi...
Tout ce que ça fait c'est le text-shadow.
D'autre part, avec l'identifiant .postbody tu touches aux posts comme son nom l'indique.
Et span.gensmall se retrouve presque partout sur le forum.
Essaie avec juste avec le td.row1 {
text-align: justify !important;
display: block;
text-shadow: 0px 0px 1px #999999;
}
EDIT : Ah et bien voilà !
Sujets similaires
» Inverser titre du forum et x messages dans x sujets
» titre des sujets souligné dans l'accueil du forum.
» couleur titre forum dans la liste des sujets
» La position du titre du forum
» Tronquer le titre des sujets dans "Derniers sujets" (caractères max)
» titre des sujets souligné dans l'accueil du forum.
» couleur titre forum dans la liste des sujets
» La position du titre du forum
» Tronquer le titre des sujets dans "Derniers sujets" (caractères max)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum