Explication détaillée du code CSS de l'espace Baidu

Nom de l'espace et zone d'introduction

#header - partie principale - toute la partie titre de l'en-tête de l'espace
#header div.lc ——Image d'arrière-plan dans le coin supérieur gauche de la page d'accueil
#header div.rc——Image d'arrière-plan dans le coin supérieur droit de la page d'accueil
#header div.tit - nom de l'espace, titre principal, taille et couleur du nom
#header div.tit a.titlink - lien du nom de l'espace, non cliqué
#header div.tit a.titlink:visited——Le lien qui a été visité
#header div.desc - Introduction de l'espace, c'est-à-dire sous-titre, position, taille,

barre de navigation

#tabline - la ligne horizontale sous le menu, qui est le séparateur, utilisée pour le séparer du nom de l'espace
#tab - Corps principal de la barre de menu de navigation - Image de fond de la barre "Accueil Blog | Album..." en haut de la page
#tab a.on,#tab a.on:link,#tab a.on:visited - état sélectionné, c'est-à-dire "lien de la barre de navigation", taille, couleur + arrière-plan
#tab span - Le séparateur "|" entre les éléments de la barre de navigation
#tab a:link ——TAB "Blog|Album..." couleur du lien de la colonne, non cliqué
#tab a:visited——"Blog|Album..." a été visité lien
#tab2 ——(Options de base | Paramètres du modèle | Paramètres avancés | Statistiques d'accès) Les propriétés du corps de menu de cette ligne
#tab2 span ——TAB état sélectionné
#tab2 a——TAB état non sélectionné
#tab2 a:lien

zone de contenu

qui a été visitée

.stage - toutes les parties du corps de la page (sous la barre de navigation)

et d'autres zones (c'est-à-dire des informations telles que le nombre de visites)
#comm_info La partie principale - la couleur et la position de "Des personnes ont visité cet espace" dans "Autres"
#comm_info div.line - Paramètres associés à la ligne de démarcation rose sous "Des personnes ont visité cet espace"
#comm_info a - "Qu'est-ce que la couleur RSS ?"
#comm_info a:hover - effet de survol
#comm_info.mod - titre de la zone
#m_comm_info.modbox——Autres modules de zone
#pvshow——Police du numéro de visite #m_comm_info div a——

Zone du numéro de page

#page ——hauteur du corps, position de la taille
#page span——Numéro de la page actuelle (non cliquable)
#page a.pc—— La page précédente et la page suivante n'ont pas été cliquées
#page a.pc:visité—— a été cliqué
#page a.pi - numéro de page (cliquable)

zone du module

qui a été visitée

