AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Codes de fiche

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
young marilyn
Poufsouffle - Préfet - Quidditch
Poufsouffle - Préfet - Quidditch
avatar

ÂGE : 26 MESSAGES : 722
FEUILLE DE PERSONNAGE

ORIGINE: NÉ(E) MOLDU(E)

MYSTÈRES: Rien de bien mystérieux, les gens ne se posent pas de question à son sujet si ce n'est comment elle fait pour arriver à s'impliquer autant au sein de l'école sans crouler sous la pression.

POINTS PERSONNELS: 2030

MessageSujet: Codes de fiche   Dim 23 Aoû - 21:47



Voici le codage CSS à insérer au tout début de votre post :

Code:
<style type="text/css">.Fond00 { background: none repeat #1b1b13; width: 500px; border-radius: padding: 10px; } .Fond01 { position: static; width: 320px; height: 100%; background: #6b6746; } .Fond02 { position: static; width: 300px; height: 100%; background: #1e1f12; padding-top: 5px; } .Resume { padding: 0px 5px 0px 0px; overflow: auto; text-align: justify; line-height:100%; width: 290px; height: 340px; color: #6b6746; font-size:11px;font-family: Time New Roman; line-height:1.2; text-align:justify; } .Resume::-webkit-scrollbar { width: 4px; height: 12px; background: #0a0a07; } .Resume::-webkit-scrollbar-thumb:vertical { height: 12px; background: #1b1b13; border: 1px solid #0a0a07; border-radius: 12px; } .Fond03 { background-color: #6b6746; -moz-border-radius: 10px 10px 0px 0px; padding: 10px; width: 200px; border-left: 5px solid #1e1f12; position: absolute; margin-top: 350px; margin-bottom: -350px; margin-left: 185px; font-family: times new roman; text-transform: uppercase; font-size:11px; text-shadow: black 0px 0px 1px; color: #1e1f12; }</style>

Courte citation
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?

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?

BREVET UNIVERSEL DE SORCELLERIE ELEMENTAIRE - 1994:
 

ACCUMULATION DE SORCELLERIE PARTICULIÈREMENT INTENSIVE ET CONTRAIGNANTE - 1997:
 



L'image utilisée est de 300 pixels de largeur par 450 pixels de hauteur.
Voici le codage HTML à insérer APRÈS le codage CSS :

Code:
<center><div style="background-image : url(http://i.imgbox.com/urlKPco4.jpg); width: 600px; border-radius: 20px 20px 20px 20px;"><center><div class="Fond00"><div class="Fond03">Courte citation</div><div class="Fond01"><img src="http://i.imgbox.com/pc5DDS0B.gif" width="300 px"><div class="Fond02"><div class="Resume">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?

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>
[spoiler=BREVET UNIVERSEL DE SORCELLERIE ELEMENTAIRE - 1994][font=Courier New] Arithmancie*: -
 Astronomie : E
 Botanique: O
 Défense contre les forces du mal: E
 Divination*: A
 Etude des moldus*: N/A
 Étude des runes*: A
 Histoire de la magie: E
 Métamorphose: O
 Potions: E
 Soin aux créatures magiques*: O
 Sortilèges: E

*cours optionnels[/spoiler][/font]
[spoiler=ACCUMULATION DE SORCELLERIE PARTICULIÈREMENT INTENSIVE ET CONTRAIGNANTE - 1997][font=Courier New] Arithmancie*: N/A
Astronomie : -
Botanique: -
Défense contre les forces du mal: -
Divination*: -
Etude des moldus*: N/A
Étude des runes*: -
Histoire de la magie: -
Métamorphose: -
Potions: -
Soin aux créatures magiques*: -
Sortilèges : -

*cours optionnels[/font][/spoiler]<br></div></div></center></div></center>



Pour ce qui est des lien, voici le codage CSS à insérer au début de vos posts :

Code:
<style type="text/css">.Fond00 { background: none repeat #1b1b13; width: 500px; border-radius: padding: 10px; } .Fond01 { width: 320px; height: 100%; background: #6b6746; } .Fond02 { width: 300px; height: 100%; background: #1e1f12; padding-top: 5px; } .Text01 { padding: 0px 5px 0px 0px; text-align: justify; line-height:100%; width: 290px; height: 100%; color: #6b6746; font-size:11px;font-family: Time New Roman; line-height:1.2; } .Fond03 { background-color: #6b6746; -moz-border-radius: 10px 10px 0px 0px; padding: 10px; width: 200px; border-left: 5px solid #1e1f12; position: absolute; margin-top: 350px; margin-bottom: -350px; margin-left: 185px; font-family: times new roman; text-transform: uppercase; font-size:11px; text-shadow: black 0px 0px 1px; color: #1e1f12; } .pseudo01 { font-family: times new roman; text-transform: uppercase; font-size:14px; text-shadow: #c4cfbf 0px 0px 1px; color: #899f7e; } .link01 { padding: 0px 5px 0px 0px; overflow: auto; text-align: justify; line-height:100%; width: 290px; height: 100px; color: #6b6746; font-size:11px;font-family: Time New Roman; line-height:1.2; text-align:justify; } .link01::-webkit-scrollbar { width: 4px; height: 12px; background: #0a0a07; } .link01::-webkit-scrollbar-thumb:vertical { height: 12px; background: #1b1b13; border: 1px solid #0a0a07; border-radius: 12px; }</style>


Et voici le codage HTML à insérer à la suite du codage CSS (l'imge doit être de 300 pixels de largeur par 100 pixels de hauteur) :

Nom, Prénom
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?


Nom, Prénom
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?


Nom, Prénom
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?


Code:
<center><div style="background-image : url(http://i.imgbox.com/urlKPco4.jpg); width: 600px; border-radius: 20px 20px 20px 20px;"><center><div class="Fond00"><div class="Fond01"><div class="Fond02"><img src="http://i.imgur.com/7RwgEw0.png" style="margin-top: -5px; width: 300px;"><div class="Text01"><div class="pseudo01">Nom, Prénom</div><div class="link01">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>

<div class="pseudo01">Nom, Prénom</div><div class="link01">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>

<div class="pseudo01">Nom, Prénom</div><div class="link01">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></div></div></div></center></div></center>

Et pour insérer un lien au milieu de tout ça, il faut prendre cette partie du code :

Nom, Prénom
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?


Code:
<div class="pseudo01">Nom, Prénom</div><div class="link01">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>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://young-marilyn.creerunforum.be
 
Codes de fiche
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Fiche chanson Star Club
» La prochaine fiche Modèle ?
» ça fiche la trouille...
» Codes prix vinyles et autres lettres...
» Des codes barres complètement barrés

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
young marilyn :: Hors-Jeu :: Archives-
Sauter vers: