AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Formulaire de présentation V2

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Error
Admin fouetteuse
avatar
Messages : 286
Age : 24
Localisation : à Piltover en train de tout détruire avec Poiscaille et Bang-Bang ! /GET JINXED/

MessageSujet: Formulaire de présentation V2   Mar 1 Sep - 14:58

Voici le formulaire de présentation du forum :

550 de large
Présentation

Informations
Pseudo ÉCRIRE ICI

Prénom ÉCRIRE ICI

Âge ÉCRIRE ICI

Ville / Pays ÉCRIRE ICI

Comment nous as-tu découvert ? ÉCRIRE ICI



Autres


ÉCRIRE ICI






La construction, la décoration et toi ?

Construction


ÉCRIRE ICI

Décoration


ÉCRIRE ICI


© Narja - Never-Utopia


Vous devez vous dire "mais c'est jolie, mais ça va être dur à remplir ?!"
Meuh non ! Error à pensée aux personnes qui n'y connaissent rien au codage et j'ai bien fait les choses !

Voici le codage que vous devez copier et coller dans un nouveau sujet :

Code:
<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #000000; background-image: url(http://nsa38.casimages.com/img/2015/09/01/150901015729933992.jpg); background-repeat: repeat; border-top:10px solid #303030; border-bottom: 10px solid #303030; border-left: 1px solid #303030; border-right: 1px solid #303030; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #303030;}.head {width: 550px; border-bottom: 10px solid #000000}.titre{transition: 2s ease; display: inline; color: #ffffff; font-family: 'impact', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #000000} .soustitre{font-family: 'impact', cursive; color: #ffffff; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #000000} .bloc{background-color: #856D4D; border-left: 2px solid #303030; border-right: 2px solid #303030; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #000000; font-family: arial; font-size: 12px} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #ffffff;text-shadow: 0px 0px 2px #000000; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #000000; border-bottom: 2px solid #000000; transition: 2s; }.bulle:hover span{display: block}.titre2{font-family: 'impact', cursive; color: #ffffff; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #000000} .bloc2 {background-color: #856D4D; border-left: 2px solid #303030; border-right: 2px solid #303030; margin-right: auto; margin-left: auto; width: 240px; height: 250px; overflow: auto; padding: 5px; text-align: justify; color: #000000; font-family: arial; font-size: 12px}#deroulant div {background-color: #644A52; padding: 10px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; width: 180px; height: 300px ; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; position: relative; overflow: hidden; } #deroulant div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #deroulant div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #deroulant a {text-decoration : none!important; color: #000000; transition : 1s} #deroulant {text-decoration : none!important; color: #000000; text-shadow: 0px 0px 2px #C8C6C4; transition : 1s}</style><div class="fond"><img class="head" src="http://nsa37.casimages.com/img/2015/09/01/150901021045674939.jpg" alt="550 de large"><center><span class="titre">Présentation</span></center>
  <div style="width: 500px"><div style="width: 300px; float: left"><div class="soustitre" style="width: 300px">Informations</div><div class="bloc" style="width: 250px; height: 297px; overflow: auto;"><span class="mef1">Pseudo</span> ÉCRIRE ICI

<span class="mef2">Prénom</span> ÉCRIRE ICI

<span class="mef3">Âge</span> ÉCRIRE ICI

<span class="mef4">Ville / Pays</span> ÉCRIRE ICI

<span class="mef5">Comment nous as-tu découvert ?</span> ÉCRIRE ICI

</div></div><div style="width: 200px; float: right"><div><img src="http://nsa38.casimages.com/img/2015/09/01/150901033247973020.jpg" /></div></div></div><div style="clear:both"></div><br />
  <div class="soustitre">Autres</div><div class="bloc">

ÉCRIRE ICI

<br><br><br></div>