.mod - titre du module, espacement haut et bas
.modhandle{curseur:déplacer}
.modth - la distance entre le corps de la barre de titre du module et le texte
.modhead - l'emplacement de la zone de titre du module
.modopt - zone d'opération du module (comme l'écriture d'un nouvel article), espacement
.modtit - la taille et la couleur de la zone de titre du module (comme la liste d'articles, les fichiers personnels)
.modtitlink – lien vers le titre du module
.modact - Liens de texte d'opération, liens "Modifier le profil", - Paramètres de taille et de couleur associés pour "Modifier" et autres liens dans le coin supérieur droit.
.modbox - couleur d'arrière-plan principale de la zone de contenu du module, etc.
a.modact:link - Couleur du lien "Modifier le profil"
a.modactlink:visited - un lien qui a été visité
.modtl ——Module coin supérieur gauche bord de banlieue, arrière-plan de l'image, première colonne, colonne vide
.modtc——L'image d'arrière-plan dans le module, les deuxième et troisième colonnes, les fichiers personnels, modifier les informations personnelles
.modtr - fond d'image d'arrière-plan dans le coin supérieur droit du module, quatrième colonne, colonne vide
.modbl - fond d'image d'arrière-plan dans le coin inférieur gauche du module
.modbc—— Une image d'arrière-plan en bas et en bas du module
.modbr

——Zone d'article

#m_blog div.tit - titre de l'article
#m_blog div.tit a - lien du titre de l'article, taille et couleur, non cliqué
#m_blog div.tit a:visited - Taille et couleur du titre de l'article pour les liens visités
#m_blog div.date - date de publication de l'article, taille et couleur du texte
#m_blog div.cnt—— Taille et couleur du contenu de l'article
#m_blog div.more ——« Lire la suite>> »
#m_blog div.more a ——La taille et la couleur de "Lire le texte intégral>>", non cliqué
#m_blog div.more a:visited - La taille et la couleur de "Lire la suite>>" pour les liens visités
#m_blog div.opt - zone de fonctionnement de l'article (telle que la taille des couleurs de "Modifier", etc.)
#m_blog div.opt a ——Taille et couleur du lien d'opération d'article
#m_blog div.opt a:visited - "Modifier Supprimer les commentaires (4) Afficher (21)" Liens qui ont été visités
#m_blog div.line - paramètres liés à la barre de séparation
#m_blog div.none - aucune information d'invite d'article, paramètres invisibles, pas besoin de modifier

la zone de profil personnel
#mod_profile.modtit - titre du profil de la page d'accueil
#m_pro a - Couleur de "afficher les détails" dans le profil, non cliqué
#m_pro a:hover——effet de survol
#m_pro a:visited - Lien "Afficher les détails" dans le profil visité
#m_pro div.image - La position d'affichage de l'avatar personnel dans le profil personnel, divisé en "centre, gauche, droite"
#m_pro div.act - zone d'opération - espacement entre introduction personnelle et avatar
#m_pro div.user - taille et couleur du nom d'utilisateur personnel
#m_pro div.desc - taille et couleur du profil personnel
#m_pro div.line—— ligne de démarcation
#m_pro td
#m_pro .photo——L'arrière-plan de la photo (cet élément ne peut pas être prévisualisé ci-dessous)
#m_pro .photo td——Ajouter comme ami et envoyer un message avec "|"
#m_pro .photo .image
#m_pro .photo .line - avatar souligné
#m_pro .ref
#m_pro .ref .tit - de "nom d'utilisateur" à "cercle"
#m_pro .ref .cnt
#m_pro .basic td——Nom d'utilisateur pour afficher la liste d'attente de l'utilisateur sur Baidu
#m_pro .basic .tit
#m_pro .basic a:hover——Le lien de date de province masculine, le lien survolé par la souris, n'a pas été cliqué
#m_pro .basic a.nlk:hover——"Discours de Tieba" "Connaître la réponse"
#m_pro .pline——ligne de démarcation du milieu
#m_pro .pitem——hauteur de la police
#m_pro .pitem .tit - écoles que j'ai fréquentées, etc.

zone de l'album

où survole la souris

#m_album div.image - La position d'affichage des photos dans l'album, divisée en "centre, gauche, droite"
#m_album div.page - "Page précédente" >> "Page suivante"
#m_album div.page a ——La "page suivante" de la "page précédente" n'a pas été cliquée
#m_album div.page a:visited - Liens vers la "page suivante" de la "page précédente" qui ont été visitées
#m_album div.image——Zone d'aperçu de l'album
#m_album a img - lien image
#m_album a:hover img——effet de survol de l'image
#cbut——Bouton de fonctionnement de l'album
#cbut a img{border:0px;filter:alpha(enabled=0)} ——Zone

de lien conviviale

#m_links div.item - sous-élément - couleur et taille de la police dans les liens conviviaux
#m_links div.item a - nom (lien) - la taille et la couleur de la police dans le lien convivial, non cliqué
#m_links div.item a:visited - La taille et la couleur de la police dans le lien convivial sur lequel vous avez cliqué
#m_links div.line -

module personnalisé de ligne de séparation 1-4
#m_mylink1-4 div.item——le contenu de la "description"
#m_mylink1-4 div.item a——Titre nom du lien
#m_mylink1-4 div.item a:visited——Titre le nom du lien a été visité le lien
#m_mylink1-4 div.line -

zone de classification des articles

#m_artclg div.item ——Subitem——Le nombre de sujets derrière chaque catégorie dans la catégorie d'article ainsi que la taille et la couleur des parenthèses
#m_artclg div.item a ——Nom de la catégorie (lien) ——La taille et la couleur de chaque catégorie dans la catégorie d'article, non cliquée
#m_artclg div.item a:visited - liens qui ont été visités dans chaque catégorie de la catégorie d'article
#m_artclg div.line - ligne de démarcation - paramètres liés aux séparateurs entre les catégories dans les catégories d'articles,

dernière zone de commentaires
#m_comment div.item - sous-élément - la taille et la couleur du nom d'utilisateur dans le dernier commentaire sur lequel n'a pas été cliqué
#m_comment div.item a - La taille et la couleur du nom d'utilisateur dans le dernier commentaire sur lequel n'a pas été cliqué
#m_comment div.item a:visited - la taille et la couleur du nom d'utilisateur dans le dernier commentaire sur lequel l'utilisateur a cliqué
#m_comment div.item a.cnt - la taille et la couleur du texte du commentaire dans le dernier commentaire sur lequel aucun clic n'a été effectué
#m_comment div.item a.cnt:visited - La taille et la couleur du texte du commentaire dans les derniers commentaires pour les liens visités
#m_comment div.item a.cnt:hover - le lien que la souris survole le texte du commentaire dans le dernier commentaire

Liste d'albums

de paramètres associés pour séparer les lignes entre les commentaires dans les derniers commentaires

#m_albumlist——Arrière-plan de la zone d'album du premier calque
#m_albumlist div.none——Aucune information d'invite de photo
#m_albumlist a img——petite photo de couverture de l'album
#m_albumlist a:hover img——Effet de survol de la souris
#m_albumlist div.line - ligne de démarcation
#m_albumlist div.tit——Titre de l'album
#m_albumlist div.tit a
#m_albumlist div.tit a:hover——effet de survol
#m_albumlist span.count – nombre de photos
#m_albumlist a.act——Lien de la zone d'opération, tel que modifier et supprimer
#m_albumlist a.act:hover——Effet de survol de la souris
#m_albumlist div.note——La zone d'image de la deuxième couche de l'album
#m_albumlist div.desc——Présentation de l'album
#m_albumlist span.size - taille de la photo
#m_albumlist #page ——Numéro de la page actuelle
#m_albumlist #page a - autres numéros de page
#m_albumlist #page a:hover——Effet de survol
#imagee a img——La zone d'image du troisième calque
#m_albumlist div.phimg a img - photo
#m_albumlist div.phimg a:hover img——style de survol du bouton image
#m_albumlist div.phinfo——Informations sur l'image
#m_albumlist div.phpage——Zone pour les boutons de commande
#m_albumlist div.phpage a img——Bouton d'action
#m_albumlist div.phpage a:hover img——

Liste d'amis

#m_friend div.filter
#m_friend div.catalogue
#m_friend a img——Avatar d'un ami
#m_friend a:hover img——effet de survol
#m_friend div.user
#m_friend div.user a - Nom de l'ami (lien), non cliqué
#m_friend div.user a:hover——effet de survol
#m_friend div.user a img——Image du bouton d'action
#m_friend div.user a:hover img——Image du bouton d'action
#m_friend div.user a:visited - un lien qui a été visité
#m_friend div.line -

statistiques d'accès aux paramètres de ligne de démarcation, paramètres de modèle
#m_setting a - lien {color:#3399CC}
#m_setting a:hover - effet de survol
#m_setting a:visited - paramètres de couleur, liens visités
#m_setting - le réglage de la couleur du corps a été cliqué
#m_setting img.sel ——Aperçu du modèle (état sélectionné) {border:4px solid #FFDB7B}
#m_setting img.unsel - Aperçu du modèle (état non sélectionné)
#m_setting span.tit - Nom du titre du modèle
#m_setting span.usr - nom de l'auteur
#m_setting div.sel - Texte "Modèle actuel"
#m_setting div.line -

annonce du système

#m_sysinfo a - réglage de la couleur du lien, non cliqué
#m_sysinfo a:visited - paramètres de couleur, liens visités
#m_sysinfo - taille de couleur du corps
#m_sysinfo span.new - dernière taille de couleur
#m_sysinfo span.date -

Options de base

#m_setbase - taille de la couleur du corps principal
#m_setbase td ——Taille de la couleur
#m_setbase div.line—— ligne de démarcation
#spSpaceName - nom de l'espace
#spSpaceDescri – Introduction à l'espace
#spConfigDispNum – Afficher les articles par page
#spConfigDispMod - affichage des articles
#spDateMod - format de l'heure
#btn_submit - Enregistrer

les commentaires des utilisateurs

#in_comment ——largeur du corps
#in_comment div.tit ——Paramètres tels que la couleur et la taille du titre
#in_comment div.user - Nom de l'affiche, numéro de série, couleur et taille de la ligne et autres paramètres
#in_comment div.user a - la taille de couleur de la personne qui a posté le nom (lien) sur lequel on n'a pas cliqué
#in_comment div.user a:visited - Liens qui ont été visités
#in_comment div.user span.date——Taille de la couleur de l'heure de publication
#in_comment div.desc ——Couleur et taille du contenu du commentaire
#in_comment div.line - réglage du séparateur

archive

des commentaires (titre)

#m_filed div.item - paramètres de taille de couleur du thème
#m_filed div.item a - Paramètre de taille de couleur non cliqué
#m_filed div.item a:visited - un lien qui a été visité
#m_filed div.line - ligne de démarcation

des visiteurs récents
#m_track a ——Couleur et taille de la police d'identification du visiteur
#m_track a:hover - le lien où la souris survole l'ID
#m_track a img - effet de filtre de l'avatar du visiteur, autres effets de filtre {filter:invert}, {filter:xray}
#m_track a:hover img ——L'effet de survol de la souris sur l'avatar du visiteur

Recherche Baidu
#m_search——Zone de recherche Baidu
#m_search input.text - "Internet" et autres paramètres de police
#m_search input.radio - "Internet" et autres paramètres d'arrière-plan
#m_search input.submit - Paramètres "Baidu Search"
#mod_search.mod{background:url() no-repeat 0% 0%} ——Titre de recherche Baidu
#m_search input.text——Zone de saisie
#m_search label——zone de la zone de sélection
#m_search input.radio——Le cercle devant la zone de sélection
#m_search input.submit——

Tableau de messages

#mod_board.mod——Module de forum de messages
#mod_board table.modth——Si les 6 éléments suivants ne sont pas définis, le style du module général sera hérité.
#mod_board td.modtl
#mod_board div.modhead
#mod_board span.modtit
#mod_board td.modtc
#mod_board td.modtr
input.#spBCmtAuthor——Zone de saisie du nom du message
input.#spBCmtURL——Zone de saisie de l'URL du message
#spBCmtText——Zone de saisie du message
Saisie #vercode——Boîte de saisie du code de vérification
#in_send td.f14 entrée——Bouton Message
#in_msg div——Zone de message
#in_msg a——Lien vers la zone de message
#in_msg a:hover——effet de survol
#in_msg div.tit——Titre du message de l'internaute
#in_msg table.item——Titre du message de l'internaute
#in_msg td.index——Numéro de série du message
#in_msg div.user——Utilisateur du message
#in_msg div.user a img——avatar de l'utilisateur
#in_msg div.user a:hover img——effet de survol
#in_msg td.cnt——Heure du message
#in_msg div.desc——Contenu du message
#in_msg div.line - ligne de démarcation

ma collection
#m_cang div.item——Réglage de la taille de couleur du corps principal
#m_cang div.item a——Paramètre de taille de couleur non cliqué
#m_cang div.item a:hover——effet de survol
#m_cang div.item a:visited——Le lien qui a été visité
#m_cang div.line -

histogramme de la ligne de

.stat td{line-height:22px;color:#333333;font-size:14px}/*Polices telles que les visites cumulées*/
.chart{position:relative;margin:10px 0 30px 31px;border:1px solid #B3B3DC}/*La ligne gauche du graphique à barres*/
.chart div.bar,.chart div.barhl{position:absolute;background:#DCDCF4;border:1px solid #B3B3DC;line-height:0}/*couleur de la colonne de lignecouleur du bas*/
.chart div.barhl{background:#C2C2F4}/*Effet de survol de colonne de ligne*/
.chart div.liney{position:absolute;border-top:1px pointillé #B9B9B9;line-height:0}/*ligne de séparation*/
.chart div.titx,.chart div.titxhl,.chart div.tity{position:absolute;color:#666;font-size:9px;font-family:Arial;text -align:center;white-space:nowrap }/*Numéros de coordonnées*/
.chart div.titxhl{color:#FF0000}/*Couleur de police de départ du mois*/
.chart div.hit{position:absolute;z-index:1000;width:100px;color:#666;font-size:12px;font-family:Arial}/*Effet de statistiques d'accès au survol de la colonne de ligne*/
.chart div.tity{text-align:right}
.stattop{float:left;margin-top:20px;margin-right:14px;padding:10px;width:199px!important;width:220px;border:1px solid #CDCDCD}/*Voici les paramètres d'analyse*/
.stattop{float:left;margin-top:20px;margin-right:14px;padding:10px;width:199px!important;width:220px;border:1px solid #CDCDCD}
.stattop .list{margin-top:6px}

Calendrier

.stattop .list td{hauteur:20px}

#mod_cals .modbox - module calendrier
#cals——arrière-plan principal du calendrier, bordure
#mod_cals .modbox td - paramètres de couleur de police
#m_cals——Définir la couleur d'arrière-plan du module
#m_cals div——Paramètres d'arrière-plan
#cals .cal_body,#cals .cal_mth——Partie date sauf contrôleur de l'année et du mois, y compris la semaine et la date générale
Table #cals .cal_yr——Tableau de l'année et du mois
#cals .cal_yr td——*année, mois cellule
#cals .cal_yr .cal_pre - Flèche du mois précédent (normal)
#cals .cal_yr .cal_nxt - flèche du mois prochain (normal)
#cals .cal_yr .cal_pre_ovr - Flèche du mois précédent (survol de la souris)
#cals .cal_yr .cal_nxt_ovr - flèche du mois prochain (survol de la souris)

derniers articles d'amis
#mod_friblog .modbox——Module pour les derniers articles de vos amis
#m_friblog div.item——Réglage de la taille de couleur du corps principal du nom de l'ami
#m_friblog div.item a——Paramètre de taille de couleur du nom d'un ami sur lequel on n'a pas cliqué
#m_friblog div.item a:visited - lien où le nom de l'ami a été visité
#m_friblog div.item a.cnt——Taille de la couleur du contenu de l'article
#m_friblog div.item a.cnt:visited - lien vers le contenu de l'article visité
#m_friblog div.item a.cnt:hover——Effet de survol du contenu de l'article
#m_friblog div.line - ligne de démarcation
#m_friblog a img——Effet de filtre de l'avatar d'un ami, autres effets de filtre
#m_friblog a:hover img - l'effet de survol de la souris sur l'avatar de l'ami