Modifier l'apparence des titres des catégories - Page 4 Bouton_activeModifier l'apparence des titres des catégories - Page 4 Bouton_hoverModifier l'apparence des titres des catégories - Page 4 Fb-hoverModifier l'apparence des titres des catégories - Page 4 Fb-active
AccueilForumÉquipe 
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
Modifier l'apparence des titres des catégories - Page 4 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Modifier l'apparence des titres des catégories - Page 4 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Modifier l'apparence des titres des catégories - Page 4 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Modifier l'apparence des titres des catégories - Page 4 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Modifier l'apparence des titres des catégories - Page 4 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Modifier l'apparence des titres des catégories - Page 4 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Modifier l'apparence des titres des catégories - Page 4 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Modifier l'apparence des titres des catégories - Page 4 EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -14%
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 ...
Voir le deal
299.99 €

CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011Partagez
 

Modifier l'apparence des titres des catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4, 5  Suivant
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Modifier l'apparence des titres des catégories - Page 4 Empty
Bonjour **
Pour tes arrondis, essaie ce code-ci:
Code:
-moz-border-radius: 50px 50px 0px 0px;
-webkit-border-radius: 50px 50px 0px 0px;
border-radius: 50px 50px 0px 0px;

Dis-moi si ça marche :DD
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyMer 02 Fév 2011, 14:31
Revenir en haut Aller en bas
http://disneylandforum.com
hurudy
{ Membre }
{ Membre }

Masculin Messages : 14



Modifier l'apparence des titres des catégories - Page 4 Empty
Merci beaucoup ce code fonctionne !!!

Par contre j'ai encore un soucis , je trouve la hauteur un peut grande ... et qd je la modifie , le texte descend en même temps Suspect
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyMer 02 Fév 2011, 17:11
Revenir en haut Aller en bas
http://disneylandforum.com
hurudy
{ Membre }
{ Membre }

Masculin Messages : 14



Modifier l'apparence des titres des catégories - Page 4 Empty
oups j'ai trouver merci beaucoup Very Happy
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyMer 02 Fév 2011, 17:16
Revenir en haut Aller en bas
http://graphiti.forumactif.com/
Alcida
Alcida
{ Membre }
{ Membre }

Féminin Messages : 25



Modifier l'apparence des titres des catégories - Page 4 Empty
J'ai un problème et je n'arrive pas à trouver la solution :

Modifier l'apparence des titres des catégories - Page 4 Sans_t10

