Formulaire Facebook

Modèle Facebook

Si l'envie vous dit de créer un compte Facebook pour votre personnage c'est par ici, créer un nouveau sujet avec Prénom+Nom, ensuite remplir le formulaire ci-dessous.

Formulaire à remplir

Code:

<center><div class="Facebook">
<div class="FaceH"></div>
<div class="FaceHF"><div class="FaceHPseu"><img src="PAR ICI ICONE DU PROFIL DU FACEBOOK" />PAR ICI PRENOM ICI</div></div>
<img src="PAR ICI IMAGE ICI DE LA PHOTO DE COUVERTURE" class="FaceCouv" />
<center><img src="PAR ICI ICONE DU PROFIL DU FACEBOOK" class="FaceProfil" />
<div class="FacePseudo"><b>PAR ICI Pseudo ici</b> (surnom)
<SsPseudo>PAR ICI Sous titre ici</SsPseudo>
<SsMod>Modifier</SsMod></div>
<div class="FaceJourImg" /> </div></center>
<div class="FaceAlignDiv"><div class="FaceAlignDt ">
<div class="FaceIntro"><b>Intro</b><br />
PAR ICI Métier actuel
PAR ICI Relation en cours
PAR ICI Info autre ici
PAR ICI Info autre ici
PAR ICI Info autre ici
PAR ICI Info autre ici
PAR ICI Info autre ici
<br /> <div class="FaceBout">Modifier les infos</div>
<div class="FaceBout">Ajouter des loisirs</div>
<center><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /></center>
<br /> <div class="FaceBout">Modifier la une</div>
</div>
<div class="FacePhotos"><b>Photos</b> <i>Afficher tout</i>
<div class="FacePhotosIllus"><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /><img src="PAR ICI UNE IMAGE A INSERER" /></div>
</div></div>
<div class="FaceAlignGc">
<div class="FacePubliTit"> </div>
<div class="FacePubli"><img src="PAR ICI ICONE DU PROFIL DU FACEBOOK" /> <b>PAR ICI Votre pseudo</b>
<i>PAR ICI XX Mois, Heure</i>
<br>PAR ICI Blabla ici de votre publication. Blabla ici de votre publication. Blabla ici de votre publication. Blabla ici de votre publication.
<div class="FaceJmCom"> </div>
<div class="FaceCom"><b>Afficher PAR ICI XYZ autres commentaires</b>
<br /><img src="PAR ICI ICONE DU PROFIL DU FACEBOOK DE LA PERSONNE QUI COMMENTE" />
<div class="FaceComC"> <b>PAR ICI pseudo du commentateur</b><br /> PAR ICI Commentaire ici blab Commentaire ici blablabla  Commentaire ici  Commentaire ici  Commentaire ici </div>
<div class="FaceComBas"> J'aime . Répondre . date</div></div>

---------> POUR RAJOUTER UN COMMENTAIRE
[code]<br /><img src="PAR ICI ICONE DU PROFIL DU FACEBOOK DE LA PERSONNE QUI COMMENTE" />
<div class="FaceComC"> <b>PAR ICI pseudo du commentateur</b><br /> Commentaire ici blab Commentaire ici blablabla  Commentaire ici  Commentaire ici  Commentaire ici </div>
<div class="FaceComBas"> J'aime . Répondre . date</div></div>[/code]

</div>

---------------------> POUR RAJOUTER UNE PUBLICATION
[code]<div class="FacePubli"><img src="PAR ICI ICONE DU PROFIL DU FACEBOOK" /> <b>PAR ICI Votre pseudo</b>
<i>PAR ICI XX Mois, Heure</i>
<br>PAR ICI Blabla ici de votre publication. Blabla ici de votre publication. Blabla ici de votre publication. Blabla ici de votre publication.
<div class="FaceJmCom"> </div>
<div class="FaceCom"><b>Afficher PAR ICI XYZ autres commentaires</b>
<br /><img src="PAR ICI ICONE DU PROFIL DU FACEBOOK DE LA PERSONNE QUI COMMENTE" />
<div class="FaceComC"> <b>PAR ICI pseudo du commentateur</b><br /> PAR ICI Commentaire ici blab Commentaire ici blablabla  Commentaire ici  Commentaire ici  Commentaire ici </div>
<div class="FaceComBas"> J'aime . Répondre . date</div></div>

