Problème d'affichage de la colonne "Derniers messages"
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
Problème d'affichage de la colonne "Derniers messages"
- Bonsoir,
Cependant, quand on va dans les catégories, le fond de la colonne "Derniers messages" est blanc à l'affichage
et le fond choisi apparait seulement au passage de la souris.
Je n'arrive pas à fixer mon fond en "texture sable"... Or j'aimerai qu'il soit fixé justement ^^" Y a-t-il un moyen ?...
Merci d'avance,
LittleChan
PS : Je dois m'absenter pour 15 jours à partir de samedi matin... C'est possible de ne pas archiver au bout des 7 jours ? ^^"
Mon forum test : http://hakuouki-ssl.forumactif.com/forum
Mon CSS :
- Code:
/* ------------- ESPACEMENT IMG BARRE NAVIGATION -------------- */
a.mainmenu {margin-right:3px !important;}
/* ------------- RETIRER SOULIGNEMENT LIENS -------------- */
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
/* -------------- GENERALITES DU FORUM -------------- */
a.forumlink:link, a.forumlink:visited {
font-family: Tempus Sans ITC;
text-transform : uppercase;
text-align: center;
font-size: 15px;
border-bottom: 5px dotted PowderBlue;
border-left: 5px dotted PowderBlue;
border-right: 5px dotted PowderBlue;
color: #000000;
letter-spacing: 3px;
display: block;
border-radius:10px;
}
/* ------------- CADRE COLONNE DERNIERS MESSAGES -------------- */
table.case_stats{
width:200px; /* largeur */
height:140px; /* La hauteur */
margin:auto; /* on centre */
}
table.case_stats td.dernier_msg{
background-image:url('http://i48.tinypic.com/35nbq10.png');
background-position: center top;
background-repeat:no-repeat;
padding-left:30px;
padding-right:25px; /* Je déclasse du bord droit de 60px à gauche de ma pate */
padding-top:17px;
height:75px; /* mon image fait 85px de haut, mais comme j'ajoute 10px de remplissage, j'impose à ma case une hauteur = hauteur de mon image - padding top */
text-align:center;
}
table.case_stats td.stats_forum{
background-image:url('http://i45.tinypic.com/2q9z4e8.png');
background-position: center bottom;
background-repeat:no-repeat;
padding-left:4px;
padding-right:4px;
text-align:center;
}
table.case_stats td.dernier_msg p{
color:#e26e26;
width:140px; /*la largeur de mon bloc moins la largeur de ma pate */
height:;
padding:0;
margin:0;
margin-left:10px; /* Je décalle un peu par rapport aux bords gauche pour éviter que mon texte ne soit en dehors de mon cadre */
font-size:12px;
}
table.case_stats td.dernier_msg p a{
text-decoration:none;
color:royalblue;
background-image: url("http://i48.tinypic.com/121fhup.png");
background-position: center;
background-attachment: fixed;
}
table.case_stats td.dernier_msg p a:hover{
/*border:darkgoldenrod 1px dashed;
padding:1px;
-moz-border-radius:5px;*/
color:darkgoldenrod;
}
table.case_stats td.stats_forum p{
color:darkkhaki;
width:160px; /*la largeur de mon bloc moins quelques px */
margin-left:50px;
font-size:10px;
font-weight:bold;
text-align:center;
padding:0;
}
/* -------------- ARRONDIS DES CADRES -------------- */
.forumline {
background-color: white;
border-radius: 10px ;
border: 5px double steelblue;
padding: -5px;
}
/* Cadre des sous-forums */
.th {
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}
/* Titres de catégories */
/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row1,td.row3.over:hover {
background-image: url("http://i48.tinypic.com/121fhup.png");
background-position: center;
background-attachment: fixed;
}
td.row2,td.row1.over:hover {
background-image: url("http://i48.tinypic.com/121fhup.png");
background-position: center;
background-attachment: fixed;
}
td.row3{
background-image: url("http://i48.tinypic.com/121fhup.png");
background-position: center;
background-attachment: fixed;
}
/* -------------- TITRES SOUS-FORUMS -------------- */
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://www.graphictivitis.com/wp-content/uploads/2011/08/paper-texture-33.jpg");
color: #ffffff;
text-align: center;
display: block;
border-bottom: 5px double PowderBlue;
border-radius:10px;
}
/* -------------- CADRE DU FORUM -------------- */
.bodyline {
border-left:7px solid #;
border-right:7px solid #;
border-bottom:4px solid #;
border-top:4px solid #;
-webkit-border-radius: 10px;
border-radius: 100px;
-webkit-box-shadow: 0px 0px 8px #;
-moz-box-shadow: 0px 0px 8px #;
box-shadow: 0px 0px 8px #;
}
/* -------------- ARRIERE-PLAN DU FORUM -------------- */
body{
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* -------------- RETIRER MESSAGE D'EDITION -------------- */
tr.post span.gensmall {display: none;}
/* -------------- INFOBULLE -------------- */
a.imginfo { /*infobulle*/
position: relative;
color: #757575;
text-decoration: none;
border-bottom: 0px #399492 solid; /* on souligne le texte */
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: crosshair; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: ; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
left: 80px;
ont-family: Tempus Sans ITC;
text-align: center;
font-size: 12px;
background-image: url("http://i48.tinypic.com/121fhup.png");
color: ;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #399492;
border-right: 3px solid #399492;
border-top: 3px solid #399492;
border-bottom: 5px solid #399492;
width:200px;
height: ;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/* -------------- FIN INFOBULLE -------------- */
/* -------------- QEEL 2 PRINTEMPS 2012 -------------- */
#tableauqueel {
padding: 6px;
border: 5px double steelblue;
background-position: center;
background-repeat: no-repeat;
background-color: white;
height: 266px;
width: 839px;
border-radius : 10px 30px 10px 30px}
.groupes {
background-color: white ;
opacity: 0.8;
border: 1px dashed steelblue ;
border-radius : 15px 5px 15px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px;
font-weight: bold;
text-align:center;
font-color : ;
text-decoration: none !important;
}
/* -------------- FIN DU QEEL 2 -------------- */
/* -------------- CHATBOX -------------- */
body.chatbox {
background-image:url('http://i48.tinypic.com/121fhup.png');
background-repeat: repeat;
}
#chatbox_header {
background-image:url('http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0909/kgtoh090900435/5501765-vintage-alteree-illustration-de-fond-de-texture-parchemin-colores.jpg');
}
#chatbox_header .cattitle strong {
display: none ;
}
#chatbox_header .cattitle:before {
content: "Discutons entre Hakuoukiens" ;
}
#chatbox_header .catBottom .cattitle {
color:#3b2705 !important;
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options {
color:#3b2705 !important;
font-size:9px !important;
font-weight:bold;
}
#chatbox_header .chatbox-options a {
color:#3b2705;
margin-bottom:3px !important;
padding:3px;
text-align:center;
font-size:9px !important;
font-weight:bold;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 45px;
overflow: auto;
color:#3b2705;
padding: 3px;
text-align: left;
font-size:11px !important;
}
#chatbox_members .member-title {
color:#3b2705;
margin:3px !important;
padding:2px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;;
}
#chatbox .catBottom {
border: none;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 3px;
color:#3b2705;
margin:3px !important;
opacity:1;
text-align:left;
font-size:9px !important;
}
#chatbox_footer label {
color:#3b2705;
font-size:11px !important;
font-variant: small-caps;
font-weight:bold;
}
#message {
color:#3b2705;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}
#submit_button {
color:#3b2705;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}
.fontbutton {
padding: 1px;
text-align:left;
}
Dernière édition par LittleChan le Ven 6 Juil 2012 - 21:41, édité 1 fois
Re: Problème d'affichage de la colonne "Derniers messages"
Bonjour,
Bon ma réponse n'est pas forcément bonne mais peut-être que en modifiant cette partie dans votre feuille de style CSS :
Cordialement.
Bon ma réponse n'est pas forcément bonne mais peut-être que en modifiant cette partie dans votre feuille de style CSS :
- Code:
/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row1,td.row3.over:hover {
background-image: url("http://i48.tinypic.com/121fhup.png");
background-position: center;
background-attachment: fixed;
}
- Code:
/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row3.over:hover {
background-image: url("http://i48.tinypic.com/121fhup.png");
background-position: center;
background-attachment: fixed;
}
- Code:
.row3Right {
background-image: url(http://i48.tinypic.com/121fhup.png);
}
Cordialement.
Invité- Invité
Re: Problème d'affichage de la colonne "Derniers messages"
+1 pour la réponse de Appolyon.
Par contre il y a des trucs qui ne servent a rien dans ton code. Je cite par exemple :
J'espère que cela t'aura aidé,
Bonne journée !
Par contre il y a des trucs qui ne servent a rien dans ton code. Je cite par exemple :
- Code:
/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row1,td.row3.over:hover {
background-image: url("http://i48.tinypic.com/121fhup.png");
background-position: center;
background-attachment: fixed;
}
td.row2,td.row1.over:hover {
background-image: url("http://i48.tinypic.com/121fhup.png");
background-position: center;
background-attachment: fixed;
}
td.row3{
background-image: url("http://i48.tinypic.com/121fhup.png");
background-position: center;
background-attachment: fixed;
}
- Code:
/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row1,td.row3.over:hover,td.row2,td.row1.over:hover,td.row3,.row3Right {
background-image: url("http://i48.tinypic.com/121fhup.png");
background-position: center;
background-attachment: fixed;
}
- Code:
background: url("http://i48.tinypic.com/121fhup.png") repeat;
J'espère que cela t'aura aidé,
Bonne journée !
benneke- ***
- Messages : 150
Inscrit(e) le : 07/04/2012
Re: Problème d'affichage de la colonne "Derniers messages"
- Bonsoir,
Effectivement, ça m'a aidé. Le fond s'affiche et reste ^^
Par contre la case en elle-même bouge. Il y a un léger trait vertical noir qui disparait quand on passe la souris sur la case... (cf. forum, url au post précédent)
J'ai supprimé les colonnes "auteur, vues, réponses" pour voir ce que ça donnait, mais le trait est toujours là...
Merci d'avance,
LittleChan
Re: Problème d'affichage de la colonne "Derniers messages"
Bonsoir,
rajoute ceci a ton code CSS :
Encore une fois, bien vérifier le reste du forum pour voir si le reste est resté correct
Bonne soirée !
EDIT :
Je viens de remarquer qu'il y a aussi un bord noir pas joli (enfin ca c'est mon opinion) en dessous, et il casse un peu ton double bord bleu arrondi...
Tu peux le virer en ajoutant ce code-ci :
rajoute ceci a ton code CSS :
- Code:
.row3Right {
border:none;
}
Encore une fois, bien vérifier le reste du forum pour voir si le reste est resté correct
Bonne soirée !
EDIT :
Je viens de remarquer qu'il y a aussi un bord noir pas joli (enfin ca c'est mon opinion) en dessous, et il casse un peu ton double bord bleu arrondi...
Tu peux le virer en ajoutant ce code-ci :
- Code:
td.catBottom {
border : none;
}
Dernière édition par benneke le Ven 6 Juil 2012 - 21:33, édité 1 fois
benneke- ***
- Messages : 150
Inscrit(e) le : 07/04/2012
Re: Problème d'affichage de la colonne "Derniers messages"
Malheureusement ça n'a pas marché Les cases bougent toujours...
Le reste du forum lui reste pareil (c'est déjà ça ^^)
Le reste du forum lui reste pareil (c'est déjà ça ^^)
Re: Problème d'affichage de la colonne "Derniers messages"
LittleChan a écrit:Malheureusement ça n'a pas marché Les cases bougent toujours...
Le reste du forum lui reste pareil (c'est déjà ça ^^)
Je viens de voir oui, le bord a déjà été déclaré, donc on doit utiliser la pseudo classe !important :
- Code:
.row3Right, td.catBottom {
border:none !important;
}
benneke- ***
- Messages : 150
Inscrit(e) le : 07/04/2012
Re: Problème d'affichage de la colonne "Derniers messages"
C'est super, l'affreux trait noir à disparu et mes cases sont fixes
Merci beaucoup !!! Problème résolu ^^
Merci beaucoup !!! Problème résolu ^^
Re: Problème d'affichage de la colonne "Derniers messages"
N'oublie pas d'éditer ton premier topic et le marquer en résolu ;-)
Bonne soirée
Bonne soirée
benneke- ***
- Messages : 150
Inscrit(e) le : 07/04/2012
Re: Problème d'affichage de la colonne "Derniers messages"
C'est déjà fait
Sujets similaires
» Modifier taille colonne "Sujets/Messages/Derniers messages"
» colonne derniers messages
» Probleme affichage avatars dans la colonne "Derniers messages"
» Colonne Derniers Messages
» déplacer le nombre de messages et sujets dans la colonne "Derniers Messages"
» colonne derniers messages
» Probleme affichage avatars dans la colonne "Derniers messages"
» Colonne Derniers Messages
» déplacer le nombre de messages et sujets dans la colonne "Derniers Messages"
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