- Messages : 40
- Remerciements reçus 0
Tab avec un style par onglet
- Deny
- Auteur du sujet
- Hors Ligne
- Membre senior
Moins
Plus d'informations
il y a 4 ans 2 semaines #425
par Deny
Tab avec un style par onglet a été créé par Deny
Bonjour,
Je continue l'apprentissage de Up mais je bute sur ce problème malgré mes essais, à savoir :
Un style par onglet (chaque onglet à une couleur différente) je crois que c'est avec l'#id dans le css-head mais je n'arrive pas à mettre en oeuvre. J'ai aussi "#id sera remplacé par l'ID réelle" mais je trouve pas cette ID.
Mon but est d'avoir différentes tabs avec leurs customs css pour avoir le visuel de l'image jointe (c'est mon brouillon PSD).
En vous remerciant
Je continue l'apprentissage de Up mais je bute sur ce problème malgré mes essais, à savoir :
Un style par onglet (chaque onglet à une couleur différente) je crois que c'est avec l'#id dans le css-head mais je n'arrive pas à mettre en oeuvre. J'ai aussi "#id sera remplacé par l'ID réelle" mais je trouve pas cette ID.
Mon but est d'avoir différentes tabs avec leurs customs css pour avoir le visuel de l'image jointe (c'est mon brouillon PSD).
La pièce jointe capt_tab_2020-04-02.jpg est absente ou indisponible
En vous remerciant
Pièces jointes :
Connexion ou Créer un compte pour participer à la conversation.
- lomart
- Hors Ligne
- Administrateur
il y a 4 ans 2 semaines #426
par lomart
Réponse de lomart sur le sujet Tab avec un style par onglet
Bonsoir,
Vous avez presque bon
Quand je dis "#id sera remplacé par l'ID réelle", cela veut dire que vous tapez #id et que UP va le remplacé par l'id réelle.
Il ne faut jamais mettre la vraie ID, car en cas d'ajout / suppression d'action UP dans l'article, il va changer.
Pour colorer le 2ème onglet, le code serait :
{up tab | css-head=#id li:nth-child(2) [background: red;]}
Une autre méthode, si l'on a plusieurs tableaux avec la même déco
{up addcsshead=.madeco li:nth-child(2) [background: red;]}
{up tab | class=madeco}
bonne soirée
Vous avez presque bon
Quand je dis "#id sera remplacé par l'ID réelle", cela veut dire que vous tapez #id et que UP va le remplacé par l'id réelle.
Il ne faut jamais mettre la vraie ID, car en cas d'ajout / suppression d'action UP dans l'article, il va changer.
Pour colorer le 2ème onglet, le code serait :
{up tab | css-head=#id li:nth-child(2) [background: red;]}
Une autre méthode, si l'on a plusieurs tableaux avec la même déco
{up addcsshead=.madeco li:nth-child(2) [background: red;]}
{up tab | class=madeco}
bonne soirée
Connexion ou Créer un compte pour participer à la conversation.
- Deny
- Auteur du sujet
- Hors Ligne
- Membre senior
Moins
Plus d'informations
- Messages : 40
- Remerciements reçus 0
il y a 4 ans 2 semaines #430
par Deny
Réponse de Deny sur le sujet Tab avec un style par onglet
Merci cela marche!
Pour moi l'id correspond aux sélecteurs pour le css (class et id) Donc je m'embrouille avec ce #id de UP...
Pour moi l'id correspond aux sélecteurs pour le css (class et id) Donc je m'embrouille avec ce #id de UP...
Connexion ou Créer un compte pour participer à la conversation.
- lomart
- Hors Ligne
- Administrateur
il y a 4 ans 2 semaines #431
par lomart
Réponse de lomart sur le sujet Tab avec un style par onglet
Mais pour que les sélecteurs des css puissent adresser une classe ou un id, il faut bien que ceux-ci existent.
UP crée l'ID et le CSS l'utilise
UP crée l'ID et le CSS l'utilise
Connexion ou Créer un compte pour participer à la conversation.
- Deny
- Auteur du sujet
- Hors Ligne
- Membre senior
Moins
Plus d'informations
- Messages : 40
- Remerciements reçus 0
il y a 4 ans 2 semaines - il y a 4 ans 2 semaines #432
par Deny
Réponse de Deny sur le sujet Tab avec un style par onglet
Ok, merci Lomart. Je dois maintenant voir pour le TAB en responsive car je perd ces styles en mode "phone". Sans doute une autre mise en forme pour le mode accordéon automatique responsive. Retour à la doc..
Dernière édition: il y a 4 ans 2 semaines par Deny. Raison: Précisions
Connexion ou Créer un compte pour participer à la conversation.