• les-forums.com
  • Support / Signaler
  • Soutenir les-forums.com
  • Créer un forum
  • Nouveau : Forum PRO !
  • S'identifier / S'inscrire
  • Fermer
les-forums.com : vous avez la parole
En moins de 5 minutes,
créez votre forum gratuitement
forum officiel aide/faq
support technique
Accueil Séparateur Présentation Séparateur Créez ! Séparateur Annuaire
Bienvenue sur le forum officiel de les-forums.com.
L'apprentissage des bases du HTML requises pour la personnalisation des forums concerne le sous-forum Programmation, tandis que les gros problèmes techniques sont à adresser au Support. La FAQ vous sera également très utile.
De plus, une lecture du bref règlement du forum pourra éviter bien des tracas.
Nous vous écoutons, soyez polis, patients et précis dans vos questions.
Pour suivre les informations officielles, suivez-nous en RSS ou via Twitter

les-forums.com - Forum officiel
Tout sur les thèmes (93 topics, 779 messages)
Topic "Toutes les valeurs pour faire son thème" (Messages 1 à 25 sur 53) Fil RSS des messages de ce topic
Dernier message par Twidi, le 25/03 à 11:40:25
 
Bas de la pageTopics
Page 1 sur 3
123>
 
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 19/08/2004 à 14:58:18
Acces au message Toutes les valeurs pour faire son thème
Voilà la première partie de la FAQ-CSS.

La valeur * désigne tous l’ensemble du forum.

La valeur a  désigne tous l’ensemble des liens du forum.

La valeur a:hover intervient lorsqu'un utilisateur passe la souris sur un lien.

La valeur a img

La valeur form désigne la fin et le début d’un formulaire.

La valeur table.liste désigne le tableau des sous-forums et le tableau des topics.

La valeur tr.liste_titre th désigne la ligne de titre des sous-forums. (Forum, Topics, Messages, Dernier message).

La valeur tr.forums_titre th désigne …

La valeur tr.liste_ligne td désigne

La valeur tr.forums_ligne td désigne

La valeur tr.forums_ligne td désigne

La valeur tr.forums_categorie th désigne

La valeur tr.liste_ligne td.forums_colonne_nom désigne
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 19/08/2004 à 14:59:32
Acces au message Toutes les valeurs pour faire son thème
Voila comment je peux qualifié
tr.liste_ligne td.forums_colonne_nom
Voir le profil de l'auteur Editer le message
Twidi
maire
http://p.twidi.com/logo_titi_cage.jpg
Cool la vie ?
Mais... Quand on aura pêché le dernier poisson, abattu le dernier arbre et moissonné la derniere récolte, l'homme se rendra compte que l'argent n'est pas comestible.
inscrit le 18/04/2001
le 19/08/2004 à 15:19:44
Acces au message Toutes les valeurs pour faire son thème
bon premier point sur "table.liste"

"La valeur table.liste désigne le tableau des sous-forums et le tableau des topics. " -> ok

MAIS, aussi, on peut spécifier juste pour un des deux tableaux :

- table.forums_liste désigne le tableau des forums
- table.topics_liste désigne le tableau des topics

ainsi on peut donner un rendu complètement différent aux deux tableaux

pour mettre en rouge la ligne de titre des sous-forums ET des sous-topics, on mettrai

table.liste tr.liste_titre th { color : red; } (le table.liste est ici facultatif)

par contre pour mettre le meme texte en vert dans la liste des forums et en rouge dans la liste des topics

table.forums_liste tr.liste_titre th { color : green; }
table.topics_liste tr.liste_titre th { color : red; }


DE PLUS, il est possible d'agir sur la liste des topics d'un forum particulier !
pour ça, il faut utiliser non lpus la classe (table.topics_liste) mais l'id du tableau (de la forme topics_XX avec XX le n° du sous-forum)

exemple, pour mettre en rouge les titres de la liste des topics du sous-forums 3 :
table#topics_3 tr.liste_titre th { color : red; }

tout ceci donne un premier exemple des possibilités poussées de personnalisation
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 19/08/2004 à 15:27:58
Acces au message Toutes les valeurs pour faire son thème
Je rajoute sa je fais quoi ?
OU je te laisse faire ?
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
inscrit le 22/04/2002
le 19/08/2004 à 15:29:11
Acces au message Toutes les valeurs pour faire son thème
ben tu avais commencé, continue :)
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 19/08/2004 à 15:30:06
Acces au message Toutes les valeurs pour faire son thème
Ok!
No problème!
Voir le profil de l'auteur Editer le message
Twidi
maire
http://p.twidi.com/logo_titi_cage.jpg
Cool la vie ?
Mais... Quand on aura pêché le dernier poisson, abattu le dernier arbre et moissonné la derniere récolte, l'homme se rendra compte que l'argent n'est pas comestible.
inscrit le 18/04/2001
le 19/08/2004 à 15:34:36
Acces au message Toutes les valeurs pour faire son thème
quand on aura tout fini on se servira de top post (essayes de tout reprendre) pour faire une bonne doc bien claire
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 19/08/2004 à 15:53:53
Acces au message Toutes les valeurs pour faire son thème
Voilà la première partie de la FAQ-CSS.

La valeur * désigne tous l’ensemble du forum.

La valeur a  désigne tous l’ensemble des liens du forum.

La valeur a:hover intervient lorsqu'un utilisateur passe la souris sur un lien.

La valeur a img

La valeur form désigne la fin et le début d’un formulaire.

La valeur table.liste désigne le tableau des sous-forums et le tableau des topics.

La valeur table.forums_liste désigne le tableau des forums

La valeur table.topics_liste désigne le tableau des topics

La valeur tr.liste_titre th désigne la ligne de titre des sous-forums. (Forum, Topics, Messages, Dernier message).

La valeur tr.forums_titre th désigne …

La valeur tr.liste_ligne td désigne les colonnes des topics

La valeur tr.forums_ligne td désigne ...

La valeur tr.forums_categorie th désigne la ligne de titre des topics (Topics, Auteur, Messages, Dernier Message)

La valeur tr.liste_ligne td.forums_colonne_nom désigne

La valeur tr.forums_ligne td désigne ...

Ouais mais il y a des truc je sais pas ce que c'est!

Message modifié le 19/08 à 15:55:00 par Fab_Le_Vagabond.

Voir le profil de l'auteur Editer le message
Twidi
maire
http://p.twidi.com/logo_titi_cage.jpg
Cool la vie ?
Mais... Quand on aura pêché le dernier poisson, abattu le dernier arbre et moissonné la derniere récolte, l'homme se rendra compte que l'argent n'est pas comestible.
inscrit le 18/04/2001
le 19/08/2004 à 15:54:12
Acces au message Toutes les valeurs pour faire son thème
bon puisque je suis lancé...

toujours concernant les tableaux de forums et topics, mais pour la ligne de titre

on a donc tr.liste_titre qui représente la ligne de titre de ces deux tableaux
mais aussi
tr.forums_titre qui représente cette ligne dans le tableau des forums (équivalent à table.forums_liste tr.liste_titre)
et tr.topics_titre pour le tableau des topics (équivalent à table.topics_liste tr.liste_titre)

et pour agir sur chaque cellule de cette ligne de titre, il faut faire suivre cette declaration (par exemple tr.forums_titre) par th

exemple : tr.forums_titre th ou pour les deux tableaux tr.liste_titre th

attention, par défaut, si aucune mise en forme n'est spécifiée pour un th, les navigateurs lui donnent par défaut le format suivant : centré et gras (équivalent à text-align : center; font-weight : bold)

Ensuite, comment travailler sur une cellule particulière de cette ligne de titre... et bien simplement en précisant une classe au th, les différentes classes étant :
 pour la liste des forums
   - forums_titre_nom pour la colonne du nom des forums
   - forums_titre_nbtopics pour la colonne du nombre de topics
   - forums_titre_nbmessages pour la colonne du nombre de messages
   - forums_titre_dernier pour la colonne du dernier posteur

 pour la liste des topics
   - topics_titre_sujet pour la colonne du sujet des topics
   - topics_titre_auteur pour la colonne de l'auteur
   - topics_titre_nombre pour la colonne du nombre de messages
   - topics_titre_dernier pour la colonne du dernier posteur
   - topics_titre_actions pour la colonne des actions (visible pour l'administrateur et les modérateurs uniquement)

exemple d'utilisation : dans la liste des topics, mettre en gras le sujet et en rouge le nombre et le reste en bleu :

tr.topics_titre th { color : blue; }
tr.topics_titre th.topics_titre_sujet { font-weight : bold; }
tr.topics_titre th.topics_titre_nombre { color ; red; }

Message modifié le 19/08 à 15:55:46 par Twidi.

Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 19/08/2004 à 16:49:23
Acces au message Toutes les valeurs pour faire son thème
je continue ...

toujours concernant les tableaux de forums et de topics, mais pour toute les autres lignes.

on a donc tr.liste_ligne qui représente une ligne
mais aussi
tr.forums_ligne qui réprésente cette ligne dans le tbleau des forums
et tr.topics_ligne pour le tableau des topics.
et encore
tr.topics_ligne_impaire qui représente les lignes impaires
tr.topics_ligne_paire qui représente les lignes paires

Ensuite, comment travailler sur une cellule particulière dans une ligne, les différentes classes étant :
 pour la liste des forums
   - forums_colonne_icone pour la colonne des icones
   - forums_colonne_nom pour la colonne du nom des forums
   - forums_colonne_nbtopics pour la colonne du nombre de topics
   - forums_colonne_nbmessages pour la colonne du nombre de messages
   - forums_colonne_dernier pour la colonne du dernier posteur

 pour la liste des topics
   - topics_colonne_icone pour la colonne des icones
   - topics_colonne_sujet pour la colonne du sujet des topics
   - topics_colonne_auteur pour la colonne de l'auteur
   - topics_colonne_nombre pour la colonne du nombre de messages
   - topics_colonne_dernier pour la colonne du dernier posteur
   - topics_colonne_actions pour la colonne des actions (visible pour l'administrateur et les modérateurs uniquement)

exemple d'utilisation : dans la liste des sous-forums, mettre en italique le sujet et en bleu le nombre et le reste en rouge :

tr.forums_ligne td { color: red; }
tr.forums_ligne td.forums_ligne_sujet { font-style: italic; }
tr.forums_ligne td.forums_ligne_nombre { color: red; }


Voila j'espèrs que c'est bien!
Parce que j'ai eu du mal a comprendre

Message modifié le 19/08 à 17:29:57 par Fab_Le_Vagabond.

Voir le profil de l'auteur Editer le message
Twidi
maire
http://p.twidi.com/logo_titi_cage.jpg
Cool la vie ?
Mais... Quand on aura pêché le dernier poisson, abattu le dernier arbre et moissonné la derniere récolte, l'homme se rendra compte que l'argent n'est pas comestible.
inscrit le 18/04/2001
le 19/08/2004 à 16:56:44
Acces au message Toutes les valeurs pour faire son thème
yes !! (+)

manque juste un truc... on peut agir sur la ligne d'un forum particulier ou d'un topic particulier

- pour un forum particulier dans la liste des forums : tr.forums_ligne_XX (XX etant le n° du forum)
- pour un topic particulier dans la liste des topics : tr.topics_forum_XX (XX etant le n° du topic)

(pour determiner le n° d'un forum, cliquer sur son titre et l'url est de la sorte : http://code.les-forums.com/forum/XX/titre.html, XX est le n°, et pour le n° d'un tpoic, pareil, cliquer sur son titre et l'url est de la sorte : http://code.les-forums.com/topic/XX/titre.html, XX est le n°)

(donc chaque forum/topic peut avoir son propre design meme dans les listes, pour personnaliser plus que ça, faut y aller !)

Message modifié le 19/08 à 17:32:48 par Twidi.

Voir le profil de l'auteur Editer le message
Twidi
maire
http://p.twidi.com/logo_titi_cage.jpg
Cool la vie ?
Mais... Quand on aura pêché le dernier poisson, abattu le dernier arbre et moissonné la derniere récolte, l'homme se rendra compte que l'argent n'est pas comestible.
inscrit le 18/04/2001
le 19/08/2004 à 17:05:31
Acces au message Toutes les valeurs pour faire son thème
ah, si autre chose, dans la liste des forums tu peux spécifier pour le nom ET la description avec td.forums_colonne_nom mais tu peux en plus préciser pour le nom avec td.forums_colonne_nom div.forums_nom et la description avec td.forums_colonne_nom div.forums_description

et pour travailler sur le lien dans une de ces cellules, il suffit de faire suivre de a, exemple, pour que le titre du forum devienne jaune qd on passe la souris sur le lien :

tr.forums_ligne td_forums_ligne_sujet a:hover { color : yellow }

(ps : ton exemple est faut, tu es sur la liste des forums donc tu travailles avec td.forums_ligne_.... et pas td.topics_ligne_...)
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 19/08/2004 à 17:29:11
Acces au message Toutes les valeurs pour faire son thème
Ba je suis content!
J'ai eu du mal mais j'ai réussi!
La je fais une pause je continue demain! lol ptdr ;o)

div pour faire quoi de plus ?

l'exemple c'est une faut d'inatension
Voir le profil de l'auteur Editer le message
Twidi
maire
http://p.twidi.com/logo_titi_cage.jpg
Cool la vie ?
Mais... Quand on aura pêché le dernier poisson, abattu le dernier arbre et moissonné la derniere récolte, l'homme se rendra compte que l'argent n'est pas comestible.
inscrit le 18/04/2001
le 19/08/2004 à 17:32:08
Acces au message Toutes les valeurs pour faire son thème
les div.forums_nom et div.forums_description permettent de différencier le titre du sous-forum et sa description !
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 19/08/2004 à 17:33:48
Acces au message Toutes les valeurs pour faire son thème
Ah ouais!
Ok!
Je vois franchement tu es un bosse Twidi!
Voir le profil de l'auteur Editer le message
Twidi
maire
http://p.twidi.com/logo_titi_cage.jpg
Cool la vie ?
Mais... Quand on aura pêché le dernier poisson, abattu le dernier arbre et moissonné la derniere récolte, l'homme se rendra compte que l'argent n'est pas comestible.
inscrit le 18/04/2001
le 19/08/2004 à 17:41:26
Acces au message Toutes les valeurs pour faire son thème
ben c psa question de ça, j'ai jsute fait en sorte de pouvoir personnaliser un max... comme moi je suis un fervent utilisateur de mes forums, je fais en sorte que ca me plaise aussi (:)
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 19/08/2004 à 17:55:43
Acces au message Toutes les valeurs pour faire son thème
Ouais ba franhement je vais te dire un quelque chose!
Je voudrais faire un hebergeur + un système de forum comme toi.
Seul problème c'est que je n'ai pas toute les capacités.
Grace à l'aide que je te porte (si on peut appeller sa comme sa) sa m'apprend plein de chose.
Mais pas encore assez!

(je pense que tu le savais parce que dans le forum de Babaorum je l'ai marqué)

Message modifié le 19/08 à 17:57:09 par Fab_Le_Vagabond.

Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 20/08/2004 à 10:12:51
Acces au message Toutes les valeurs pour faire son thème
Je continue avec le tableau des messages

 - table.message qui représente tous le tableau message et/ou la zone message
 - td.message_zone_pseudo qui représente la zone pseudo
      dans la zone pseudo
       - .message_lien_pseudo qui représente le liens dans la zone pseudo.
       - .message_signature qui représente la signature fait par l'utilisateur.
 - td.message_zone_actions qui représente la colonne avec éditer et voir le profil de l'auteur (et + pour l'administrateur et les modérateur)

     La balise div
 - div.message_date qui représente la date du post en elle même(ex: le 19/08/2004 à 17:55:43)
 - div.message_zone_date_sujet qui représente le titre du post en lui même(ex: A propos de les-forums.com)
 - div.message_message qui représente le message en lui même
Dans la valeur td.message_zone_pseudo il y a:
                        div_separateur qui représente les petit séparateur entre les étapes membres, la signature et le pseudo.
                        div_separateur span (je ne sais pas!)

j'espère que c'est bon ?


Voir le profil de l'auteur Editer le message
Twidi
maire
http://p.twidi.com/logo_titi_cage.jpg
Cool la vie ?
Mais... Quand on aura pêché le dernier poisson, abattu le dernier arbre et moissonné la derniere récolte, l'homme se rendra compte que l'argent n'est pas comestible.
inscrit le 18/04/2001
le 20/08/2004 à 10:43:13
Acces au message Toutes les valeurs pour faire son thème
c'est pas complet, je completerai ca tout à l'heure
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 20/08/2004 à 12:00:12
Acces au message Toutes les valeurs pour faire son thème
ok! :)
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 22/08/2004 à 16:25:32
Acces au message Toutes les valeurs pour faire son thème
Salut tous le monde je suis revenu !
Qu'est ce qui n'est pas complet ?
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
inscrit le 22/04/2002
le 23/08/2004 à 08:12:01
Acces au message Toutes les valeurs pour faire son thème
Pareil que lorsque tu es parti
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://perso.wanadoo.fr/lihou/Avatars_Kenshin_120/Kenshin15.jpg
Mon Site
En ce moment 1 kit exposé.
M'aider à la continuation des kits et des styles pour les-forums.com
inscrit le 26/06/2004
le 23/08/2004 à 09:48:44
Acces au message Toutes les valeurs pour faire son thème
ok! :)
mais j'aimerai bien savoir! (;)
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
inscrit le 22/04/2002
le 23/08/2004 à 12:26:17
Acces au message Toutes les valeurs pour faire son thème
div.separateur span : désigne réellement le séparateur, le DIV autour n'est qu'un bloc "d'emballage"
Voir le profil de l'auteur Editer le message
Bahamut922
http://site.voila.fr/ftp_baha/img/Baha120.png