<div class="head"></div><center><span class="titre">La construction, la décoration et toi ?</span></center>
  <div style="margin-left: auto; margin-right: auto; width: 300px"><table><tr></tr></table></div><div style="margin-left: auto; margin-right: auto; width: 500px"><div style="width: 240px; height: 300px; float: left"><div class="titre2">Construction</div><div class="bloc2">

ÉCRIRE ICI

</div></div><div style="width: 240px; height: 300px; float: right"><div class="titre2">Décoration</div><div class="bloc2">

ÉCRIRE ICI

</div></div><div style="clear: both"></div></div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></div>



Trophées:
 


Dernière édition par Error le Mar 1 Sep - 15:31, édité 1 fois
Revenir en haut Aller en bas
http://lessims4france.forum-officiel.fr/
Error
Admin fouetteuse
avatar
Messages : 286
Age : 24
Localisation : à Piltover en train de tout détruire avec Poiscaille et Bang-Bang ! /GET JINXED/

MessageSujet: Re: Formulaire de présentation V2   Mar 1 Sep - 15:05


Alors pas de panique !!! c'est ultra simple ! vous allez voir du charabia presque incompréhensible mais vous n'avais pas à y toucher ! (ouf !)

les seuls endroit que vous avez à modifier c'est :

Code:
<span class="mef1">Pseudo</span> ÉCRIRE ICI

<span class="mef2">Prénom</span> ÉCRIRE ICI

<span class="mef3">Âge</span> ÉCRIRE ICI

<span class="mef4">Ville / Pays</span> ÉCRIRE ICI

<span class="mef5">Comment nous as-tu découvert ?</span> ÉCRIRE ICI

Code:
<div class="soustitre">Autres</div><div class="bloc">

ÉCRIRE ICI
<br><br><br></div>

Code:
<div class="titre2">Construction</div><div class="bloc2">

ÉCRIRE ICI

</div></div><div style="width: 240px; height: 300px; float: right"><div class="titre2">Décoration</div><div class="bloc2">

ÉCRIRE ICI


en tout vous avez 8 "ÉCRIRE ICI" qui sont très voyant si vous n'y arrivez toujours pas, demander à un des admin : moi même ou Flash
on vous aideras !



Trophées:
 
Revenir en haut Aller en bas
http://lessims4france.forum-officiel.fr/
Error
Admin fouetteuse
avatar
Messages : 286
Age : 24
Localisation : à Piltover en train de tout détruire avec Poiscaille et Bang-Bang ! /GET JINXED/

MessageSujet: Re: Formulaire de présentation V2   Mar 1 Sep - 15:34

pour ceux qui veulent légèrement personnaliser leur présentation. Il est possible de changer l'image du blueprint
Blueprint:
 

Pour ce faire, il vous faudras une image de 200 pixels de large et de 320 pixels de hauteur,
Et le lien de votre image ce place ici

Code:
<img src="http://nsa38.casimages.com/img/2015/09/01/150901033247973020.jpg" />

qui ce trouve exactement entre comment nous as tu découvert et autres

Code:
<span class="mef5">Comment nous as-tu découvert ?</span> ÉCRIRE ICI

</div></div><div style="width: 200px; float: right"><div><img src="http://nsa38.casimages.com/img/2015/09/01/150901033247973020.jpg" /></div></div></div><div style="clear:both"></div><br />
  <div class="soustitre">Autres</div><div class="bloc">

ÉCRIRE ICI

<br><br><br></div>



Trophées:
 
Revenir en haut Aller en bas
http://lessims4france.forum-officiel.fr/
Contenu sponsorisé



MessageSujet: Re: Formulaire de présentation V2   

Revenir en haut Aller en bas
 
Formulaire de présentation V2
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Un formulaire de présentation
» ▪ Formulaire de présentation ▪
» [PRESENTATION] Formulaire de présentation
» Formulaire de présentation de boxe.thai
» Formulaire de présentation

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Home Sims Home :: Les essentiels :: Présentations-