style de catégories Bouton_activestyle de catégories Bouton_hoverstyle de catégories Fb-hoverstyle de catégories 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
style de catégories EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
style de catégories EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
style de catégories EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
style de catégories EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
style de catégories EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
style de catégories EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
style de catégories EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
style de catégories EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -50%
WiMiUS S27 – Mini projecteur portable rotatif ...
Voir le deal
69.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

style de catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Bonjour Very Happy J'aimerais avoir le code pour souligné le nom des catégories, et en majuscule quand la souris ce pose . style de catégories 1779901633 comme ici http://sweet-art.forumactif.fr/ Merci d'avance style de catégories 1001172573


Dernière édition par Maeva2012 le Ven 27 Juil 2012, 08:11, édité 2 fois
MessageSujet: style de catégories   style de catégories EmptyJeu 26 Juil 2012, 19:42
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
Salut

Alors déjà un bonjour / Merci ne serait pas de trop, Very Happy On est pas des robots style de catégories 1779901633

Ensuite pour ce que tu demande ce sont des codes, je vais te les donner mais tu pouvais chercher avec l'ami Google, beaucoup de site peuvent te les donner.

Pour mettre en pointillé ou autre
Code:
border-bottom: XXpx #Couleur FORME
Cours :
bottom => cela signifie que le trait va être en bas
XXpx => c'est la hauteur du trait, à toi de mettre les pixel 1, 2 ou 100
#Couleur => Tu mets la couleur que tu veux
FORME => Il existe divers forme : un trait = solid, trait en pointillé long = dashed, trait pointillé = dotted, etc

Pour mettre un majuscule
Code:
text-transform: uppercase

C'est tous
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 03:59
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Oui excusée moi je devais aller me coucher donc j'ai fais vite style de catégories 4205929361
Sinon ça je le place dans style CSS ? par que je copie colle je remplis comme tu me dis mais ça marche pas style de catégories 1920415962
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 06:43
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
Alors es ce que tu as déjà toucher ta page CSS ?

Si oui es ce que tu as un nom de CSS de ce type ?
Code:
a.forumlink
C'est cette partie qui permet de toucher au titre du forum, le a signifie que cela s'applique seulement à un lien, t'es pas obliger de la garder

Code:
a.forumlink:hover
Cette partie touche au titre du forum mais seulement quand la souris est dessus

Donc maintenant que tu connais les noms il suffit de prendre le nom et rajouter quelque chose à l'intérieur sans oublier de rajouter et fermé les onglets { }

En exemple
Code:
.NOM {
Ce que tu veux
}

Voila
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 07:30
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Attends .. je comprends rien ..
Tu veux pas t'inscrire je te mets admin et tu le fais ? http://swag-graph.forumactif.fr/
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 07:49
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
Non même si tu me mets Admin, je ne vais rien faire c'est ton forum et tu dois apprendre Very Happy , mais je vais t'aider petit par petit cela te va ?

Tu sais ou est ta feuille CSS ?
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 07:58
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Oui je sais Very Happy
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 08:00
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
dans ta feuille es ce que tu as cela

Code:
a.forumlink
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 08:02
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Nan.
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 08:07
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
alors c'est toi qui va le mettre, tu mets le nom puis tu rajoute les balises, et dans les balises tu mets ce que je donner dans mon tout premier message

Code:
a.forumlink {
border-bottom: XXpx #Couleur FORME
}

Ensuite tu dit que tu veux que cela s'agrandit au passage de la souris pour cela tu utilise :hover derrière le nom comme cela
Code:
a.forumlink:hover
et tu fais comme je te l'ai dit, tu mets le nom, les balise et tu rajoute le text-transform: uppercase à l’intérieur

Code:
a.forumlink:hover {
text-transform: uppercase
}

Tu as compris ?
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 08:19
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Ca fait pour le texte en majuscule, mais pour faire ça
Spoiler:
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 08:40
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
c'est normal tu as mis un point à la fin de forumlink regard
Code:
a.forumlink. {
  border-bottom: 10px #000000 solid}

Enlève le et tu verras ^^
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 09:04
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Je l'ai enlevé ça fais rien ..
Pour les majuscules c'est bon
Mais je veux ça en plus
Spoiler:
les tiret que tu vois - - - -
Comme ça c'est ça que je veux ..
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 09:08
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
Oui j'avais compris

Tu pourrais le passer ta feuille CSS s'il te plait ^^ ?
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 09:10
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Voilà ma feuille de CSS
style de catégories 2j1k5qv
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 09:13
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
Tu aurais pu faire copier coller puis tu entoures d'un code Very Happy

Tu as mis deux fois background-repeat tu peux en elever un, s'il te plait

Ensuite j'ai fait un test chez moi et normalement cela marche
Code:
a.forumlink{
  border-bottom: 10px #000000 solid;
}
a.forumlink:hover {
text-transform: uppercase;
}

Es ce que cela marche chez toi ? Si non es ce que tu as toucher au template index_box ?
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 09:20
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Oui j'ai toucher à index_box What a Face
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 09:27
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
Tu pourrais me le passer, s'il te plait ? En faisant copier/ coller ici et an l'entourant de [ code] [/ code]
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 09:36
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
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>
      <!-- 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">
              <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>
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 09:39
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
Tu m'as tout donner il manque la fin ^^
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 09:46
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Voici la fin Wink
Code:
</td>
     
     
     
      <td class="row3 over" align="center" valign="middle" whidth="100" height="50">
        <span class="gensmall"><div class="codage">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets
                          <br> {catrow.forumrow.LAST_POST} </br> </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 -->
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 09:48
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
Même avec ton template, cela marche chez moi ^^
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 10:08
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Pour aller plus vite tu veux pas me donner tout le code ? que j'ai juste à le copier\coller ? T.T
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 10:12
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



style de catégories Empty
Ok voici le template, enfin le tient

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>
      <!-- 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">
            <div class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </div>
        </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" whidth="100" height="50">
        <span class="gensmall"><div class="codage">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets
                          <br> {catrow.forumrow.LAST_POST} </br> </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 voici le CSS

Code:
body{
background-color : #a6e2b5;
background-image:url(http://i50.tinypic.com/1erhc9.png);
background-repeat:no-repeat;
background-position: top-center;
background-attachment: scroll;}

.forumlink{
  border-bottom: 10px #000000 solid;
  text-decoration: underline;
}
.forumlink:hover {
text-transform: uppercase;
}

Si après cela rien ne change, j’appellerais quelqu'un ^^


Dernière édition par Faucon le Ven 27 Juil 2012, 10:34, édité 1 fois
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 10:15
Revenir en haut Aller en bas
http://swag-art.forumactif.fr
Maeva2012
{ Membre }
{ Membre }

Féminin Messages : 45



style de catégories Empty
Ca souligne le titre des catégories mais ça mets pas de - - - - - en dessous .. des catés .. T.T
Merci.
MessageSujet: Re: style de catégories   style de catégories EmptyVen 27 Juil 2012, 10:21
Revenir en haut Aller en bas
Contenu sponsorisé




style de catégories Empty
MessageSujet: Re: style de catégories   style de catégories Empty
Revenir en haut Aller en bas
 

style de catégories

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

 Sujets similaires

-
» Problème de script pour l'affichage des sous catégories et forums dans un système de catégories en onglet. ( forum en phpBB2)
» Modify chat to the style facebook / Modifier chat au style facebook
» QEEL original et stylé
» [CSS] code feuille de style
» Apporter un style aux Tableaux.

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-
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 | Forumactif.com