Des cendres, un feu s'éveillera,
Des ombres, une lumière jaillira,
Reforgée sera la lame qui a été brisée,
Le sans couronne sera à nouveau Roi


SdA-Fans
inscrit le 08/12/2003
le 25/08/2004 à 17:50:50
Acces au message Toutes les valeurs pour faire son thème
pas mal comme faq ca aide bien (+)
mais je voudrais savoir à quoi correspond la bordure qui sépare chaque topic dans la liste des topics
jai du supprimer la ligne par erreur et résultat j'ai plus de bordure...
perci d'avance :)
Voir le profil de l'auteur Editer le message
 
Haut de la pageTopics
Page 1 sur 3
123>
 
Ajout de messages impossible Vous ne pouvez pas ajouter de messages.

Forum officiel

  • Créé le le 18/04/2001
  • Administrateur : Twidi
  • 2615 topics
  • 56160 messages
  • Flux RSS Flux RSS

Membres

  • 1970 membres
  • Dernier membre : w88beatvn1

Informations

  • Version 2.7
  • Page générée :
    • en 0,481 secondes
    • le 07/12 à 04:25:32

les-forums.com

  • 40683 forums
  • 504459 topics
  • 8917204 messages
  • 179338 membres
  • Crééz votre forum gratuit
  • Support
  • FAQ

Autres liens

  • Twidi.com
  • Twitter les-forums
  • Twitter Twidi
  • nokia-n900.fr
  • Ecoblogie
  • Trop LOL !