AccueilAccueil  Epic'Top  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

avis sur une signature.
 :: Codage :: Entraînement :: Avis sur vos codes
avatar
Newbie
Voir le profil de l'utilisateur
Sexe : Masculin Date d'inscription : 24/06/2017
Messages : 35
Lun 26 Juin 2017 - 1:42
Hello,
Je viens quémander votre point de vue sur ma signature, c'est mon tout premier codage donc je pense qu'il faudrait être conciliant
Elle fonctionne avec des icones carrés qui sont censés se redimensionnés, et ne peut être portée qu'en centre de signature ou la petite citation en bas n'est pas centrée, le seul moyen que j'ai trouvé et que si on veut porter la signa à droite, il faut utiliser une marge , mais je ne sais pas s'il y a un moyen pour que le bloc soit toujours centré sous les images qu'importe sa position.    merci à ceux qui passeront  

ORAGE
r u m i n e


Code:
<center><link href="https://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Damion" rel="stylesheet"><div style="width: 237px; margin-bottom:15px; padding-right: 15px; font-family: Damion; font-size: 31px; color: #ffffff; text-align: center; text-shadow: 3px 2px #F2C226; ">ORAGE</div><div><img src="https://s5.postimg.org/o8ozchdk7/cr_lonewolf_9.png" style=" width: 70px; border: 2px solid #F2C226; padding: 1px; background: #ffffff; margin-right: 4px"> <img src="https://s5.postimg.org/cbsre9m93/cr_lonewolf_6.png" style=" width: 70px; border: 2px solid #F2C226; padding: 1px; background: #ffffff; margin-right: 4px"> <img src="https://s5.postimg.org/5dt8m2dif/cr_lonewolf_8.png" style=" width: 70px; border: 2px solid #F2C226; padding: 1px; background: #ffffff;"> </div><div style=" background: #F7D065; margin-top: 5px; width: 100px; color: #ffffff; font-family: Patua One; text-align: center;">r u m i n e</div></center>
Designer et Modo
avatar

Fiche Membre
Lots gagnés:
Designer et Modo
Designer et Modo
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 15/12/2012
Messages : 2997
Lun 17 Juil 2017 - 10:48
Coucou @hearthbreath !
J'avais complètement oublié ton sujet, j'en suis désolée ! Du coup pour combler mon retard...je répond voilà e.e

Aloooors, pour commencer je dois te dire que j'aime beaucoup le design de ta signature. C'est simple et élégant. J'adore les couleurs pastels j'avoue xD

Mais sinon, j'ai pas grand chose à dire, c'est sympa visuellement quoi. Maintenant voyons ton code :3
J'avoue qu'il n'y a pas grand chose à noter en réalité. Il y a ta balise center que tu aurais largement pu éviter avec un bloc qui recouvre ta signature totalement, comme ceci
Code:
<div style="margin:auto; width:400px;"></div>

La valeur auto de margin centre de manière horizontale un bloc. Du coup, on évite la balise center qui est plutôt obsolète.
De même, text-align:center; peut tout à fait être utilisé pour centrer des images. En fait, cela centre toutes les balises de type inline (img, span, a, etc). Du coup, tu peux également l'utiliser pour tes images ici !

Sinon, j'ai vu à certains endroits des oublis de point virgule dans ton CSS, mais comme c'est à la fin c'est moins grave même si ça reste important que ta syntaxe de code reste correcte. On ne sait jamais, un bug est vite arrivé

Et puis bah j'ai rien d'autre à dire, ton code est très bien ! A la limite, si on est pointilleux, tu aurais pu raccourcir ton #fffff en #fff qui est exactement la même chose. En gros le code reconnaît la couleur pour toutes celles à 6 signes si on en mets 3. De même, tu aurais aussi pu mettre une police de secours pour tes polices issues de Google Font, comme ceci par exemple :
Code:
font-family:'Pantua One', sans-serif

Bonne journée à toi !

_________________________________________

Galerie - Abstractions d'un chat dérangé
I'm the Cheshire Cat, bitch. Not some stupid Schrödinger's dead or alive pussy.

Merci Clyde Ale pour l'avatar

LES CADEAUX C'EST TOUT BEAU !:
 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum