onglet pour la PA

[mlle]

bonjour
je cherche à faire un onglet, comme ici, mais je ne trouve aucun tutoriel. Est-ce que quelqu'un en aurait un, ou pourrait m'aider ?
merci d'avance  

[Invité]

Bonsoir,

Avez-vous consulté le tutoriel suivant ? https://forum.forumactif.com/t310879-tableaux-a-onglets

Cordialement.

[mlle]

bonjour ^^
j'ai vu, mais c'est des images que je voudrais utiliser comme onglet et non de l'écriture :s je ne sais pas comment modifier ça

[Invité]

Re,

Il vous suffit de remplacer les noms des onglets par vos images, en HTML.
Par exemple :

Code:

<span>Mon onglet 1</span>

deviendra :

Code:

<span><img src="URL" alt="" /></span>

-> Remplacez "URL" par le lien de votre image.

Cordialement.

[mlle]

merci beaucoup
encore une question, si je voulais modifié l'effet de l'image (l'arrondir, ajuster la taille, etc..) et modifier le cadre de l'onglet, comment je ferai ?

[Invité]

Re,

Pour modifier les dimensions de l'image :

Code:

<img src="URL" alt="" width="XXpx" height="XXpx" />

-> width : largeur
-> height : hauteur

Pour ajouter un arrondi :

Code:

<img src="URL" alt="" style="border-radius:XXpx;" />

---

Pour modifier les bordures, modifiez cette ligne :

Code:

  border: 1px solid #000;

=> 1px = épaisseur
=> solid = type
=> #000 = couleur

Cordialement.

[mlle]

merci beaucoup
je l'ai installer sur ma PA ici, mais je remarque que c'est aléatoire, que les onglets changent d'emplacement et aussi, est-ce qu'il est possible de faire en sorte que la transition sois différent ? parfois elle va de bas en haut, des fois de haut en bas, et j'aimerais que ça ne soit ni l'un ni l'autre, que ça fasse comme une apparition, tu comprends ?

[Invité]

Bonsoir,

Je suis navré mais je n'ai aucune solution à vous proposer, car il faudrait changer le javascript pour cela. D'autres utilisateurs seront sûrement plus aptes à vous répondre.

Cordialement.

[mlle]

d'accord ce n'est pas grave, déjà un grand merci pour l'aide apporter *.*