Tab avec un style par onglet

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).

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.

Plus d'informations
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

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
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...

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
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

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
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.

Propulsé par Kunena