[3.0] Liste des fichiers CSS et HTML de prosilver Facile

[3.0] Liste des fichiers CSS et HTML de prosilver


Bonjour,

Pour celles et ceux qui voudraient se lancer dans la création d'un style, voici un récapitulatif des fichiers css et html présents dans le style de base PROSILVER
Ceci a pour but de vous guider au mieux dans les divers pages de votre forum.

Partie css

bidi.css: Fichier servant aux attributs de direction des classes (sens de lecture), rtl (right to left) de droite a gauche
buttons.css: Fichier servant aux attributs de tous les boutons
colours.css: Fichier servant aux couleurs et images principales
common.css: Fichier servant aux attributs des classes (logo, searchbox, etc...) et de couleur (de substitution en cas de problème sur la colours.css)
content.css: Fichier servant aux attributs des différents éléments de pages (imbrication des éléments de la liste des forums, profil, etc...) (index, viewform, viewtopic)
cp.css: Fichier servant aux attributs des pages (panneau de contrôle) utilisateur, modération
forms.css: Fichier servant aux attributs du genre fieldset, input, etc (sur les searchbox, login et autres ...)
large.css: Fichier servant à la taille de la police quand on clique sur le bouton de l'index
links.css: Fichier servant aux attributs de lien à divers endroits
medium.css: Fichier servant à la taille de police quand on clique sur le bouton de l'index
normal.css: Fichier servant à la taille de police quand on clique sur le bouton de l'index
print..css: Fichier servant aux attributs pour le design de la page (imprimer le sujet)
stylesheet.css: Fichier servant aux ajouts de css additionnelle
tweaks.css: Fichier servant aux attributs de hack (bug)


Partie html

Pour bien visualiser, tous les éléments sont encadrés en rouge

attachment.html: élément pour les fichiers joints ==> démo en image
bbcode.html: fichier servant aux attributs des bbcodes (pas de démo vu que ce n'est pas directement visualisable)
captcha_default.html: élément pour la confirmation visuel lors de l'inscription ==> démo en image
captcha_qa.html: élément pour la confirmation avec question lors de l'inscription ==> démo en image
captcha_recaptcha.html: élément pour la confirmation visuelle lors de l'inscription (ce module nécessite une inscription chez captcha_recaptcha.net pour obtenir les clés) ==> démo en image
confirm_body.html: élément pour les pages de confirmation (ex: sur une action de modération) ==> démo en image
custom_profile_fields.html: élément pour le champs de profil personnalisé (dans les pages du panneau de l'utilisateur) démo en image
drafts.html: élément de page de chargement d'un brouillon précédemment enregistré ==> démo en image
faq_body.html: élément de la page faq (foire aux questions) ==> démo en image début , fin
forumlist_body.html: élément de la liste des forums (index et viewforum) ==> démo en image
index_body.html: élément du corps de la page d'index ==> démo en image
jumpbox.html: élément pour la boite d'action ("Aller à:" et lien de retour (viewforum, viewtopic, etc...)) ==> démo en image
login_body.html: élément pour la page de connexion ==> démo en image
login_forum.html: élément pour la page de connexion lorsque vous créez un mot de passe pour un forum ==> démo en image
mcp_approve.html: (panneau de modération) élément de la page d'approbation d'un message, démo en image ==> approuver , désapprouver
mcp_ban.html: (panneau de modération) élément de la page de bannissement ==> démo en image
mcp_footer.html: (panneau de modération) élément du bas de page ==> démo en image
mcp_forum.html: (panneau de modération) élément de la page de modération d'un forum ==> démo en image
mcp_front.html: (panneau de modération) élément de la page "onglet principal" ==> démo en image
mcp_header.html: (panneau de modération) élément du haut de page ==> démo en image
mcp_logs.html: (panneau de modération) élément de la page du journal de modération ==> démo en image
mcp_message.html: (panneau de modération) élément de page d'une confirmation de réalisation d'une opération de modération
mcp_move.html: (panneau de modération) élément de page pour le déplacement d'un sujet ==> démo en image
mcp_notes_front.html: (panneau de modération) élément de page sur les fiches de suivi ==> démo en image
mcp_notes_user.html: (panneau de modération) idem après avoir recherché un membre ==> démo en image
mcp_post.html: (panneau de modération) élément de page pour le rapport d'un message ==> démo en image
mcp_queue.html: (panneau de modération) élément de page pour les sujets/messages qui sont en attente de modération, démo en image ==> sujet , message
mcp_reports.html: (panneau de modération) élément de page pour les messages rapportés ==> démo en image
mcp_topic.html: (panneau de modération) élément des pages (diviser le sujet/fusionner le sujet/option d'affichage) ==> démo en image
mcp_viewlogs.html: (panneau de modération) élément de page des journaux de modération
mcp_warn_front.html: (panneau de modération) élément de page d'avertissement (première page) ==> démo en image
mcp_warn_list.html: (panneau de modération) idem mais pour la (liste des avertissements) ==> démo en image
mcp_warn_post.html: (panneau de modération) élément de pages quand vous octroyez un avertissement via le bouton avertir dans un topic ==> démo en image
mcp_warn_user.html: (panneau de modération) idem mais quand vous cherchez un membre via l'onglet (première page) ==> démo en image
mcp_whois.html: (panneau de modération) élément de page pour: une fois avoir cliqué sur le bouton "détail" dans un post et après avoir cliqué sur l'ip de l'utilisateur vous arrivez sur le whois ==> démo en image
memberlist_body.html: élément de page de la liste des membres ==> démo en image
memberlist_email.html: élément de la page d'envoi d'email via le forum démo en image
memberlist_im.html: élément de la page d'envoi de message instantané (ex: msn) démo en image
memberlist_leaders.html: élément de la liste des membres de l'équipe du forum ==> démo en image
memberlist_search.html: élément de la page de recherche de membre ==> démo en image
memberlist_view.html: élément de page de la vue de profil d'un membre => démo en image
message_body.html: élément de page sur la confirmation d'action d'utilisateur démo en image
overall_footer.html: élément du bas de page ==> démo en image
overall_header.html: élément du haut de page ==> démo en image
posting_attach_body.html: élément de page quand vous voulez ajouter un fichier joint ==> démo en image
posting_body.html: pas de démo c'est une simple page avec inclusion et condition
posting_buttons.html: élément des bbcodes sur la page de rédaction d'un message ==> démo en image
posting_editor.html: élément de la page de rédaction d'un message ==> démo en image
posting_layout.html: idem mais toute la page, démo en image ==> début , fin
posting_pm_layout.html: idem mais sur la page de rédaction d'un message privé, démo en image ==> début , fin
posting_poll_body.html: élément de page de rédaction d'un sondage ==> démo en image
posting_preview.html: élément de la page de prévisualisation d'un message ==> démo en image
posting_review.html: élément de la page de revue de sujet quand un membre a posté en même temps que vous démo en image
posting_smilies.html: élément pour la fenêtre popup des smilies ==> démo en image
posting_topic_review.html: élément de la revue de sujet lors de la création d'un message ==> démo en image
quickreply_editor.html: élément pour la réponse rapide ==> démo en image
report_body.html: élément pour la page quand vous rapportez un message ==> démo en image
search_body.html: élément de la page de recherche ==> démo en image
search_results.html: élément des pages de résultats de recherche ==> démo en image, ca gère aussi les pages "Voir mes messages" "Voir les messages sans réponses" "Voir les messages non lus" "Voir les nouveaux messages" "Voir les sujets actifs" et les searchbox
simple_footer.html: élément du bas de page d'une popup
simple_header.html: élément du haut de page d'une popup
ucp_agreement.html: élément de la page d'inscription (première page) ==> démo en image
ucp_attachments.html: (panneau de l'utilisateur) élément de la page "gestion des fichiers joints" ==> démo en image
ucp_avatar_options.html: (panneau de l'utilisateur) élément de la page "modifier l'avatar" ==> démo en image
ucp_footer.html: (panneau de l'utilisateur) élément du bas de la page (avant l'overall_footer)
ucp_groups_manage.html: (panneau de l'utilisateur) élément de la page "gestion des groupes" ==> démo en image
ucp_groups_membership.html: (panneau de l'utilisateur) élément de la page "modifier les adhésions" ==> démo en image
ucp_header.html: (panneau de l'utilisateur) élément du haut de la page (après overall_header) ==> démo en image
ucp_main_bookmarks.html: (panneau de l'utilisateur) élément de la page "gestion des favoris" ==> démo en image
ucp_main_drafts.html: (panneau de l'utilisateur) élément de la page "gestion des brouillons" ==> démo en image
ucp_main_front.html: (panneau de l'utilisateur) élément de la page "page principale" ==> démo en image
ucp_main_subscribed.html: (panneau de l'utilisateur) élément de la page "gestion des surveillances" ==> démo en image
ucp_pm_history.html:(panneau de l'utilisateur) élément de la page revue de sujet dans la lecture d'un MP ==> démo en image
ucp_pm_message_footer:(panneau de l'utilisateur) élément du bas de page ==> démo en image
ucp_pm_message_header.html: (panneau de l'utilisateur) élément du haut de page ==> démo en image
ucp_pm_options.html: (panneau de l'utilisateur) élément de la page "paramètres des options" ==> démo en image
ucp_pm_popup.html: (panneau de l'utilisateur) élément de la fenêtre popup lors de l'arrivée d'un MP ==> démo en image
ucp_pm_viewfolder.html:(panneau de l'utilisateur) élément de la page "boîte de réception, boîte d'envoi, message envoyé" ==> démo en image
ucp_pm_viewmessage.html:(panneau de l'utilisateur) élément de la page de vue d'un MP dans la boîte de réception ==> démo en image
ucp_pm_viewmessage_print.html: (panneau de l'utilisateur) élément de la page "impréssion d'un MP ==> démo en image
ucp_prefs_personal.html: (panneau de l'utilisateur) élément de la page "modifier les préférences générales" ==> démo en image
ucp_prefs_post.html: (panneau de l'utilisateur) élément de la page "modifier les préférences de message" ==> démo en image
ucp_prefs_view.html: (panneau de l'utilisateur) élément de la page "modifier les options d'affichage" ==> démo en image
ucp_profile_avatar.html: (panneau de l'utilisateur) élément de la page "modifier l'avatar" ==> démo en image
ucp_profile_profile_info.html: (panneau de l'utilisateur) élément de la page "modifier le profil" ==> démo en image
ucp_profile_reg_details.html: (panneau de l'utilisateur) élément de la page "modifier les paramètres du compte" ==> démo en image
ucp_profile_signature.html: (panneau de l'utilisateur) élément de la page "modifier la signature" ==> démo en image
ucp_register.html: (panneau de l'utilisateur) élément de la page d'enregistrement ==> démo en image
ucp_remind.html: (panneau de l'utilisateur) élément de la page "J’ai oublié mon mot de passe" ==> démo en image
ucp_resend.html: (panneau de l'utilisateur) élément de la page "Renvoyer l’e-mail de confirmation" ==> démo en image
ucp_zebra_foes.html: (panneau de l'utilisateur) élément de la page "gestion des ignorés ==> démo en image
ucp_zebra_friends.html: (panneau de l'utilisateur) élément de la page "gestion des amis" ==> démo en image
viewforum_body.html: élément de page des sous-forum ==> démo en image
viewonline_body.html: élément de la page "qui est en ligne ?" ==> démo en image
viewonline_whois.html: élément de page de la popup (quand on clique sur le lien " whois" dans "qui est en ligne ?" ==> démo en image
viewtopic_body.html.html: élément des pages des messages ==> démo en image
viewtopic_print.html: élément de la page "imprimer le sujet" ==> démo en image

A bientôt et bon courage... :wink:

micka76
Graphiste
Graphiste
 
Rédigé le: 04 Juil 2010 à 09:37
Articles: 8
Noter cet article: 123456 Votants: 3
Mots-clés: Liste, des, fichiers, .css, et, .html

Retourner vers Styles


cron