Mon template
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">
   
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <div class="titre_categorie">{catrow.cathead.CLASS_CAT}" </div>
   </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">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      
      <td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;">
        <span class="gensmall">{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Messages</span><br />
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
   </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 -->

Mon CSS
Code:
.titre_categorie {
      background: #f84570 ; /*fond*/
      -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/
      -moz-border-radius-topright: 50px; /*arrondi angle droit*/
      -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
      -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
      margin-top: 10px; /*ne pas modifier*/
      margin-bottom: 0px; /*a modifier selon vos goûts*/
      text-align: center; /*alignement du texte*/
      color: #ffffff;
      height: auto; /*hauteur à modifier selon vos goûts*/
      width: 500px; /*largeur à modifier selon vos goûts*/
      margin-left: 150px; /*pour déplacer la position des titres des catégories*/
      padding-top: 3px !important; /*espace entre la bordure et le texte*/
      padding-bottom: 3px !important; /*espace entre la bordure et le texte*/
      border: 1px #f84570 solid;
      border-bottom : none;
      -moz-box-shadow: 0px 2px 2px #a49896;
      -webkit-box-shadow: 0px 2px 2px #a49896;
      font-weight : bold;}
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyVen 04 Fév 2011, 13:51
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Modifier l'apparence des titres des catégories - Page 4 Empty
Bonsoir Alcida

En fait vous avez supprimé les mauvaise parties du code index_box.

J'ai modifié le code.
[spoiler]
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 -->
<div class="titre_categorie">{catrow.tablehead.L_FORUM}</div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
       
      <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>
   </tr>
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <div class="titre_categorie">{catrow.cathead.CLASS_CAT}" </div>
  </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">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
     
      <td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;">
        <span class="gensmall">{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Messages</span><br />
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
  </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 -->[/spoiler]
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyVen 04 Fév 2011, 14:35
Revenir en haut Aller en bas
http://graphiti.forumactif.com/
Alcida
Alcida
{ Membre }
{ Membre }

Féminin Messages : 25



Modifier l'apparence des titres des catégories - Page 4 Empty
Merci ! J'ai un autre problème maintenant, c'est que je n'arrive pas à changer la couleur des titres de mes catégories :/
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptySam 05 Fév 2011, 06:25
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Modifier l'apparence des titres des catégories - Page 4 Empty
Bonsoir

Pour la couleur de vos titres allez dans: Général > catégories et forums puis ajouter ou vous avez mis le titre des catégories ceci

Code:
<font color=#ffffff>titre</font>
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptySam 05 Fév 2011, 15:08
Revenir en haut Aller en bas
HEAVEN.
{ Membre }
{ Membre }

Féminin Messages : 20



Modifier l'apparence des titres des catégories - Page 4 Empty
Chez moi ça marche, mais j'ai une question. Comment on fait pour changer la police du titre de la catégorie ? Smile
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyVen 11 Fév 2011, 13:59
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Modifier l'apparence des titres des catégories - Page 4 Empty
    Hello ^^

    Tu ajoute ça à ton code :

    Code:
    font-family: Le nom de ta police;
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyVen 11 Fév 2011, 17:18
Revenir en haut Aller en bas
http://ilovelagrsjeuderole.forumouf.com/index.htm
Miss-GRS
{ Membre }
{ Membre }

Féminin Messages : 54



Modifier l'apparence des titres des catégories - Page 4 Empty
Ce tuto... est SUPER ! O_o
Merci beaucoup beaucoup de ton partage !
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptySam 12 Fév 2011, 06:45
Revenir en haut Aller en bas
HEAVEN.
{ Membre }
{ Membre }

Féminin Messages : 20



Modifier l'apparence des titres des catégories - Page 4 Empty
Massive8despair a écrit:
    Hello ^^

    Tu ajoute ça à ton code :

    Code:
    font-family: Le nom de ta police;

Merci, et j'aimerais aussi grossir la taille du texte. C'est quel code pour ça ?
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptySam 12 Fév 2011, 11:02
Revenir en haut Aller en bas
http://www.css-actif.com/
Luffy ♣
Luffy ♣
King of Pirates

Masculin Messages : 4694



Modifier l'apparence des titres des catégories - Page 4 Empty
Bonjour,

Pour changer la taille de la police, tu ajoutes ceci à ton code Wink.

Code:

font-size: XXpx;

En sachant que XX est à remplacer par la taille que souhaites mettre (par exemple 12...).

en espérant avoir pu t'aider.
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptySam 12 Fév 2011, 12:15
Revenir en haut Aller en bas
HEAVEN.
{ Membre }
{ Membre }

Féminin Messages : 20



Modifier l'apparence des titres des catégories - Page 4 Empty
J'ai mis le code, et ça ne marche pas. Quand je change les valeurs, rien ne change.
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptySam 12 Fév 2011, 12:28
Revenir en haut Aller en bas
http://www.css-actif.com/
Luffy ♣
Luffy ♣
King of Pirates

Masculin Messages : 4694



Modifier l'apparence des titres des catégories - Page 4 Empty
Étrange, puis-je avoir ton code entier s'il te plait Wink?
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptySam 12 Fév 2011, 12:41
Revenir en haut Aller en bas
http://sky-unfeeling.forumactif.com/forum.htm
Dominos_♥
Dominos_♥
{ Membre }
{ Membre }

Féminin Messages : 13



Modifier l'apparence des titres des catégories - Page 4 Empty
    merci pour ce tuto ! il rend vraiment bien c:
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyDim 13 Fév 2011, 08:35
Revenir en haut Aller en bas
http://dont-stop-believin.forumactif.com/index.htm
sydney
sydney
{ Membre }
{ Membre }

Féminin Messages : 13



Modifier l'apparence des titres des catégories - Page 4 Empty
Merci beaucoup pour ce tuto mais une petite question me turlupine. ^^

Peut-on mettre le Titre du forum (Réunion 1er etape dans l'exemple) et "message: | Sujets:" sur la même ligne ?

Je reprends l'image de Yulia pour visualiser approximativement :

Spoiler:

MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyVen 18 Fév 2011, 11:37
Revenir en haut Aller en bas
lé@h
lé@h
{ Membre }
{ Membre }

Féminin Messages : 126



Modifier l'apparence des titres des catégories - Page 4 Empty
Bonjours,pour moi,cela ne arche pas et j'ai essayer à plusieurs reprise.

Voici mon css:

Code:

-------------------------------
----------------------------------------
.quote {
background-color: #a0c890; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #a0c890;
-moz-box-shadow:5px 0px 5px #a0c890;
-webkit-box-shadow:5px 0px 5px #a0c890;
color: #ffffff; /* couleur du texte blanche */
}


.spoiler_closed{
background-color: #a0c890; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #a0c890;
-moz-box-shadow:5px 0px 5px #a0c890;
-webkit-box-shadow:5px 0px 5px #a0c890;
color: #ffffff; /* couleur du texte blanche */
}

.spoiler_content{
background-color: #a0c890; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #a0c890;
-moz-box-shadow:5px 0px 5px #a0c890;
-webkit-box-shadow:5px 0px 5px #a0c890;
color: #ffffff; /* couleur du texte blanche */
}



.code{
background-color: #a0c890; /* couleur noire du fond */
-moz-border-radius: 7px 0px 7px 0px ;
border-bottom: 6px #FFFFFFF solid;
border-top: 6px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
border-left: 2px #FFFFFFF solid;
box-shadow:5px 0px 5px #7588ab;
-moz-box-shadow:5px 0px 5px #a0c890;
-webkit-box-shadow:5px 0px 5px #a0c890;
color: #ffffff; /* couleur du texte blanche */
}

.message {

background-color:#a0c890;
min-height: 230px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-family: verdana;
text-align: center;
color: #a0c890;}


.chatling {
width:150px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
background-color: #a0c890;
border-right: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
font-family:  Georgia;
font-size:15px;
text-align: center;
-moz-border-radius:10px 0px 10px 0px;
-webkit-border-radius:20px 0px 0px 20px;
 
}


.chatling:hover {
width:150px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
font-family:  Georgia;
text-align: center;
background-color: #a0c890;
border-right: 5px solid #a0c890;
border-left: 5px solid #a0c890;
border-bottom: 2px solid #a0c890;
border-top: 2px solid #a0c890;
font-family:  Georgia;
-moz-border-radius:0px 10px 0px 10px;
-webkit-border-radius:20px 0px 0px 20px;

}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}

a.imginfo:hover span {
  display: inline; /* on 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: XXpx; /* on positionne notre infobulle */
  left: XXpx;
  background: #59A1A8;
  color: #FFFFFF;
  padding: 5px;
  border: 5px solid #FFFFFF;
  border-left: 14px solid FFFFFF;
  border-right: 0px solid #FFFFFF;
  border-top: 14px solid #FFFFFF;
  border-bottom: 0px solid #FFFFFF;
}

a.infobulle em {
display:none;
}

a.infobulle:hover {
border: 0;
position: relative;
z-index: 999;
text-decoration:none;
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */}

a.infobulle:hover em {
font-style: normal;
display: inline;
position: absolute;
top: XXpx;
left: XXpx;
background-color: #CODE COULEUR;
color: #CODE COULEUR;
padding: XXpx;
-moz-border-radius-bottomleft:14px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:14px;
-moz-border-radius-topright:0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
border: Xpx solid #FFFFFF;
width:CCpx;}









input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}

.titre{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Trebuchet MS, impact, serif;
letter-spacing: 3px;
font-size: 15px;
font-weight:bold;
background-color: #a0c890;
border-bottom: 3px double #FFFFFF;
color: #FFFFFF;
text-align: center;
padding:3px;
}

.sous-titre {
font-family: Trebuchet MS, impact, serif;
font-size: 13px;
border-bottom: 3px double #FFFFFF;
font-style:italic;
color:#ff879b;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}

**************


.thumbnail span{
position: absolute;
background-color: #a0c890;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #ffffff;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #FFFFFF; /*ou alors si tu veux une image :*/
border: double 3px COULEUR; /*on définit le style de la bordure sa largeur et sa couleur*/
}.




---------------------------


body {
background-repeat: no-repeat;
}






/* ********** BARRE DE NAVIGATION ********** */



a.mainmenu{
        text-decoration: none;
background-color: #a0c890;
border-right: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
font-family:  Georgia;
-moz-border-radius:10px 0px 10px 0px;
-webkit-border-radius:20px 0px 0px 20px;
        padding-right: 10px;
}

a.mainmenu:hover {
        text-decoration: none;
background-color: #a0c890;
border-right: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
font-family:  Georgia;
-moz-border-radius:0px 10px 0px 10px;
-webkit-border-radius:20px 0px 0px 20px;
        padding-right: 10px;
        text-transform: lowercase;
}





---------------------------



a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}



.forumline{
background-color:#FFFFFF;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 4px #FFFFFF double;
border-top: 4px #FFFFFF double;
border-right: 4px #FFFFFF double;
border-left: 4px #FFFFFF double;}

input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0px;
}


.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
border: 5px double #FFFFFF;
}



.profil_contour
{
border:  4px #FFFFFF double; /*La bordure*/
background-color:#A84548 ; /*Le fond*/
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
}




body {
background-repeat: no-repeat;
}






------------------------------------


.titre_categorie {
      background: #COULEUR; /*fond*/
      -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/
      -moz-border-radius-topright: 50px; /*arrondi angle droit*/
      -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
      -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
      margin-top: 10px; /*ne pas modifier*/
      margin-bottom: -10px; /*a modifier selon vos goûts*/
      text-align: center; /*alignement du texte*/
      height: auto; /*hauteur à modifier selon vos goûts*/
      width: 500px; /*largeur à modifier selon vos goûts*/
      margin-left: 350px; /*pour déplacer la position des titres des catégories*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: 5px !important; /*espace entre la bordure et le texte*/
      -moz-text-shadow:  2px 2px 2px #COULEUR; /*ombre sur le texte*/
      -webkit-text-shadow:  2px 2px 2px #COULEUR; /*ombre sur le texte*/
      text-shadow:  2px 2px 2px #COULEUR; /*ombre sur le texte*/
}


Et voici mon template:

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 -->      <div class="titre_categorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <div class="titre_categorie">{catrow.tablehead.L_FORUM}</div>
      <th nowrap="nowrap" width="50">{L_POSTS}</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">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </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 -->

Et le résultat,c'est sa:

Spoiler:
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyDim 20 Fév 2011, 11:43
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Modifier l'apparence des titres des catégories - Page 4 Empty
Bonjour

Si votre template index_box n'a pas été modifié avant de faire ce tutoriel prenez celui la les modifications sont faite.

Spoiler:
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyDim 20 Fév 2011, 12:04
Revenir en haut Aller en bas
lé@h
lé@h
{ Membre }
{ Membre }

Féminin Messages : 126



Modifier l'apparence des titres des catégories - Page 4 Empty
Cela ne marche pas
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyDim 20 Fév 2011, 12:56
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Modifier l'apparence des titres des catégories - Page 4 Empty
Regardez bien votre CSS vous n'avez pas mis de couleur c'est normal que cela ne fonctionne pas.
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyDim 20 Fév 2011, 13:47
Revenir en haut Aller en bas
lé@h
lé@h
{ Membre }
{ Membre }

Féminin Messages : 126



Modifier l'apparence des titres des catégories - Page 4 Empty
C'est ce que je fais,et c'est pareil,ca ne marche pas.:/
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyDim 20 Fév 2011, 16:13
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Modifier l'apparence des titres des catégories - Page 4 Empty
Bonjour

Chez moi ça fonctionne très bien.

Ci-dessous le template index_box que je vous ai fourni hier.

Spoiler:

et ici votre css avec lequel j'ai fais mon test.

Spoiler:
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyLun 21 Fév 2011, 05:20
Revenir en haut Aller en bas
lé@h
lé@h
{ Membre }
{ Membre }

Féminin Messages : 126



Modifier l'apparence des titres des catégories - Page 4 Empty
A c'est bon,merci beaucoup
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyLun 21 Fév 2011, 07:27
Revenir en haut Aller en bas
http://les-ruelles-danknor.forumactif.biz
Milo Kyte
{ Membre }
{ Membre }

Masculin Messages : 28



Modifier l'apparence des titres des catégories - Page 4 Empty
Bonjour,
Je ne sais pas si je peux demander de l'aide ici, mais voilà.
J'ai bien réussi à réaliser votre tutoriel, et là pas de problèmes, ça marche comme je le voulais.
Le problème, c'est qu'en faisant ça, mes colonnes "messages et tout" se sont rétrécies pour devenir horrible :O. Comment cela se fais-ce?
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyJeu 24 Fév 2011, 06:12
Revenir en haut Aller en bas
Invité
Invité




Modifier l'apparence des titres des catégories - Page 4 Empty
Il serait préférable de poster une demande d'aide afin que l'on puisse t'aider dans de meilleur condition! Bravo !
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 EmptyJeu 24 Fév 2011, 09:40
Revenir en haut Aller en bas
Contenu sponsorisé




Modifier l'apparence des titres des catégories - Page 4 Empty
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories - Page 4 Empty
Revenir en haut Aller en bas
 

Modifier l'apparence des titres des catégories

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 4 sur 5Aller à la page : Précédent  1, 2, 3, 4, 5  Suivant

 Sujets similaires

-
» Comment modifier les titres des catégories...
» Modifier l'apparence des titres des catégories
» Modifier présentation des titres des catégories
» Modifier présentation titres
» Modifier titres des Forums.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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