![]() ![]() |
Fab_Le_Vagabond![]() 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 |
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 |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
Voila comment je peux qualifié
tr.liste_ligne td.forums_colonne_nom |
![]() ![]() |
Twidi maire ![]() 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 |
bon premier point sur "table.liste"
"La valeur table.liste désigne le tableau des sous-forums et le tableau des topics. " ![]() 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 |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
Je rajoute sa je fais quoi ?
OU je te laisse faire ? |
![]() ![]() |
Babaorum adjoint inscrit le 22/04/2002 |
ben tu avais commencé, continue ![]() |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
Ok!
No problème! |
![]() ![]() |
Twidi maire ![]() 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 |
quand on aura tout fini on se servira de top post (essayes de tout reprendre) pour faire une bonne doc bien claire |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
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. |
![]() ![]() |
Twidi maire ![]() 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 |
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. |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
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. |
![]() ![]() |
Twidi maire ![]() 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 |
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. |
![]() ![]() |
Twidi maire ![]() 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 |
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_...) |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
Ba je suis content!
J'ai eu du mal mais j'ai réussi! La je fais une pause je continue demain! lol ptdr ![]() div pour faire quoi de plus ? l'exemple c'est une faut d'inatension |
![]() ![]() |
Twidi maire ![]() 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 |
les div.forums_nom et div.forums_description permettent de différencier le titre du sous-forum et sa description !
|
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
Ah ouais!
Ok! Je vois franchement tu es un bosse Twidi! |
![]() ![]() |
Twidi maire ![]() 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 |
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 ![]() |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
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. |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
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/0 ![]() - 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 ? |
![]() ![]() |
Twidi maire ![]() 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 |
c'est pas complet, je completerai ca tout à l'heure |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
ok! ![]() |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
Salut tous le monde je suis revenu !
Qu'est ce qui n'est pas complet ? |
![]() ![]() |
Babaorum adjoint inscrit le 22/04/2002 |
Pareil que lorsque tu es parti |
![]() ![]() |
Fab_Le_Vagabond![]() 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 |
ok! ![]() mais j'aimerai bien savoir! ![]() |
![]() ![]() |
Babaorum adjoint inscrit le 22/04/2002 |
div.separateur span : désigne réellement le séparateur, le DIV autour n'est qu'un bloc "d'emballage" |
![]() ![]() |
Bahamut922![]() 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 |
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 ![]() |
![]() ![]() |