Comment modéliser l&rsquoonglet grille du module de blog Divi (avec 4 exemples)

Article: le n ème enfant (PAIR): vol stationnaire. Titre de lamp;rsquoentrée,
Carte Grid. Colonne: premier sous article: n enfant (PAIR): vol stationnaire. Hou Yuan,
Carte Grid. Colonne: premier sous article: n enfant (PAIR): vol stationnaire. Post yuan a,
Carte Grid. Colonne: premier sous article: n enfant (PAIR): vol stationnaire. Publier le contenu P,
Carte Grid. Colonne: dernier sous article: n enfant (PAIR): vol stationnaire. Titre de lamp;rsquoentrée,
Carte Grid. Colonne: dernier article pour enfants: n enfant (PAIR): vol stationnaire. Hou Yuan,
Carte Grid. Colonne: dernier sous article: n enfant (PAIR): vol stationnaire. Post yuan a,
Carte Grid. Colonne: dernier sous article: n enfant (PAIR): vol stationnaire. Publier le contenu P,
Carte Grid. Colonne: n enfant (2) Article: n enfant (impair): vol stationnaire. Titre de lamp;rsquoentrée,
Carte Grid. Colonne: n enfant (2) Article: n enfant (impair): vol stationnaire. Hou Yuan,
Carte Grid. Colonne: n enfant (2) Article: n enfant (impair): vol stationnaire. Post yuan a,
Carte Grid. Colonne: n enfant (2) Article: n enfant (impair): vol stationnaire. Publier le contenu P {
Couleur: FFF
}
Maintenant allez voir les effets sur votre blog. Exemple 3: personnaliser lamp;rsquoonglet module blog par ligne pour le deuxième exemple, je vais appliquer le même fond foncé et le même texte blanc pour la carte à chaque ligne (pas une colonne). Pour ce faire, devez viser toutes les cartes qui ont un nombre pair dans chaque colonne. Allez à Divi → options de sujet et assurez que tout CSS précédent dans la boîte CSS personnalisée dans ce tutoriel est désactivé ou recadré. Puis ajoutez le CSS suivant: gridcard article: n Sub item (PAIR) {
Couleur de fond: 333
}
gridcard article: The Ninth Child (even). Titre de lamp;rsquoentrée,
gridcard article: The Ninth Child (even). Hou Yuan,
gridcard article: The Ninth Child (even). Post yuan a,
gridcard article: The Ninth Child (even). Publier le contenu P {
Couleur: FFF
}
Les résultats sont les suivants: Exemple 4: concevoir des onglets de formulaire de blog spécifiques certaines personnes peuvent vouloir sélectionner des onglets de formulaire spécifiques. Pour ce faire, devez trouver un identifiant postal unique qui est automatiquement attribué à chaque carte. Camp;rsquoest pourquoi
Par exemple, jamp;rsquoutilise un navigateur Chrome. Allez à la page qui affiche le formulaire de blog et faites un clic droit sur lamp;rsquoune des cartes. Dans la boîte damp;rsquooptions qui samp;rsquoouvre, Sélectionnez inspection (certains navigateurs peuvent avoir des éléments damp;rsquoinspection) Ou quelque chose comme ça. Ceci distribue une fenêtre damp;rsquooutils de développement qui affiche les pages Web HTML et CSS. Localisez lamp;rsquoétiquette de lamp;rsquoarticle qui emballe la carte de formulaire le courrier et Notez lamp;rsquoID qui lui est attribué. Camp;rsquoest le sélecteur que souhaitez utiliser pour localiser une seule carte. Par exemple, je passe le curseur en haut, je fais un clic droit et je vérifie la carte avec lamp;rsquoid
Contexte: 333333
}
3466 arrière. Titre de lamp;rsquoentrée,
3466 arrière. Hou Yuan,
3466 arrière. Post yuan a,
3466 arrière. Publier le contenu P {
Couleur: FFF
}
Maintenant, le document adopte ce style particulier. Camp;rsquoest tout! Ce ne sont que quelques exemples des nombreux styles différents qui peuvent être mis en œuvre avec ce type de css pour les onglets du module blog. Vous namp;rsquoavez plus besoin de garder le même style pour chaque carte. Tu peux les concevoir comme tu veux. Amusez bien. Jamp;rsquoai hâte damp;rsquoentendre quelques unes de vos bonnes suggestions et idées dans les commentaires.