Bonsoir amis codeurs !
Eh bien, à force de trifouiller mon forum, il fallait bien s'y attendre, j'ai encore fait une boulette x)
Donc, mon problème est le suivant:
Ayant modifié mon design, j'ai voulu adapter la taille des catégories à celle de l'image que j'ai ajouté. Pour cela j'ai joué sur le Forumline
- Code:
-
.forumline{width:836px;
margin:auto;
-moz-border-radius: 5px ;
}
Sauf que malheureusement, tout le forum a donc cette largeur de 836px... Y compris la boite des smileys, ce qui rend la chose assez moche et désagréable à voir.
Petite illustration du problème:
EDIT: Même problème constaté pour les profils.
Et l'essentiel de mon CSS (Comme c'est le bazar, je vous épargne les fioritures, mais si besoin je posterais la totalité.)
- Code:
-
.forumline{width:836px;
margin:auto;
-moz-border-radius: 5px ;
}
body {
margin-top: 0px;
margin-bottom: 0px;
background-attachment: fixed;
color:#b8b8b8;
}
.bodyline {
border: 10px solid #171717;
padding:0px;
-moz-border-radius:10px;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
/*personnalisation des cadres forum*/
td.row1
{background-color: #1d1916;
}
.bodylinewidth {
width:836px;
height: 800px;}
tr.post span.gensmall { display: none; }
a:hover {
text-decoration: none !important;
}
a {
text-decoration: none !important;
}
a.forumlink:link, a.forumlink:visited {
text-transform: uppercase;
text-align:left;
border-bottom:3px dotted #c0b28a;
color:#c0b28a;
vertical-align:top;
display:block;
text-decoration: none !important;
font-size:20px;
font-weight: bold;
padding-left: 10px
}
a.forumlink:hover {
padding-left: 0px;
font-weight: bold;
font-size:20px;
text-transform: uppercase;
border-bottom:3px dotted #1F79A3;
text-shadow: black 0px 0px 3px;
color:#1F79A3;
vertical-align:top;
display:block;
background-image : url("http://img11.hostingpics.net/pics/716758opoihn10.png");
text-decoration: none !important;
padding-left: 10px
}
a.forumlink:before {
content:"ϟ "}
/*Barre de NAVIGATION*/
.mainmenu{
font-size : 13px;
color : #7a7053;
}
a.mainmenu{
text-decoration: none;
color : #1a6283;
filter:alpha(opacity=70);
-moz-opacity:0.7;opacity: 0.7;
font-variant: small-caps;
padding-right: 1px;
text-shadow: #1C1C1C 1px 1px 1px;
font-weight: bold;
}
a.mainmenu:hover{
text-decoration:none;
color : #1FA323;
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
font-weight: bold;
text-shadow: #1C1C1C 1px 1px 1px;
}
/*Zones de texte*/
input,textarea, select {
-moz-border-radius:9px;
border:1px solid #1C1C1C;
background-position: top;
background-color: #171717;
}
/*Onglet (Part)*/
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
/* DESCRIPTIONS CATEGORIES */
.contenu_HCAT/* Haut */
{
width : 836px;
height:65px;
background : url("http://img4.hostingpics.net/pics/329309bgcontent1title.png") top center no-repeat;
color :#1e6485;
text-align: center;
padding-left: 15px;
font-weight: bolder;
font-family: arial;
margin-left: 15px;
margin-bottom: -25px;
text-transform: uppercase;
letter-spacing: 1.5px;
text-shadow: #42475c 1px 1px 1px;
font-weight: bolder;
font-family: Century Gothic;
}
.TST/*Bas*/
{
width : 836px;
height:65px;
background : url("http://img4.hostingpics.net/pics/251269sdf.png") top center no-repeat;
font-family : Verdana, Arial, Helvetica, sans-serif;
color :#1e6485;
text-align: center;
padding-left: 15px;
font-weight: bolder;
font-family: arial;
margin-left: 15px;
margin-top: -3px;
text-transform: uppercase;
letter-spacing: 1.5px;
text-shadow: #42475c 1px 1px 1px;
font-weight: bolder;
font-family: Century Gothic;
}
.descr /*descriptions sous-fo*/
{background-image : url("http://img11.hostingpics.net/pics/716758opoihn10.png");
filter:alpha(opacity=90);
-moz-opacity:0.9;opacity: 0.9;
bakground-position:center;
box-position:center;
-moz-border-radius:10px 5px 10px 5px;
border: 1px solid #262626;
border-right:3px #1A1A1A solid;
border-bottom:3px #1A1A1A solid;
text-align: justify;
-moz-border-radius: 5px;
color:#B8B8B8;
-moz-box-shadow: black 1px 1px 1px;
width: 550px;
height: 170px;
background-color:#080808;
overflow:auto;}
.descr2 /*descriptions sous-fo*/
{background-image : url("http://img11.hostingpics.net/pics/716758opoihn10.png");
filter:alpha(opacity=90);
-moz-opacity:0.9;opacity: 0.9;
bakground-position:center;
box-position:center;
-moz-border-radius:10px 5px 10px 5px;
border: 1px solid #262626;
border-right:3px #1A1A1A solid;
border-bottom:3px #1A1A1A solid;
text-align: justify;
-moz-border-radius: 5px;
color:#B8B8B8;
-moz-box-shadow: black 1px 1px 1px;
width: 550px;
height: 100px;
overflow:auto;}
.test2 /*affichage liens sous-fo*/
{border-left: solid #000000 2px;
height: 80px;
width: 140px;
overflow:auto;
text-align: justify;
font-size:11px;
padding-top:10px;
margin-top:10px;
background-image : url("http://img11.hostingpics.net/pics/716758opoihn10.png");
filter:alpha(opacity=90);
-moz-opacity:0.9;opacity: 0.9;
bakground-position:center;
box-position:center;
-moz-border-radius:10px 5px 10px 5px;
border: 1px solid #262626;
border-right:3px #1A1A1A solid;
border-bottom:3px #1A1A1A solid;
text-align: justify;
-moz-border-radius: 5px;
color:#B8B8B8;
-moz-box-shadow: black 1px 1px 1px;
}
.test /*affichage liens sous-fo*/
{border-left: solid #000000 2px;
height: 100px;
width: 140px;
overflow:auto;
text-align: justify;
font-size:11px;
padding-top:10px;
margin-top:10px;
background-image : url("http://img11.hostingpics.net/pics/716758opoihn10.png");
filter:alpha(opacity=90);
-moz-opacity:0.9;opacity: 0.9;
bakground-position:center;
box-position:center;
-moz-border-radius:10px 5px 10px 5px;
border: 1px solid #262626;
border-right:3px #1A1A1A solid;
border-bottom:3px #1A1A1A solid;
text-align: justify;
-moz-border-radius: 5px;
color:#B8B8B8;
-moz-box-shadow: black 1px 1px 1px;
}
Mes questions sont donc les suivantes:
1. Y-a-t-il une autre solution ? Une alternative ?
2. Sinon peut-on modifier à l'aide du CSS/Template la taille de la smiley box ?
Merci d'avance à tout ceux qui se pencheront sur le problème =)
Lun 03 Juin 2024, 17:20 par 
