CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| [Résolu] Question taille du profil | |
| HellPoison
{ Membre }
Messages : 11
| Bonjour, je viens vers vous aujourd'hui car ça fait deux semaines qu'avec ma co-admin nous cherchons la solution à notre problème mais on ne voit pas du tout d'où cela peut venir. Voici l'adresse du forum : Et le profil (qui nous pose problème, le méchant:grrr: ) : Je ne sais pas si le problème est visible chez tout le monde donc voici les images qui correspondent aux liens : Le forum : https://i.servimg.com/u/f71/12/99/06/92/forum_11.jpg Le profil : https://i.servimg.com/u/f71/12/99/06/92/profil11.jpg J'ai fais une capture du haut du forum pour que l'on voit la différence de taille par rapport à la barre de navigation Je vais essayer d'expliquer au mieux, donc nous avons modifier la taille du forum pour qu'il soit moins gros mais le profil lui est resté très grand. Le problème c'est qu'avec ma co-admin, nous ne savons pas où modifier cette taille, je ne sais pas si le code se trouve dans un template ou dans le CSS. Les templates que nous avons modifié sont les suivants : - index_body - index_box - overall_header - viewtopic_body Nous avons aussi modifié le CSS du forum. Je n'ai donc pas mis tous les templates mais si jamais vous en avez besoin dites le moi et je les posterai à la suite J'espère avoir été assez claire dans mes explications et merci à tout ceux qui prendront le temps de répondre à cette question en tout cas |
Dernière édition par HellPoison le Mer 18 Sep 2013, 02:34, édité 1 fois | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Je poste pour avoir aux éléments en hide ^^
EDIT : Pour déjà aider pour la recherche, essayez d'enlever tout votre CSS, est ce que le bug est encore là ? Si oui, c'est que le problème ne vient pas probablement pas du CSS ^^
Juste une petite question, dans le panneau d'administration, tu as défini à combien la largeur du forum ^^ ?
| | |
| | | HellPoison
{ Membre }
Messages : 11
| Haaa merci d'avoir répondu effectivement quand j'enlève le CSS le profil est de nouveau "normal" mais je ne vois pas du tout de quel code cela peut venir :s Pour la largeur, elle est de 50% mais je crois que ma co-admin a modifié la largeur avec un code dans le CSS. Je mets le CSS ci-dessous, je l'ai lu je ne sais combien de fois de long en large, j'ai modifié quasiment tous les pourcentages (sauf le premier 100% parce qu'il agit sur notre header) et rien ne marche. - Code:
-
/* ** HEADER AFFICHAGE ** */ @media screen and (max-width:1995px) { body { background-image: url("http://i41.tinypic.com/k2n3gj.jpg"); background-size: 100% auto; background-repeat: no-repeat; background-position: top-center; background-attachment: scroll; } /* FIN HEADER AFFICHAGE */ .forumline {width:800px;margin:auto;margin-top:-2px;border-color:#014B5E;} .td.row1, td.row2, td.row3, td.row3Right{ -moz-border-radius: 20px; -webkit-border-radius: 20px;} .titrecat { text-align: center; padding-top: -15px; padding-bottom: 15px; display: block; width: 80%; border-top: 10px solid #014B5E; border-right: 10px solid #014B5E; border-left: 10px solid #014B5E; background-color: #014B5E; color: #B2CDD9; border-top-right-radius:60px; border-top-left-radius:60px; margin-top: 12px; height: 30px; font-weight: bolder; } } h2 { color:#B2CDD9; font-size:18px; font-family: Rochester; }
/* FIN APPARENCE CATEGORIE */ /* JUSTIFIER LES MESSAGES */ .postbody { display: block; padding: 20px; text-align:justify; margin-left:15px;} /* FIN JUSTIFIER LES MESSAGES */
/*PA*/ a.imginfo { position: relative; color: #9e7d64; font-family: arial, verdana, sans-serif; text-align: center; font-size: 11px; }
a.imginfo span { display: none; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
a.imginfo hover { background: none; z-index: 999; }
a.imginfo:hover span { display: block; position: absolute; z-index: 999; overflow: hidden !important; white-space: normal; top: -5px; left: 2px; text-align: center; text-decoration: none !important; width: 105px; background: #EDF5F8; padding: 4px; border: 6px double #21343D; }
/*FIN PA*/
.quote .code {width: 500px;overflow-x: auto;}
/* CHATBOX */
#chatbox_header .cattitle strong { display: none; } #chatbox_header .cattitle:before { content: "Oserez-vous parler ?" ; } #chatbox_header .catBottom .cattitle { color: ; } .selectCode { float:right; text-transform: uppercase; cursor:pointer; color: blue;}
.signature_div img {max-height:300px;max-width:500px;}
a { text-decoration: none; } a:visited{text-decoration: none!important;} a:hover{text-decoration: none!important;}
.blog_cal-content {color:#000000;}
/* REDIMENSSIONNER LES IMAGES DU PROFIL*/
.postdetails.poster-profile img {width:200px;display:block;}
/* FIN REDIMENSSIONNER LES IMAGES DU PROFIL*/
/* MISE EN FORME DE LA PAGE D’ACCUEIL */ .titre2 { text-transform: lowercase; letter-spacing: -3px; font-family: times new roman; font-style: italic; text-align: center; font-size: 50px; color: #C6EDF4; }
.arthur { height: 140px; border: 3px solid #7C6EDF4; /* couleur des bords */ display: block; padding-left: 10px; padding-right: 10px; text-align:justify; line-height: 12px; background-color: #097878; /* couleur du fond */ }
/* FIN MISE EN FORME DE LA PAGE D’ACCUEIL */
/***APPARENCE DES CATEGORIES DU FORUM***/ forumlink { display:block; text-align:justify; margin-bottom : -15px; }
a.forumlink { margin-left:20px; letter-spacing:2px; display:block; text-align: left; color: #B2CDD9; font-style:bold; text-transform: uppercase; text-decoration:none; margin-bottom : -20px; font-size:16px; text-shadow: #111111 2px 2px 2px; font-family: Rochester; }
a.forumlink:hover { letter-spacing:3px; display:block; text-align: left; color: #B2CDD9; font-style:bold; margin-bottom : -20px; font-size:16px; margin-left:20px; text-shadow: #111111 2px 2px 2px; font-family: Rochester; }
td.row1.over, td.row3.over, td.catHead, th.thHead,td.catSides, td.spaceRow, th.thSides { border-width:0; }
.row1.over span.gensmall { background-color: #A2B5BF; display:block; text-align:center; color:#000000; margin:auto; padding:auto; margin-left:-2px; }
.gensmall:hover { text-decoration:none;}
a.gensmall { color:#ffffff; font-size:11px; text-align:justify; border:0; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.forumdesc{ display: block; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px text-align: justify; background-color: #097878; padding:10px; width:500px; height:70px; margin-left:55px; overflow:auto; }
.postbody { display: block; padding-left: 15px; padding-right: 15px; text-align:justify;} /* ** FIN APPARENCE DES CATEGORIES DU FORUM** */
/* ** QUI EST EN LIGNE ** */ .qeel1 { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-color:#014B5E; background-repeat:no-repeat;}
.qeel2 { background-color:#014B5E; background-repeat:no-repeat; padding-bottom:5px;}
.groupes { font-size:16px; font-weight:bold; padding:1px 10px 2px; text-align:center; text-decoration:none !important;} /* ** FIN DU QUI EST EN LIGNE ** */
/* APPARENCE DU PROFIL */ .AVATAR { background-color: #C0E0E8; width:200px; border:4px solid #C0E0E8; }
.NAME { text-align: center; font-family: 'rochester', cursive; font-size: 17pt; text-decoration: none; font-weight: lighter; text-align: center; letter-spacing: -1px; }
.RANK { font-family:Courier New; text-transform:uppercase; font-size:10px; display:block; text-align: center; letter-spacing:2px; margin-top: -12px; margin-bottom: -14px; }
.INFOS { font-family:arial; text-transform:uppercase; font-size: 7pt; text-decoration: none; }
/* FIN APPARENCE PROFIL */
/*ARRONDIR COINS DU FORUM*/ /* Effacement des menus groupe et FAQ */ a.mainmenu[href="/groups"], a.mainmenu[href="/faq"] {display:none;} /* Positionnement de la barre de navigation */ .navig { position: absolute; top: 32px; width: 100%; } /* Arrondissement du forum */ .forumline { -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;} /* Arrondissement des cadres des categories */ .forumline{ background-color: #014B5E; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; border: 3px #014B5E solid; } /* Arrondissement de l interieur des titres des categories */ .secondarytitle { -webkit-border-top-radius:20px; -moz-border-top-radius:20px; border-top-radius:20px; } /* Arrondissement des zones de textes et de réponse */ textarea, .textarea.post, input.post { -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px; } /* Effacement des lignes superflues dans les titres de categories */ .catHead { border: none !important;} .catBottom { border: none !important;} .thLeft { border: none !important;} .thRight { border: none !important;} .row3Right { border: none !important;} /* Effacement des options de partage dans la toolbar */ #fa_share { display: none!important; } /* Arrondissement du bouton previsualisation */ .liteoption { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} /* Arrondissement du bouton envoyer */ .mainoption { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} /* Arrondissement des citations */ .quote { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} /* Marge interieure des citations */ .quote { padding : 5px;} /* Arrondissement du coin supérieur droit du QEEL */ .catHead { -webkit-border-top-right-radius:8px; -moz-border-top-right-radius:8px; border-top-right-radius:8px;} /* Arrondissement du coin supérieur gauche du QEEL */ .catHead { -webkit-border-top-left-radius:8px; -moz-border-top-left-radius: 8px; border-top-left-radius:8px;} /* Images pour monter ou descendre sur la page */ .upbottom { position: fixed; bottom : 0px ; margin-left : 90% } /*Ajustement de la taille section dernier message */ .derni { width: 150px;} /* Arrondissement section 1 */ .row1 { background-color: #014B5E; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border: 3px #014B5E solid;} /* Arrondissement section dernier message */ .row3 { background-color: #014B5E; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border: 3px #014B5E solid;} /* Espace entre la page d accueil et la boite de connexion rapide */ table.user_login_form.forumline { margin-top: 10px;}
/* FIN ARRONDIR COINS FORUMS*/
| | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Est ce que tu pourrais fixer dans le Panneau d'Admin du coup la vraie valeur ^^ ? Je vais regarder ton CSS et essayer de trouver x). C'est déjà une bonne chose de savoir que le bug est quelque part là dedans.
Sinon, pour aller plus vite, moi j'utilise une bonne vieille technique. Je supprime la moitié du CSS, je regarde si le bug est encore là. Si oui, c'est dans l'autre moitié. Et ainsi de suite jusqu'à trouver le bon endroit ^^. Ca marche pas toujours, mais parfois ça peut bien aider ! | | |
| | | HellPoison
{ Membre }
Messages : 11
| Ha merci, c'est une super technique c'est vrai que je n'y avais pas pensé :PJ'ai trouvé où était le problème. Merci merci merci EDIT : j'ai trouvé d'où vient le problème, de ce code : - Code:
-
/* APPARENCE CATEGORIE */ .forumline {width:800px; margin:auto; margin-top:-2px; border-color:#014B5E;} .td.row1, td.row2, td.row3, td.row3Right{ -moz-border-radius: 20px; -webkit-border-radius: 20px;} .titrecat { text-align: center; padding-top: -15px; padding-bottom: 15px; display: block; width: 80%; border-top: 10px solid #014B5E; border-right: 10px solid #014B5E; border-left: 10px solid #014B5E; background-color: #014B5E; color: #B2CDD9; border-top-right-radius:60px; border-top-left-radius:60px; margin-top: 12px; height: 30px; font-weight: bolder; } } h2 { color:#B2CDD9; font-size:18px; font-family: Rochester; }
/* FIN APPARENCE CATEGORIE */ J'ai modifié le 800px avec une valeur plus petite et le profil est normal mais le forum minuscule, si j'enlève le width:800px le forum est normal mais le profil trop grand | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Hahahaha, mince la solution est toute simple mais j'y avais pas pensé avant. Forumline est utilisé super souvent sur FA, et notamment il est utilisé dans les cellules du tableau pour le profil !
Exemple : screen
Tu peux par exemple éditer le template pour visualiser le profil en enlevant la class forumline partout où elle crée un bug. | | |
| | | HellPoison
{ Membre }
Messages : 11
| | | | Contenu sponsorisé
| | | | | [Résolu] Question taille du profil | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|