 Thémis la tisseuse d'univers  |  Sujet: Fiches en Libre Service ϟ
 Sam 27 Déc - 4:21 | |
|
| Libre Service de Boîtes aux Lettres Si vous aussi, vous êtes un néophyte en matière de codage : pas de soucis, nous avons la solution ! A la suite, vous trouverez quelques codes en libre service réalisés par nos soins ou ceux de nos membres : tout le monde peut poster un code dans ce sujet et ainsi, agrandir notre galerie des arts. Servez-vous ! ♥
Les codes présents ici n'appartiennent à personne d'autres que leurs créateurs, qui ont la bonté de vous en offrir l'usage. Ainsi, vous ne pouvez les utiliser qu'ici et en aucun cas vous en servir sur un forum tiers.
Pour poster un code, il vous suffit d'envoyer à la suite de ce sujet un message constitué de cette façon : la fiche puis en spoiler, le code et si vous le souhaitez, des explications quand à son utilisation de manière optimale (ou encore la personnalisation). |
|
|
Thémis la tisseuse d'univers | Sujet: Re: Fiches en Libre Service ϟ
Sam 27 Déc - 8:08 | |
|
|  BONJOUR JE SUIS UN TITRE MINI TITRE -
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. monsieur/madame
pseudonyme
adresse
ville
information supplémentaire à insérer ici - Code + Explications:
• les icônes sont définies par https://2img.net/image.noelshack.com/fichiers/2014/52/1419719912-62.png ; remplacer ce lien pour changer l'image. • le fond du titre est en #509dd3 ; remplacer ce code par une autre couleur pour personnaliser l'aspect de votre fiche. • vous pouvez modifier l'alignement central des informations à gauche en modifiant le padding de 25px actuellement installé. - Code:
-
<div style="width: 480px; margin: auto;"><img src="http://image.noelshack.com/fichiers/2014/52/1419719912-62.png" alt="icon" style="position: absolute" /><img src="http://image.noelshack.com/fichiers/2014/52/1419719912-62.png" alt="icon" style="position: absolute; margin-top: 110px;" /><div style="margin-left: 111px; width: 369px; background: #509dd3; padding: 13px 0px; text-align: center; color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;">BONJOUR JE SUIS UN TITRE</div><div style="width: 369px; background: #e8e8e8; height: 166px; margin-left: 111px;"><div style="background: #fff; width: 180px; height: 140px; position: absolute; margin: 13px 0px 0px 10px; font-size: 10px; font-family: Tahoma, Geneva, sans-serif; line-height: 1; color: #999; overflow: auto; text-align: justify;"><div style="padding: 10px;"><strong>MINI TITRE</strong> - 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div><div style="width: 1px; height: 140px; background: #999; position: absolute; margin: 13px 0px 0px 210px;"></div><div style="position: absolute; margin: 13px 0px 0px 230px; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: justify; line-height: 1; text-transform: uppercase; max-height: 140px; width: 125px; padding: 25px 0px;">monsieur/madame pseudonyme adresse ville information supplémentaire à insérer ici</div></div></div>
BONJOUR JE SUIS UN TITRE Courrier envoyé à une certaine adresse ; une certaine personne. Cher Pseudonyme, Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Cordialement,
Pseudo - Code + Explications:
• le fond du titre est en #509dd3 ; remplacer ce code par une autre couleur pour personnaliser l'aspect de votre fiche. - Code:
-
<div style="width: 480px; margin: auto;"><div style="width: 480px; background: #509dd3; padding: 15px 0px; text-align: center; color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;">BONJOUR JE SUIS UN TITRE</div><div style="border: 10px solid #e8e8e8; width: 460px;background: #fff; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify;"><div style="padding: 10px;"><div style="font-size: 8px; text-transform: uppercase; text-align: center;">Courrier envoyé à une certaine adresse ; une certaine personne.</div> <div style="margin-left: 15px; font-weight: bold;">Cher Pseudonyme,</div> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? <div style="margin-right: 15px; text-align: right; font-weight: bold;">Cordialement, Pseudo</div></div></div></div>
|
|
|
