|
 Nalex 
{ Membre }
 Messages : 80
 | Bonjour!
Alors voilà, je souhaite changer le design de mon forum...jusque maintenant tout se passait bien sauf que....
La taille des liens dans les catégories est anormalement grande...
Ainsi que la taille du texte des onglets du QEEL
ici: http://forumtest.catch-forum.fr/
Normalement je devrais avoir ça:
http://fellschurch.forumactif.com/ (il s'agit de mon forum donc celui dont je souhaite modifier le design)
Je ne sais pas ce qu'il faut modifier pour remédier à cela.
Merci à ceux qui voudront bien m'aider |
Dernière édition par Nalex le Sam 29 Jan 2011, 16:40, édité 1 fois | |
|
 | |
Psycho 
Psychopathe
Messages : 3407
| Hello (:
Peux-tu nous fournir ton code CSS afin que les codeurs puissent éventuellement repérer le problème (:
Merci d'avance ! | | |
|
| | |
Nalex
{ Membre }
Messages : 80
| Je sais qu'il y a des codes qui ne marchent pas car j'ai laissé le "COLOR" et autres...Je sais qu'ils ne servent à rien mais c'est pour pas les perdre et passer 3h après à les rechercher sur CSSActif XD - Code:
-
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
a {
outline: none !important;
}
body {
background-repeat: no-repeat;
}
.bodyline {padding: -0px;} /*--- Espace des côtés du forum ---*/
.forumline{
background-color: COLOR;
-moz-border-radius: 0px ;
border: 0px #COULEUR solid;
}
a.forumlink:link, a.forumlink:visited {
background-color: none;
padding-left:10px;
background-image: url("url de l'image");
margin-right: 0px;
margin-left: 0px;
font-family: Century ;
text-transform : none;
text-align: left;
font-size: 160%;
color: #bc9d96;
letter-spacing: 5px;
display: block;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
margin-top: 5px;
margin-bottom: 10px;
border-bottom: 2px dotted #ffffff;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-color: none;
letter-spacing: 5px;
color: #752b3e;
text-align: left;
display: block;
border-bottom: 0px dotted #COLOR;
}
tr.post td {padding-left: 20px;}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
tr.post span.gensmall { display: none; }
bodyline {padding:-10px;}
.descriptions-categories {
margin-right: 0px;
margin-left: 0px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 2px #d5b9b2 solid;
background-color: #COLOR;
text-align: center;
padding-right:2px;
padding-left:2px;
padding-bottom: 2px;
padding-top:0px;
margin-bottom: 10px;
margin-top: -28px;
}
/* contour avatar */
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 7px solid #801B23;
}
.mainmenu{
font-size : 11px;
padding-right: 8px;
}
a.mainmenu{
color : #ffffff;
background-color : #COLOR;
font-size: 15px;
margin-right: -10px;
border: 2px solid #000000;
}
a.mainmenu:hover{
color : #912840;
background-color : #COLOR;
font-size: 15px;
margin-right: -10px;
border: 2px solid #COLOR;
}
input, textarea, select {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/* QEEL */
.onglet { background-color: #000000 ;
border-right: 5px solid #610524;
border-left: 5px solid #610524;
border-top: 1px dotted #610524;
border-bottom: 1px dotted #610524;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
font-family: verdana;
font-weight: bold; text-align: center;
color: #ffffff;}
.message { background-color: #000000;
border-right: 5px solid #610524;
border-left: 5px solid #610524;
border-top: 1px dotted #610524;
border-bottom: 1px dotted #610524;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
text-color: #ffffff;}
/*affichage derniers messages*/
.derniers_sujets {
padding: 10px; /*espace entre le texte et la bordure*/
margin: 10px; /*espace entre le bord et la bordure*/
border: 1px dashed #ffffff;
-moz-border-radius: 10px; /*arrondir l'angle gauche du haut*/
text-align: center;
}
.CCSA{
background: url("http://img402.imageshack.us/img402/7721/sanstitre1of.png");
background-repeat:no-repeat;
height:63px;
}
#titre {
padding-top:28px;
margin-left:270px;
}
/*PA*/
.onglet
{
display:block;
cursor:pointer;
}
.onglet_0
{
background:#transp;
border-bottom:0px solid black;
}
.onglet_1
{
background:#transp;
border-bottom:0px solid black;
}
.contenu_onglet
{
background-color:#000000;
border:3px solid #610524;
margin-top:30px;
padding: 5px;
width: 550px;
height: 296px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
overflow: auto;
display:none;
}
.boitepa
{
background-color:#0f0c0c;
width: 800px;
height:430px;
border:#0f0c0c solid;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin:10px;
}
div.infobulle {
position: relative;
display:inline-block;
padding-right: 5px;
}
div.infobulle div{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover div{
display: block; /* ceci affiche l'infobulle */
position: absolute;
white-space: nowrap; /* 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: 10px; /* on positionne notre infobulle */
left: 50px;
background: #000000; /* arrière-plan de l'infobulle */
color: #610524; /* texte dans l'infobulle */
padding: 3px;
width:130px;
height: 100px;
border: solid #610524;/* bordures de votre infobulle*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
| | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Bonjour ^^
Essaies de diminuer le pourcentage de la taille de ta police (font-size);
- Code:
-
a.forumlink:link, a.forumlink:visited {
background-color: none;
padding-left:10px;
background-image: url("url de l'image");
margin-right: 0px;
margin-left: 0px;
font-family: Century ;
text-transform : none;
text-align: left;
font-size: 160%;
Et le premier lien ne marche pas =/ | | |
|
| | |
Nalex
{ Membre }
Messages : 80
| Ca change rien.
Je veux dire, ça change la taille du lien de la catégorie, mais ça ne change pas celles du QEEL, ni celle des liens dans la description de la catégorie!
Ha?
Le lien du forumtest?
Sinon j'ai mon autre forum test:
http://japan-internat.forumactif.org/
Y'a le même problème
(j'ai fait un forum test après celui ci car j'ai cru que ça venait du forum, mais non)
Ce que je comprends pas c'est que sur mon forum normal (fell's church) le design des catégories et du QEEL n'a pas de souci | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Je ne comprends pas quelque chose. Je viens de visiter ton forum et l'écriture du QEEL ainsi que la description des catégories est plutôt petite et non grande Ô.o
Bon, peux-tu faire une capture écran de ce que tu vois et ce qui te gêne exactement?
Merci ^^ | | |
|
| | |
Nalex
{ Membre }
Messages : 80
| Oui sur fell's church la taille est normal Mais quand je suis sur mon forum test, où j'ai modifié le design et tout, ça me donne ça - Spoiler:
| | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| je vois mieux ^^
Pour le QEEL tu peux toujours ajouter
- Code:
-
font-size: TAILLEpx; Dans cette partie de ton qeel
- Code:
-
.onglet
Et pour tes sous forums, as-tu utilisé un code? Où l'as tu placé?
Merci | | |
|
| | |
james1920
{ Membre actif }
 Messages : 422
| Salut,
Pour modifier la grandeur des liens de tes catégories tu peux lui attribuer une class et dans le css tu met font-size: xxpx;
Pour les liens du qeel tu peux faire de même.
EDIT: Grilled
James | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Lol, James ; elle veut diminuer la taille des sous forums et non des catégories.
Et je n'ai pas repéré le code css des sous forums Ô.o | | |
|
| | |
Nalex
{ Membre }
Messages : 80
| C'est parce que je n'ai pas de code, c'est un tableau que j'ai inséré dans la description des catégories - Code:
-
<table><tr><td 120%="" align="left" valign="top" width=""><div align="justify"><br> <span style="margin-left: 12px;"><font style="font-family:Franklin Gothic Demi Cond;" size="2"><font color="#9d212b">« Aucun jeu ne peut se jouer sans règles.»</span></font></font> <br><font style="font-family: Tahoma;" size="1">Pour bien comprendre le fonctionnement du forum et ses spécificités, nous vous invitons, avant toute chose, à prendre connaissance des règles et informations liées au forum. Cette section n'est pas facultative, et nous insistons dessus, car tous les forums ne se ressemblent pas forcément. Le règlement a été rédigé spécialement pour le forum, voilà pourquoi nous vous invitons à le lire attentivement, ainsi que le contexte.</font> </div></td><td align="left" width="2%"> </td><td align="left" valign="top" width="17%"><div align="justify"><br><br><br><b><a style="color: #5c070c;" href="http://fellschurch.forumactif.com/contexte-reglement-f1/contexte-t1.htm">www</a></b> Contexte <br> <b><a style="color: #5c070c;" href="http://fellschurch.forumactif.com/contexte-reglement-f1/reglement-t2.htm">www</a></b> Règlement </div></td></tr></table> Et j'ai modifié le template (je sais plus lequel lol) pour modifier l'aspect des catégories, notamment supprimer la colonne dernier message et fusionner avec la catégorie Et merci pour le QEEL ça fonction  Manque plus que le problème de catégorie xD |
Dernière édition par Nalex le Sam 29 Jan 2011, 13:55, édité 1 fois | |
|
| | |
james1920
{ Membre actif }
Messages : 422
| Meme chose l'idée est là. Tu rajoutes un identifiant ici une class aux liens. Ce qui donnerais : - Code:
-
<a style="color: #5c070c;" href="http://fellschurch.forumactif.com/contexte-reglement-f1/reglement-t2.htm" class="liens_sous_forum">www</a> CSS: .liens_sous_forum { font-size: 10px; } James | | |
|
| | |
Nalex
{ Membre }
Messages : 80
| Oh, impec! Merci beaucoup Pour que ça prenne sur tout le lien et pas seulement le www (parce que ce que tu m'as donné ça prend que le www), je le mets sous forme de div? Ou je fais comment? | | |
|
| | |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Il suffit d'ajouter le nom de ton sous forum(là où j'ai écrit "ici") dans le code que James t'a passé ;
- Code:
-
<a style="color: #5c070c;" href="http://fellschurch.forumactif.com/contexte-reglement-f1/reglement-t2.htm" class="liens_sous_forum">www (ici) </a>
Et si le problème est résolu je te prie de modifier ton premier post et de cocher l'icône "résolu" | | |
|
| | |
Nalex
{ Membre }
Messages : 80
| Mh, dans le lien de James c'est l'exemple du règlement
Si je fais ce que tu dis, certes tout est à la bonne taille mais le lien qui conduit au règlement va prendre en compte le www ET le mot "règlement"
Or, je ne veux que le "www" qui soit sous forme de lien :0 | | |
|
| | |
Psycho
Psychopathe
Messages : 3407
| Hello (:
Le problème est-il vraiment résolu ? Quelqu'un a apparemment déplacé ta demande puisque l'icône est cochée mais je vois ton message qui me fait penser que le problème est toujours d'actualité donc si c'est le cas, dis le moi, je déplacerai le sujet (: | | |
|
| | |
Contenu sponsorisé
| |
| | |
|
.png)
