Partagez
Aller en bas
avatar
Aesh
Soleil
Messages : 1778
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
Soleil
Messages : 2359
Date d'inscription : 05/11/2017
Age : 12

Re: Signatures codées [LIBRE SERVICE]

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

_________________


 Løve
Ma BAL  Little
 Mon Journal Little
avatar
Sombra
Constellation
Messages : 5475
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 : 4429
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 : 1770
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 : 2079
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 : 5209
Date d'inscription : 12/11/2017
Age : 13

Re: Signatures codées [LIBRE SERVICE]

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

_________________



y name is Clémentine, but you can call me Hermione.



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