Partagez
Aller en bas
avatar
Aesh
Soleil
Messages : 1993
Date d'inscription : 26/10/2017
Age : 15

Signatures codées [LIBRE SERVICE]

le Ven 29 Déc - 11:48
Hey, je vous propose quelques modèles de signatures que vous pouvez personnaliser comme bon vous semble!
Comme ce sont des signatures codées et que vous n'êtes pas forcément à l'aise avec le langage HTML, j'ai essayé d'expliquer tout ça le mieux possible mais n'hésitez pas à demander plus d'explication ^^
Pour installer la signature, il vous suffit de copier-coller le code dans votre profil (onglet "Signature") et de modifier comme bon vous semble.
En espérant qu'elles vous plairont!
(NB: si vous n'arrivez pas à modifier quelque chose, ou que vous voulez changer de police (ce qui est plus compliqué), vous pouvez m'expliquer ce que vous voulez changer et je vous ferais tout ça ^^)

SIGNATURE N°1


TEXTE 1
TEXTE 2 (PLUS LONG) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
img


Code:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pirata+One|Roboto+Slab" />
<div align="center"><div style="width: 490px; text-align:center; margin-top: 20px;"><div style="border-bottom: 0px solid DarkRed; font-family: 'Pirata One', cursive; font-size: 34px; letter-spacing: 5px; line-height: 24px; word-spacing: 10px; color: #922121; font-weight: normal; margin-top: -10px;">TEXTE 1</div></div><div style="width: 475px; text-align:center; margin-top: 2px;"><div style="text-transform: uppercase; font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 10px; letter-spacing: -0.5px; text-align: justify; line-height: 9px; margin-bottom: 2px;">TEXTE 2 (PLUS LONG) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div><img src="http://www.zupimages.net/up/17/23/5g80.png" alt="img" /></div></div>

Comment la personnaliser? Cherchez et remplacez "TEXTE 1" par le texte (court) que vous voulez en veillant à ne pas toucher aux balises autour (restez bien entre > et <). Faites la même chose pour "TEXTE 2" avec cette fois un texte plus long (une ou deux ligne minimum), en veillant à supprimer jusqu'au mot "consequat", pas plus loin.
Pour modifier la couleur rouge de la signature, remplacez "Darkred" à la première ligne et #922121 à la deuxième ligne par une couleur de votre choix (soit avec un mot comme "blue", "pink", "silver", soit avec un code #XXXXXX que vous pouvez trouver sur www.code-couleur.com).
Pour modifier l'image, la police ou si vous n'arrivez pas à faire quelque chose, taguez moi dans ce sujet et je vous aiderais.

SIGNATURE N°2

TEXTE 1 (COURT)
TEXTE 2 LONG Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Code:
<link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet"><div align="center"><img src="URL DE L'IMAGE 1" style="width: 200px; height: 100px;" /><img src="URL DE L'IMAGE 2" style="width: 200px; height: 100px;" /><div style="width: 405px; text-align:center;"><div style="border-bottom: 2px solid red; font-family: 'Allura', cursive; font-size: 34px; line-height: 24px; letter-spacing: 0px; color: red; margin-top: -10px; transition-duration: 0.9s; ">TEXTE 1 (Court)</div><div style="text-transform: lowercase; font-family: 'Arvo', serif; font-weight: 550; font-size: 10.5px; letter-spacing: 1px; text-align: justify; line-height: 9px;">TEXTE 2 LONG Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div><div style="border-top: 2px solid red; font-family: 'Allura', cursive; font-size: 20px; line-height: 24px; letter-spacing: 0px; color: #35377f; margin-bottom: -10px;"></div></div></div>

Comment la personnaliser? Cherchez et remplacez "TEXTE 1" par le texte (court) que vous voulez en veillant à ne pas toucher aux balises autour (restez bien entre > et <). Faites la même chose pour "TEXTE 2" avec cette fois un texte plus long (une ou deux ligne minimum), en veillant à supprimer jusqu'au mot "aliqua.", pas plus loin.
Pour modifier la couleur rouge de la signature, remplacez "red" à la 5ème ligne et #35377f à la dernière ligne par une couleur de votre choix (soit avec un mot comme "blue", "pink", "silver", soit avec un code #XXXXXX que vous pouvez trouver sur www.code-couleur.com).
Pour modifier les images, cherchez et remplacez "URL DE L'IMAGE 1" et "URL DE L'IMAGE 2" à la deuxième ligne par l'URL de vos images, elles se redimensionneront automatiquement. /!\ Attention, vos images doivent être en format paysage!
Pour modifier la police ou si vous n'arrivez pas à faire quelque chose, taguez moi dans ce sujet et je vous aiderais.

PLUS DE SIGNATURES A VENIR ~
avatar
Heaven
Soleil
Messages : 1594
Date d'inscription : 19/11/2017
Age : 14

Re: Signatures codées [LIBRE SERVICE]

le Ven 29 Déc - 11:52
Merci.^^

_________________




There are no roses without thorns,
no love without a touch of jealousy

↳    m m a
avatar
Twilight
Nébuleuse
Messages : 3013
Date d'inscription : 05/11/2017
Age : 12

Re: Signatures codées [LIBRE SERVICE]

le Ven 29 Déc - 11:57
Super, merci !^^

_________________

 
avatar
Sombra
Constellation
Messages : 5469
Date d'inscription : 12/11/2017
Age : 19

Re: Signatures codées [LIBRE SERVICE]

le Lun 1 Jan - 19:51
Hey merci je n'avais pas vu ce sujet. (:

_________________



« Tomorrow is a twinkle, but today is a shining promise. »



living the dreamAnnarama
avatar
Ophélie
Nébuleuse
Messages : 4453
Date d'inscription : 28/10/2017
Age : 14

Re: Signatures codées [LIBRE SERVICE]

le Mar 2 Jan - 10:18
C'est super cool, comme sujet!

_________________



- One day, you'll pay, Brekker.
- Sure, Kaz confirmed. If justice exists in this world. But we all know what it is
avatar
Fløw
Modérateur
Messages : 1659
Date d'inscription : 22/11/2017
Age : 13

Re: Signatures codées [LIBRE SERVICE]

le Dim 1 Avr - 11:53
Hope
Vis à fond, tout le temps, toute ta vie, vibre au son de la musique, bouge au rythme de ton Fløw, et dans les deux monde parallèles de ta vie on chantera "Hope, hope and dream, dream and believe, yeah, believe."

_________________



<< Kiss the weirdness that is within you >>

× Cara Delevingne ×
avatar
Fair¥
Soleil
Messages : 2105
Date d'inscription : 12/11/2017

Re: Signatures codées [LIBRE SERVICE]

le Dim 1 Avr - 12:49
Chouette !!

_________________

"La poésie est une lettre d’amour adressée au monde„
Charlie Chaplin

Merci @Aesh :

Merci à @"Black Pearl"  et @Fløw  :



 

avatar
Hermione Granger 2004
Constellation
Messages : 6717
Date d'inscription : 12/11/2017
Age : 14

Re: Signatures codées [LIBRE SERVICE]

le Dim 8 Avr - 16:31
Merci , c'est cool !

_________________



Young girls are told you have to be the delicate princess. Hermione taught them that you can be the warrior .



Contenu sponsorisé

Re: Signatures codées [LIBRE SERVICE]

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