[résolu] Retirer le "Gras" Bouton_active[résolu] Retirer le "Gras" Bouton_hover[résolu] Retirer le "Gras" Fb-hover[résolu] Retirer le "Gras" Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
[résolu] Retirer le "Gras" EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
[résolu] Retirer le "Gras" EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[résolu] Retirer le "Gras" EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[résolu] Retirer le "Gras" EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[résolu] Retirer le "Gras" EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[résolu] Retirer le "Gras" EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[résolu] Retirer le "Gras" EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[résolu] Retirer le "Gras" EmptySam 11 Fév 2023, 06:04 par Krager

-14%
Le deal à ne pas rater :
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 trs/min, Classe ...
299.99 € 349.99 €
Voir le deal

Partagez
 

[résolu] Retirer le "Gras"

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.across-rpg.com
Ode
Ode
{ Membre }
{ Membre }

Féminin Messages : 183



[résolu] Retirer le "Gras" Empty
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! Smack Smack 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. =)
Spoiler:
Spoiler:


Dernière édition par Ode le Dim 30 Mai 2010, 16:53, édité 2 fois
MessageSujet: [résolu] Retirer le "Gras"   [résolu] Retirer le "Gras" EmptyLun 24 Mai 2010, 11:42
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



[résolu] Retirer le "Gras" Empty
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 ?
MessageSujet: Re: [résolu] Retirer le "Gras"   [résolu] Retirer le "Gras" EmptyDim 30 Mai 2010, 16:12
Revenir en haut Aller en bas
http://www.across-rpg.com
Ode
Ode
{ Membre }
{ Membre }

Féminin Messages : 183



[résolu] Retirer le "Gras" Empty
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">&nbsp;</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
MessageSujet: Re: [résolu] Retirer le "Gras"   [résolu] Retirer le "Gras" EmptyDim 30 Mai 2010, 16:19
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



[résolu] Retirer le "Gras" Empty
De rien Wink

[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 Wink. 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>


Wink
MessageSujet: Re: [résolu] Retirer le "Gras"   [résolu] Retirer le "Gras" EmptyDim 30 Mai 2010, 16:37
Revenir en haut Aller en bas
http://www.across-rpg.com
Ode
Ode
{ Membre }
{ Membre }

Féminin Messages : 183



[résolu] Retirer le "Gras" Empty
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
MessageSujet: Re: [résolu] Retirer le "Gras"   [résolu] Retirer le "Gras" EmptyDim 30 Mai 2010, 16:52
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



[résolu] Retirer le "Gras" Empty
De rien Wink
Je classe alors ^^
MessageSujet: Re: [résolu] Retirer le "Gras"   [résolu] Retirer le "Gras" EmptyDim 30 Mai 2010, 16:52
Revenir en haut Aller en bas
Contenu sponsorisé




[résolu] Retirer le "Gras" Empty
MessageSujet: Re: [résolu] Retirer le "Gras"   [résolu] Retirer le "Gras" Empty
Revenir en haut Aller en bas
 

[résolu] Retirer le "Gras"

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Retirer l'effet gras sur les pseudos
» [résolu]Retirer auteur & message dans un topic RESOLU
» [Résolu] Spoiler, retirer les :
» Style du texte souligné & gras. (Résolu)
» [résolu]Retirer la mention "derniers messages".

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit