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] Retirer le "Gras" | |
| Ode
{ Membre }
Messages : 183
| Bonsoir tout l'monde! ^^ J'aurais une question concernant le titre des catégories d'un forum. Par catégories, je veux dire, par exemple ici sur CSSActif, les titres: "CSSActif", "{ CSS }", { CSS & xHTML >, etc... Je voudrais savoir comment faire pour retirer le gras de ces titres, et par la même occasion, du titre de la colonne "Derniers messages" qui se trouve à droite. Je suppose bien qu'il faut le faire via les templates, ayant déjà essayé par CSS mais sans succès... Merci d'avance pour votre aide! ^^ EDIT: J'ai un deuxième soucis, qui n'a rien à voir avec le premier. ^^' Voilà, pour les besoin de mise en page de mon futur forum, j'ai besoin d'avoir un espace vide (voir image) dans ma PA. Jusque là aucun soucis. Comme j'ai un tableau, j'ai ajouté une ligne dans laquelle j'ai mis un "padding-top: tailleenpx". Bref, aucun soucis sous Firefox, ca marche nickel, c'est beau, j'aime! xD Le problème, c'est ce fichu Internet Explorer, (qui déjà, ne gère pas les ombres et très mal les gradualfader u___u") qui refuse de prendre en compte cet espace! >_____> Alors, avec le peu d'espoir qu'il me restait, je me suis dit que ca venait du "padding" qui n'était pas pris en charge, et j'ai essayé avec un "margin" mais ca ne change strictement rien de chez rien... Donc voilà si quelqu'un pouvait m'aider à résoudre ce soucis, ca m'aiderait vraiment beaucoup! Je vous met des captures d'écrans, avec la version Firefox (<3), et la version IE (grrr). Encore merci d'avance à la personne qui m'aidera. =) |
Dernière édition par Ode le Dim 30 Mai 2010, 16:53, édité 2 fois | |
| | | Liliana
{ Membre actif }
Messages : 997
| Bonsoir, Alors il me semble que cela se change via le CSS, avec la class : .secondarytitle. Essayes avec ce code : - Code:
-
.secondarytitle {font-weight: normal;} Après, pour la case "dernier message"; il faut modifier par les templates. Vas dans le "index_box" et cherche cette portion (au début du code) - Code:
-
<th nowrap="nowrap" width="50">{L_TOPICS}</th> <th nowrap="nowrap" width="50">{L_POSTS}</th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> Et remplaces par cela : en ajoutant un span; avec un "font-weight: normal"; qui représente le gras retiré (après tu peux ajouter des trucs dans le style, comme une couleur d'écriture ou autre je pense ^^) - Code:
-
<th nowrap="nowrap" width="50"><span style="font-weight: normal;">{L_TOPICS}</span></th> <th nowrap="nowrap" width="50"><span style="font-weight: normal;">{L_POSTS}</span></th> <th nowrap="nowrap" width="150"><div style="width:150px;"><span style="font-weight: normal;">{L_LASTPOST}</span></div></th> Pour ton second problème; Internet Explorer merdouille souvent avec les codes. Pourquoi ne pas créer une image transparente sous Photoshop (ou autre) de la taille que tu veux; et ne pas l'installer au lieu de mettre une marge ? | | |
| | | Ode
{ Membre }
Messages : 183
| Bonsoir Liliana! =D Déjà, merci beaucoup de m'avoir répondu! ^^ Pour le premier code, il ne fonctionne pas tel quel. Mais j'ai mis le "font-weight : normal;" dans la class que j'avais mis pour toutes mes catégories, et ca fonctionne! ^^ Donc on peut considérer ce problème comme résolu! =D Merci! ^^ Par contre, pour le template, il avait déjà été modifié, et donc la partie que tu me dit de remplacer n'apparait plus dans mon template... =$ Le voici en intégralité: - Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td></tr></table> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed"><br/>{catrow.forumrow.FORUM_DESC} <div class="subforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span> </td> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="30"> <span class="gensmall">{catrow.forumrow.LAST_POST}<br/><br/> {catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Messages</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> Enfin, pour le soucis d'espace, je pense que oui, je vais prendre une image transparente, ca sera le plus simple. ^^ Merci pour l'idée, j'avoue ne pas y avoir pensé lol | | |
| | | Liliana
{ Membre actif }
Messages : 997
| De rien [Comme je ne savais pas quelle hiérarchie tu utilisais sur ton forum; j'ai donné le code que j'ai utilisé sur mon forum de test. Tu as donc du prendre le "a.catitle" ?] Sinon, pour le template; c'est donc cette partie : - Code:
-
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> que tu dois entourer avec le span. L LASTPOST = Dernier post . Donc avec ceci ça devrait marcher : EDIT ; je pense qu'en mettant le font-weight dans la div, ça devrait marcher aussi .. ça évite de rajouter une balise xD. Essayes ceci : - Code:
-
<th nowrap="nowrap" width="150"><div style="width:150px; font-weight: normal;">{L_LASTPOST}</div></th> | | |
| | | Ode
{ Membre }
Messages : 183
| Merci beaucoup Liliana, ca fonctionne impec avec le font-weight dans la div! =D
En fait, pour le code css, j'ai juste inséré le font-weight dans la class "catégorie" que j'avais créé. ^^
En tout cas, merci pour tout: mes problèmes sont résolus! =D | | |
| | | Liliana
{ Membre actif }
Messages : 997
| De rien Je classe alors ^^ | | |
| | | Contenu sponsorisé
| | | | | [résolu] Retirer le "Gras" | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|