---------> POUR RAJOUTER UN COMMENTAIRE
[code]<br /><img src="PAR ICI ICONE DU PROFIL DU FACEBOOK DE LA PERSONNE QUI COMMENTE" />
<div class="FaceComC"> <b>PAR ICI pseudo du commentateur</b><br /> Commentaire ici blab Commentaire ici blablabla  Commentaire ici  Commentaire ici  Commentaire ici </div>
<div class="FaceComBas"> J'aime . Répondre . date</div></div>[/code]

</div>[/code]

<div class="FaceCredit"><a href="https://kanalattaque.tumblr.com/">Codage &Design(c)Kanala</a></div></div></div></div>
</center>

<style>.Facebook{width:550px;background-color:#3B3B38;text-align:left;}.FaceH{width:550px;height:36px;background: url(https://i.ibb.co/NyjWtNj/facefond.png) no-repeat center center;margin-top:-20px;margin-bottom:-20px;}.FaceHF{width:70px;height:20px;margin-left:360px;font-size:7px;margin-top:-25px;cursor:pointer;}.FaceHF img{width:12px;height:12px;float:left;margin-right:2px;margin-left:4px;border-radius:15px;padding-top:2px;}.FaceHPseu{background-color:#263951;color:#2C7BDF;padding:2px;border-radius:70px;}.FaceCouv{width:500px;margin-left:25px;margin-top:-11px;cursor:pointer;min-height: 200px;}.FaceProfil{width:90px;height:90px;border: 2px solid #16181A;margin-top:-75px;border-radius:90px;cursor:pointer;}.FacePseudo{color:#E4E6EB;font-size:18px;}.FacePseudo SsPseudo{font-size:12px;}.FacePseudo SsMod{font-size:12px;color:#2B78FF;cursor:pointer;}.FaceJourImg{width:500px;height:35px;background: url(https://i.ibb.co/HKRzQkV/journal.png) no-repeat center center;margin-top:-10px;margin-bottom:-20px;}.FaceAlignDiv {width: 550px; display:flex;}.FaceAlignDt {flex: 1 1 auto; margin-right:20px;margin-left:5px;}.FaceAlignDt img {width:40px; border-radius:10px;cursor:pointer;}.FaceAlignGc {flex: 1 1 auto;}.FaceIntro{background-color:#242526;color:#E4E6EB;width:130px;padding:10px;border-radius:10px;font-size:10px;}.FaceIntro b{font-size:16px;}.FaceBout{width:130px;background-color:#3A3B3C;color:#E4E6EB;border-radius:10px;font-weight: bold;text-align:center;cursor:pointer;}.FacePhotos{background-color:#242526;color:#E4E6EB;width:140px;padding:5px;border-radius:10px;font-size:10px;text-align:center;}.FacePhotos b{font-size:16px;}.FacePhotos i{color:#2B78FF;cursor:pointer;}.FaceCredit {text-align:center;width:350px;}.FaceCredit a{color:#E4E6EB;font-size:8px;}.FacePubliTit{width:360px;height:68px;background: url(https://i.ibb.co/7GKqdGb/public.png) no-repeat center center;border-radius:10px;}.FacePubli{width:340px;background-color:#242526;color:#E4E6EB;font-size:10px;border-radius:10px;padding:10px;}.FacePubli img {width:40px; border-radius:80px;cursor:pointer;float:left;margin-right:10px;}.FacePubli b{font-size:14px;cursor:pointer;}.FacePubli i{color:#A8ABAF;}.FaceJmCom{width:340px;height:32px;background: url(https://i.ibb.co/G28dffV/jaimecom.png) no-repeat center center;}.FaceCom{width:330px;padding:10px;margin-left:10px;margin-top:-10px;}.FaceCom img{width:30px;}.FaceComC{margin-top:-30px;margin-left:35px;width:270px;padding:10px;background-color:#3A3B3C;border-radius:20px;}.FaceComBas {margin-left:45px;font-weight: bold;font-size:10px;margin-top:-20px;cursor:pointer;margin-bottom:-20px;}</style>


Halloween