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

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

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

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

» Qui Est En Ligne - Utopia
Modifier l'apparence des titres des catégories 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 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

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

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

-25%
Le deal à ne pas rater :
PC Portable Gamer 16,1” HP Victus 16 – 16 Go /512 Go
749.99 € 999.99 €
Voir le deal

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 : 1, 2, 3, 4, 5  Suivant
http://shushu.forumactif.com/forum
Lulu
Lulu
{ Membre }
{ Membre }

Féminin Messages : 151



Modifier l'apparence des titres des catégories Empty
Coucou =)

Merci pour ce tuto !
Mais j'ai déjà modifé mon index-box et je sais pas comment fusionner ?

Le voici :
Spoiler:




merci ! =)
MessageSujet: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyVen 29 Oct 2010, 10:27
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Modifier l'apparence des titres des catégories Empty
Je valide ce tutoriel.
Merci d'apporter ta contribution au forum.
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyVen 29 Oct 2010, 11:35
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Modifier l'apparence des titres des catégories Empty
xxmimiluluxx, ça ne changera rien. Suis le tuto correctement et malgré ton template modifié, cela fonctionnera.
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyVen 29 Oct 2010, 11:40
Revenir en haut Aller en bas
http://shushu.forumactif.com/forum
Lulu
Lulu
{ Membre }
{ Membre }

Féminin Messages : 151



Modifier l'apparence des titres des catégories Empty
J'ai réussi un bout, mais y'a le machin rond au dessus qui s'affiche, mais le nom de catego reste... * oulaaaa * Bon je retente !

Merci Wink
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyVen 29 Oct 2010, 11:51
Revenir en haut Aller en bas
http://shushu.forumactif.com/forum
Lulu
Lulu
{ Membre }
{ Membre }

Féminin Messages : 151



Modifier l'apparence des titres des catégories Empty
on peut pas éditer U_____________U.

Voici ce que ça donne chez moi :
Spoiler:

1) Pour les sujets ça fait pas pareil que sur l'image ?
2) le cadre est pas autour de l'arrondi :s
3) les textes sont déplacés :s

Comment faire ?
Arigatouu~~
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyVen 29 Oct 2010, 12:14
Revenir en haut Aller en bas
http://www.ice-city.1fr1.net/
Tess'
{ Membre }
{ Membre }

Féminin Messages : 12



Modifier l'apparence des titres des catégories Empty
Puis-je tenter ce tuto même si j'ai des catégories en onglets ? :s De plus, je ne vois pas trop ce qu'il faut supprimer (peut-être est-ce déja supprimé avec les caté par onglets ? Arf :/)
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyVen 29 Oct 2010, 12:45
Revenir en haut Aller en bas
http://www.ice-city.1fr1.net/
Tess'
{ Membre }
{ Membre }

Féminin Messages : 12



Modifier l'apparence des titres des catégories Empty
(On ne peut pas éditer :/)
- Je n'ai pas :
Code:
<th nowrap="nowrap" width="50">
ni
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
dans mon index-box. Je ne peux donc pas réaliser ce tutoriel, c'est ça ? Sad

Edit Ikø': Merci d'utiliser les balises codes la prochaine fois, car le forum en entier était déformé Wink
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyVen 29 Oct 2010, 12:49
Revenir en haut Aller en bas
http://www.ice-city.1fr1.net/
Tess'
{ Membre }
{ Membre }

Féminin Messages : 12



Modifier l'apparence des titres des catégories Empty
Je la refais, désolée du triple-post mais ... Sad
Je n'ai pas :
Code:
<th nowrap="nowrap" width="50">
ni
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
dans mon template, puis-je faire quand même cette modif' ?
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyVen 29 Oct 2010, 12:52
Revenir en haut Aller en bas
Oxalys
Oxalys
{ Membre }
{ Membre }

Féminin Messages : 26



Modifier l'apparence des titres des catégories Empty
Un exemple est t'il possible pour voir le résultat de base ?
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptySam 30 Oct 2010, 08:58
Revenir en haut Aller en bas
http://fordhamuniversity.forumactif.com/index.htm
Didoune
{ Membre }
{ Membre }

Féminin Messages : 29



Modifier l'apparence des titres des catégories Empty
Bonjour Smile
Alors déjà merci pour ce magnifique tuto <3

Mais j'ai un petit probléme =S

Alors voilà mon résultat :
Spoiler:

Voici mon tremplate :
Spoiler:

Et voici mon code CSS :
Spoiler:
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptySam 30 Oct 2010, 17:15
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Modifier l'apparence des titres des catégories Empty
Coucou,

xxmimiluluxx et Didoune, c'est simplement que tu as supprimé quelque chose en trop. Vous êtes sous quelle version ??
Oxalys, il y a un exemple tout à la fin du tuto.
xxmimiluluxx, c'est normal que tu n'obtiennes pas la même chose que moi car moi j'ai modifié plus profondément mon template index_box.
Tess', c'est normal car avec les catégories en onglets, tu dois modifier autrement la présentation de tes titres.
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptySam 30 Oct 2010, 17:44
Revenir en haut Aller en bas
http://shushu.forumactif.com/forum
Lulu
Lulu
{ Membre }
{ Membre }

Féminin Messages : 151



Modifier l'apparence des titres des catégories Empty
Ha ok, pas de soucis ! j'aurais aimé tout comme ton exemple U______U !

Mais merci ^^
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptySam 30 Oct 2010, 17:54
Revenir en haut Aller en bas
http://www.ice-city.1fr1.net/
Tess'
{ Membre }
{ Membre }

Féminin Messages : 12



Modifier l'apparence des titres des catégories Empty
.Little Lady a écrit:
Coucou,

xxmimiluluxx et Didoune, c'est simplement que tu as supprimé quelque chose en trop. Vous êtes sous quelle version ??
Oxalys, il y a un exemple tout à la fin du tuto.
xxmimiluluxx, c'est normal que tu n'obtiennes pas la même chose que moi car moi j'ai modifié plus profondément mon template index_box.
Tess', c'est normal car avec les catégories en onglets, tu dois modifier autrement la présentation de tes titres.

Je fais comment alors ? :s
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptySam 30 Oct 2010, 19:25
Revenir en haut Aller en bas
http://fordhamuniversity.forumactif.com/index.htm
Didoune
{ Membre }
{ Membre }

Féminin Messages : 29



Modifier l'apparence des titres des catégories Empty
.Little Lady a écrit:
Coucou,

xxmimiluluxx et Didoune, c'est simplement que tu as supprimé quelque chose en trop. Vous êtes sous quelle version ??
Oxalys, il y a un exemple tout à la fin du tuto.
xxmimiluluxx, c'est normal que tu n'obtiennes pas la même chose que moi car moi j'ai modifié plus profondément mon template index_box.
Tess', c'est normal car avec les catégories en onglets, tu dois modifier autrement la présentation de tes titres.

Alors moi j'ai la version phpbb2.
Et si j'ai supprimer quelques choses en trop, je vois pas quoi, je suis pas trop doué xD.
Je suis vraiment désolé de te déranger avec mon problème, mais c'est vrai que j'aimerai bien arriver au même résultat que toi Smile.
Merci d'avance de ton aide Very Happy.
Bisous
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyDim 31 Oct 2010, 03:34
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Modifier l'apparence des titres des catégories Empty
Coucou,

Je répète, vous ne pouvez pas obtenir exactement la même chose que sur mon exemple car mon template index_box est modifié plus profondément. D'autant plus que cette mise en page a été réalisée pour une commande.

Tess' => Pour ça, il vaudrait mieux que tu demandes de l'aide dans la section Aide parce que là, je n'ai pas toutes les infos nécessaires pour te répondre.

Didoune => Rajoute ceci:
Code:
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"></th>
devant:
Code:
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyDim 31 Oct 2010, 05:38
Revenir en haut Aller en bas
http://fordhamuniversity.forumactif.com/index.htm
Didoune
{ Membre }
{ Membre }

Féminin Messages : 29



Modifier l'apparence des titres des catégories Empty
Merci Smile
Déjà mes cases ne sont plus de différentes tailles ^^
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyDim 31 Oct 2010, 05:51
Revenir en haut Aller en bas
http://sexe-a-pile.forumactif.org
Ange
Ange
{ Membre }
{ Membre }

Féminin Messages : 25



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

J'aurais aimé avoir un exemple du résultat final svp.

Bien cordialement.
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyDim 31 Oct 2010, 16:17
Revenir en haut Aller en bas
http://manbeast-rpg.forumactif.org/
Ki Liam.*
Ki Liam.*
{ Membre }
{ Membre }

Féminin Messages : 37



Modifier l'apparence des titres des catégories Empty
Il s'agit d'un très bon tutoriel (:
Je crois que je vais le faire sur mon forum dans les plus bref délai (: !

Merci <3
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyDim 31 Oct 2010, 22:31
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Modifier l'apparence des titres des catégories Empty
Je répète il y a un exemple à la fin du tuto.
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyLun 01 Nov 2010, 09:05
Revenir en haut Aller en bas
http://awhitedresscalling.forumr.net/forum.htm
simply(c)
{ Membre }
{ Membre }

Féminin Messages : 3



Modifier l'apparence des titres des catégories Empty
Bonjour !J'adore le résultat mais j'aimerais savoir si vous pouviez juste me faire la partie template svp car je ne comprends rien

Spoiler:
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyMer 03 Nov 2010, 11:00
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Modifier l'apparence des titres des catégories Empty
Ce que tu demandes est une commande de code or, tu ne peux pas commander ici. Et puis, un tuto est fait pour aider les autres. De plus, je ne suis pas là pour faire tous vos codes !
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyMer 03 Nov 2010, 11:04
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Modifier l'apparence des titres des catégories Empty
Coucou Very Happy

@ Little Lady. : Je pense que le fait de lui geuler dessus, on peut éviter et les quatre points d'exclamations aussi. Je comprends que tu veuille pas faire les codes de tout le monde mais en même temps elle demande de l'aide et tout le monde n'a pas ton niveau donc un "Explique-moi ce que tu n'as pas compris" aurait été plus agréable, du moins, je pense;)

@ simply(c) : Je veux bien t'aider mais je ne te ferai pas le code;) Explique-moi ce que tu n'as pas compris;)

Bonne Journée,
Haribot' ♪ Very Happy
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyMer 03 Nov 2010, 11:17
Revenir en haut Aller en bas
http://awhitedresscalling.forumr.net/forum.htm
simply(c)
{ Membre }
{ Membre }

Féminin Messages : 3



Modifier l'apparence des titres des catégories Empty
Ok merci a vous deux Smile
Et bien je n'est pas compris ce qu'il faut supprimer ,puis ce qu'il ajouter c'est un peu flou ce code pour moi
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyMer 03 Nov 2010, 11:19
Revenir en haut Aller en bas
http://sexe-a-pile.forumactif.org
Ange
Ange
{ Membre }
{ Membre }

Féminin Messages : 25



Modifier l'apparence des titres des catégories Empty
simply(c) a écrit:
Ok merci a vous deux Smile
Et bien je n'est pas compris ce qu'il faut supprimer ,puis ce qu'il ajouter c'est un peu flou ce code pour moi

+1

Salut,
Euh, moi non plus, je n'ai pas compris ce qu'il fallait supprimer avant et après chaque code. Il faudrait nous expliquer plus en détails, car ça reste flou pour nous en fait.
Cordialement

MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptyMer 03 Nov 2010, 12:39
Revenir en haut Aller en bas
http://freedom-love.forumactif.org/forum.htm
M&P
{ Membre }
{ Membre }

Féminin Messages : 31



Modifier l'apparence des titres des catégories Empty
.Little Lady a écrit:
Modifier l'apparence des titres des catégories

Niveau: Intermédiaire | Par: .Little Lady | Validé par: Haribot' ♪ | En date du: 29.10.2010

Bonjour,

Dans ce tuto, je vous propose d'apprendre comment modifier l'apparence des titres des catégories. Pour cela, il faut tout d'abord être le fondateur du forum car nous allons modifier le template index_box.

I:- Le template -

Pour modifier l'apparence du titre des catégories, il faut modifier le template index_box. Il faut chercher ceci dans le template:
Code:
{catrow.tablehead.L_FORUM}
Une fois que vous avez trouver ceci, vous allez supprimer ce qui se trouve avant
Code:
{catrow.tablehead.L_FORUM}
et après
Code:
<tr>
.

Tout va bien jusque là ? Alors continuons.

Il faut aussi supprimer ce qui se trouve après
Code:
{catrow.tablehead.L_FORUM}
et avant
Code:
<th nowrap="nowrap" width="50">
.

Ensuite, vous entourez
Code:
{catrow.tablehead.L_FORUM}
d'une div ce qui donne ceci:
Code:
<div class="titre_categorie">{catrow.tablehead.L_FORUM}</div>
puis vous déplacez le code précédent juste avant ceci
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">


Bon la première partie est finie. Il faut maintenant personnaliser le tout avec du CSS.

II:- Le CSS -

Il est évident que tu peux personnaliser tes titres avec du CSS. Voici donc un code CSS de base modifiable bien évidemment:
Code:
.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*/
}

Voilà, nous arrivons au terme de ce tuto. Pour voir ce que l'on peut obtenir, cliquer ici.

Excuses-moi, mais cette partie est très mal expliquer, c'est pourquoi je n'arrive absolument à rien ! C'est incompréhensible. Si on fait ce que tu nous dit, on perd tout, très clairement. Donc je pense que tu t'es mal exprimer, donc si tu pouvais réexpliquer plus clairement. Ou te corriger :/.
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories EmptySam 06 Nov 2010, 11:34
Revenir en haut Aller en bas
Contenu sponsorisé




Modifier l'apparence des titres des catégories Empty
MessageSujet: Re: Modifier l'apparence des titres des catégories   Modifier l'apparence des titres des catégories 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 1 sur 5Aller à la page : 1, 2, 3, 4, 5  Suivant

 Sujets similaires

-
» Modifier présentation des titres des catégories
» Comment modifier les titres des catégories...
» Modifier l'apparence 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