Signature avec 4 onglets latéraux

Haaan, je l'adore cette signature, c'est cool de la voir (et l'avoir :3) en LS
Etant donné que c'est dans une page HTML, il faut une screen ou pas ? J'pense que oui, mais j'ai un nano doute

Je me permets une toute petite micro remarque, pour l'ordre des préfixes, il vaut mieux mettre d'abord les préfixes et ensuite la version standard ^^

Code:

-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);

Cela permet d'éviter des bugs une fois que la version standard est implémentée par le navigateur :)

Je sais à quel point il est agaçant de revenir sur un code de LS , petite suggestion, je crois que tu peux alléger :

Code:

/*Chagement de couleur des onglets au survol*/
#sign_onyx_1:hover #sign_onyx_onglet_1,
#sign_onyx_2:hover #sign_onyx_onglet_2,
#sign_onyx_3:hover #sign_onyx_onglet_3,
#sign_onyx_4:hover #sign_onyx_onglet_4 {
background: #482d52;
}

Pour avoir simplement :

Code:

/*Changement de couleur des onglets au survol*/
.sign_onyx_bloc:hover .sign_onyx_onglet {
  background: #482d52;
}

Enfin bon, ça ne changera rien au résultat de toutes les façons, c'est plus un "conseil pour la prochaine fois"

Et pour l'iframe, je crois qu'il y a un petit truc bizarre :

Code:

<iframe height="200" width="600px;" src="LIEN DE LA PAGE HTML" frameborder="0" seamless="seamless" style="display: block; margin: auto;"></iframe>

Je crois que normalement c'est width="600". C'est un détail une fois encore ^____^

Spoiler:

Merci encore d'avoir partagé ta super signature Onyx

Salut!

Corrections faites.

Pour le seamless, je suppose que c'est le moment d'avouer que j'ai aucune idée de ce quoi, que j'ai la fainéantise de souvenir de comment créer une page html par coeur et que je fais toujours du copier/coller du tuto de Nyo

J'ai ajouté un screen, mais je ne trouve pas ça très logique pour les codes où il y a quelque chose qui bouge, ce n'est pas représentatif (il faudrait faire un gif et très peu pour moi, u_u)

Oui, je me doutais un peu que c'était un copier / coller , vive la flemme *w*

Je viens de tester et j'ai eu un petit soucis avec une signature "trop haute" :
La signature utilisée : https://www.zupimages.net/up/16/25/96mr.png (que j'ai piquée sur la galerie de L0une huhu <3)

Il manque l'overflow sur la div qui s'affiche "de base" ^^
Screen normale : https://i.imgur.com/eHPV8ZJ.png
Screen quand je survole "Signature" : https://i.imgur.com/olQJEek.png

Et second petit doute, je ne sais pas si j'ai la bonne police pour la signature pour le titre "Nom" : https://i.imgur.com/ebcEuIq.png
Il y a écrit "Monotype Corsiva", comme je suis pas sur Windows c'est peut-être pour ça que je ne l'ai pas (enfin bon, ça c'est du détail à la rigueur, c'est juste pour prévenir)

Ca serait cool qu'un autre Architecte passe par ici pour double-tester au cas où, mais chez moi ça marche bien en tout cas (à part les mini détails au dessus) *w*
Comme ça, un modérateur ou un responsable pourra déplacer le sujet, histoire que tout le monde puisse profiter de cette super signa

EDIT : j'ai précisé en zone staff que je pensais (je suppose T_T) que le topic peut être classé <3

Mouais, monotype corsiva est une de mes polices préférée, je la met partout... Bon, j'ai rajouté un "cursive", si ça ne plaît pas aux gens ils le changeront ^^

En fait, j'étais partie du principe que lesgens feraient attention de ne pas mettre une trop grosse sign dans cette partie pour éviter d'avoir besoin d'un overflow, mais bon, c'est vrai que beaucoup s'en fichent u_u

Allez, c'est édité ^^

Nihil ayant donné sa validation, je déplace. Merci Onyx :)

Merci pour le partage !

Merci ^^

Magnifique, merci **

Thks ! 8D

Merci, elle est superbe !

J'adore les effets des onglets *Q*
Merci pour ce code !

OMG !!! Tu l'as mis en LS. JE T'AIME. Merci, merci, merci, merci, merci.

Merci *^*

Merci, j'aime beaucoup ^-^

Merci beaucoup !

Merci pour le codage

Merci! :3

Merci

Merci pour le codage ♥

Merci beaucoup, c'est hyper sympa!

Merci pour le partage ! ^^

Merci énormément c'est super :3

merci c'est super jolie, bravo !!

Merci beaucoup!