| En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" | |
|
Mafdet
{ Membre }
Messages : 25
| Hello! Adresse du Forum: Désolée, c'est mon forum de test et je ne tiens pas à ce que trop de monde y aie accès, donc si vous devez vraiment le voir j'enverrai le lien par mp. ^^ Problème: En suivant des explications données ici et là, j'ai réussi à modifier l'aspect de l'en-tête des titres des catégories. Jusque là, tout fonctionne. Là où ça pose problème, c'est que normalement le truc que j'ai travaillé devrait... s'emboiter dans la forme existante. Je m'explique mal, désolée! Voici une image qui expliquera peut-être d'avantage: - Spoiler:
Normalement donc, ce qui est dans l'encadré rouge devrait se retrouver là où pointe la flèche rouge... mais ce n'est pas le cas. J'ai fait plein de tentatives, mais ça ne donne rien. Alors avant de tout bousiller, je préfère demander! ^^ Navigateur utilisé & Version du Forum: Firefox - phpBB2 Code utilisé: Template:- Spoiler:
- Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --><fieldset class="fieldforum"><legend class="legforum">{catrow.tablehead.L_FORUM}</legend></fieldset><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> </tr> <!-- END tablehead --> CSS- Spoiler:
- Code:
-
.fieldforum { background: #FFFFFF; color: #557A59; border: 3px solid #557A59; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; text-align: justify;}
.legforum { background: #FFFFFF; border: 3px solid #557A59; color: #557A59; font-weight: bold; text-shadow: #557A59 1px 1px 5px; margin-left: 25px; text-transform: uppercase; letter-spacing: 2px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 0px 10px 0px; 10px; border-bottom: none;} EDIT: Tant qu'à y être, je vais poser une deuxième question qui découle probablement du premier problème étant donné qu'avant, tout était normal. En bref, la colonne des derniers messages postés [dernière colonne à droite complètement] a carrément rétrécit en appliquant la modification des en-têtes. Y aurait-il une façon de faire revenir la colonne à sa largeur initiale. Avec une image ça serait peut-être plus clair. La voici: - Spoiler:
Merci d'avance à ceux et celles qui se pencheront sur mes problèmes! ^^
|
Dernière édition par Mafdet le Sam 09 Oct 2010, 12:55, édité 1 fois | |
|
| |
Radimir
{ Membre actif }
Messages : 459
| Bonjour,
Problème déja traité sur le forum , je vous conseille donc de lire ce topic , la réponse [Avec un mini-tuto] y est.
http://www.css-actif.com/resolu-f18/probleme-categorie-t6831.htm | | |
|
| |
Mafdet
{ Membre }
Messages : 25
| Bah c'est peut-être moi qui suis aveugle (ça se pourrait ^^), mais en effet, j'avais vu ce topic-là. Malheureusement, je n'y vois pas le tuto ou de lien y menant. Et même si je clique sur les liens donnés, ça ne correspond pas à ce que je recherche. Bref, j'en suis toujours au même point...
| | |
|
| |
Radimir
{ Membre actif }
Messages : 459
| Bonsoir, C'est bien ma faute , le tuto était posté en Hide à mon intention dans le temps , je ne sais pas trop si j'ai la permission du concerné pour te le montrer aussi , vu qu'il s'agit de sa création. Toutefois je te le fait parvenir si Pull_style y voit un inconvénient qu'il le fasse savoir ^^ - Citation :
Pas de problème, je te montre directement mon tutoriel donc ^^.
J'espère qu'il sera assez compréhensible ^^. | | |
|
| |
Mafdet
{ Membre }
Messages : 25
| Bon... il y a sûrement un truc que je ne fais pas comme il faut parce que... ç'a pas du tout l'apparence souhaitée! ^^ En fait, quand je modifie à partir de mon propre template ( j'avais déjà enlevé les colonnes "sujets" et "message" pour les ajouter dans les descriptions) et en suivant les étapes, toutes mes descriptions de catégories prennent l'allure que j'avais attribué aux titres. Sans compter que je ne vois pas l'onglet si je puis dire, comme je le voudrais alors qu'avant, il était là. Pas au bon endroit, mais il était là quand même. Bref, c'est presque pire qu'avant. ^^ Voilà un aperçu de ce que ça me donne: - Spoiler:
Tu as une petite idée de ce que j'ai bien bien pu faire de travers ou de comment arranger ça? Ah ouais, au fait. Si jamais l'auteur du tuto veut que tu le supprime, ça va. Il ne reste qu'à corriger mes bêtises! ^^
| | |
|
| |
Radimir
{ Membre actif }
Messages : 459
| Je peux avoir ton template ? Et le css que tu as modifié ? juste pour régler le soucis et avoir une idée du problème | | |
|
| |
Mafdet
{ Membre }
Messages : 25
| Ouep, je peux te donner ça. Le CSS est le même qu'au départ sauf que j'ai changé les noms pour mettre ceux du tuto le temps d'arriver à me retrouver. Donc template: - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categorie"><span class="titrecategorie">{catrow.tablehead.L_FORUM}</span><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> Et j'ai ajouté la div à la fin comme indiqué dans le tuto. Et le CSS: - Code:
-
.titrecategorie { background: #FFFFFF; color: #557A59; border: 3px solid #557A59; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; text-align: justify;}
.categorie { background: #FFFFFF; border: 3px solid #557A59; color: #557A59; font-family: Courier New; font-size: 25px; font-weight: bold; text-shadow: #557A59 1px 1px 2px; margin-left: 25px; text-transform: uppercase; letter-spacing: 2px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 0px 10px 0px; 10px; border-bottom: none;} | | |
|
| |
Radimir
{ Membre actif }
Messages : 459
| Eh bien c'est normal , le css est un css de base , il y a des choses qu'il ne faut pas virer avec les modifs ... Voici ton nouveau css donc - Code:
-
.categorie{ background: #FFFFFF; border: 3px solid #557A59; color: #557A59; font-family: Courier New; font-size: 25px; font-weight: bold; text-shadow: #557A59 1px 1px 2px; margin-left: 25px; text-transform: uppercase; letter-spacing: 2px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 0px 10px 0px; 10px; border-bottom: none;}
.titrecategorie{ margin-left: 15px; padding: 3px; display: block; width: 150px; margin-top: -15px; background: #FFFFFF; color: #557A59; border-top: 3px solid #557A59; border-right: 3px solid #557A59; border-left: 3px solid #557A59; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; text-align: justify;} | | |
|
| |
Mafdet
{ Membre }
Messages : 25
| Ah ouais, je viens de voir la différence... n'empêche, les onglets prenaient l'aspect voulut avec celui que je t'ai donné. Enfin! ^^ Par-contre, je continue de croire que c'est vraiment dans le template que le problème se situe, parce que même si je change le CSS pour ce que tu m'as donné, ça ne donne toujours pas l'effet escompté. Quoique là aussi ça peut être moi qui ai fait une belle niaiserie. Enfin, si tu veux voir par toi-même: - Spoiler:
Sinon, je me demande une chose. Est-ce que ça se pourrait qu'une modification faite ultérieurement à ce même template puisse faire en sorte qu'il manque un petit quelque chose pour que ça fonctionne? J'en doute, mais sait-on jamais... Bon, je ne vois plus clair, je vais dormir! Alors la suite, demain! En tout cas, merci beaucoup pour ton aide! Quand je vais comprendre où est le problème, tout va bien aller! ^^
| | |
|
| |
Radimir
{ Membre actif }
Messages : 459
| Bah il fallait malgré tout re modifier le css pour qu'il colle à tes désirs Enfin ce n'est pas grave , le revoici ^^ et non pas besoin du template , du moins tu n'as pas toucher la partie concernant les titres - Code:
-
.categorie{ background: #FFFFFF; border: 3px solid #557A59; color: #557A59; font-family: Courier New;
margin-top:20px; text-shadow: #557A59 1px 1px 2px; margin-left: 25px; text-transform: uppercase; -moz-border-radius: 20px; padding: 0px 10px 10px; 15px; -webkit-border-radius: 20px;
border-bottom: none;}
.titrecategorie{ margin-left: 15px; font-weight: bold; display: block; font-size: 25px; width: 150px; margin-top: -15px; background: #FFFFFF; color: #557A59; border-top: 3px solid #557A59; border-right: 3px solid #557A59; border-left: 3px solid #557A59; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-top: -10px; padding:5px; text-align: center;}
| | |
|
| |
Mafdet
{ Membre }
Messages : 25
| Tu vas finir par te fatiguer de moi, je le sens. Pourtant, je suis pas si nulle que ça d'habitude. Je me démerde plutôt bien en temps normal. ^^ Bref! En effet, ça me fait le cadre voulu, mais cette fois-ci, c'est comme s'il encadrait carrément ma catégorie et non comme s'il se plaçait par-dessus le cadre de la catégorie - là où est sa véritable place. J'ai une autre image pour te montrer. - Spoiler:
Et évidemment, le truc des titres s'applique toujours au contenu. Tu crois toujours que ce n'est pas le template? Parce que je commence à en douter un peu. ^^
| | |
|
| |
Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour ^^
Le problème est-il résolu ? Si oui, merci de cocher l'option "résolu" en éditant ton premier post. | | |
|
| |
Mafdet
{ Membre }
Messages : 25
| Oui et non! ^^ En fait, j'ai réussi en suivant un autre procédé à faire ce que je voulais, c'est-à-dire de modifier les titres des catégories. Par-contre en faisant ça, c'est la largeur de la colonne "Derniers Messages" qui est devenue toute petite et c'est pas super joli. - Spoiler:
La partie concernée de mon template...- Spoiler:
- Code:
-
<!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall"> <div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div> <div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></span> </td> <!-- END forum_link_no --> ... Et le CSS associé- Spoiler:
- Code:
-
.sujets_messages { font-weight: normal; font-size: 10px; text-transform: uppercase; color: #1E3070; letter-spacing: 1px; text-align: center; background-color: #84B5D6; border: 1px solid #1E3070; margin-top: 3px; padding: 3px;}
.derniers_sujets { background-color: #84B5D6; border: 1px solid #1E3070; margin-top: 3px; padding: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
Bref, je n'ose pas trop jouer à l'intérieur pour ne pas tout détruire... alors si quelqu'un pouvait m'expliquer ce qu'il faut que je fasse pour que ma colonne reprenne sa largeur d'origine, ça serait gentil. ^^ Merci!
| | |
|
| |
Pull_up_Style
{ Membre }
Messages : 86
| Dans le css derniers message rajoute ça: - Code:
-
width: 100px; enfin joue avec le nombre ^^, j'espère que se sera bon. | | |
|
| |
Mafdet
{ Membre }
Messages : 25
| Ah, mais je suis cruche! Le pire dans tout ça, c'est que j'avais essayé de mettre ça dans mon CSS, mais en pourcentage... Pfff! Enfin! C'est génial, ça fonctionne!
Merci beaucoup! ^^
| | |
|
| |
Contenu sponsorisé
| |
| |
| En-têtes de catégories personnalisées + Largeur colonne "Derniers Messages" | |
|