[Suggestion] Un nouveau formulaire de présentation

-39%

Le deal à ne pas rater :

Ordinateur portable ASUS Chromebook Vibe CX34 Flip

399 €

649 €

Voir le deal

[Suggestion] Un nouveau formulaire de présentation

Peak Of Shinobi :: Interface :: Administration :: Questions - Suggestions

Partagez

Invité

[Suggestion] Un nouveau formulaire de présentation Lun 1 Juin - 18:22

Coucou ! ♥

Bon, certains d'entre vous le savent, je code. Je code beaucoup, en fait. Et du coup je me suis dit que ça ferait du mal à personne si je codais pour ici. Du coup je vous ai fait une fiche de présentation. Bon, sur l'entête j'ai mis une image à moi pour voir comment elle tenait mais ça se change ça hein. D'ailleurs, je l'ai faite comme ça donc s'il y a des trucs à changer je peux faire. Si elle plaît au staff, je vous fournis le code à mettre dans le CSS du fo et celui à donner aux nouveaux ^-^ Je peux même faire une suite pour les autres trucs officiels du forum ^-^

La fiche :

Nom Prénom

« Petite citation »

Généralités

Sexe
Âge
Groupe
Rang

Description physique et mentale

« Petite citation »

Texte ici

Histoire

« Petite citation »

Texte ici

Le joueur

Pseudo : Réponse
Âge : Réponse
Parrain : Réponse
Présence sur le Forum : Réponse
Avis sur le forum : Réponse
Avatar : Réponse

Fiche par Azuriel pour PoS ♥

HTML

Code:: <div class="globprez"><div class="entprez"><img src="http://i.imgur.com/MjK8j5e.jpg" width="500" height="150"/></div>
<div class="titreprez">Nom Prénom</div>
<div class="citeprez">« Petite citation »</div>
<div class="sstitreprez">Généralités</div>
<table class="tableau"><tr><td width="100"><img src="http://i.imgur.com/eTj34j1.png" width="100" height="100"/></td><td width="300"><div class="dstableau"><b>Sexe
Âge
Groupe
Rang</b>
</div></td><td width="100"><img src="http://i.imgur.com/eTj34j1.png" width="100" height="100"/></td></tr></table>
<div class="sstitreprez">Description physique et mentale</div>
<div class="bloc4"><div class="citeprez2">« Petite citation »</div>Texte ici
</div>
<div class="sstitreprez">Histoire</div>
<div class="bloc4"><div class="citeprez2">« Petite citation »</div>Texte ici
</div>
<div class="sstitreprez">Le joueur</div>
<table class="tableau"><tr><td width="100"><img src="http://i.imgur.com/eTj34j1.png" width="100" height="100"/></td><td width="300"><div class="dstableau2"><b>Pseudo :</b> Réponse
<b>Âge :</b> Réponse
<b>Parrain :</b> Réponse
<b>Présence sur le Forum :</b> Réponse
<b>Avis sur le forum :</b> Réponse
<b>Avatar :</b> Réponse</div></td><td width="100"><img src="http://i.imgur.com/eTj34j1.png" width="100" height="100"/></td></tr></table>
<div class="credits">Fiche par Azuriel pour PoS ♥</div>
</div>

CSS

Code:: .globprez
{
width:520px;
background-color:#fff;
border:1px solid #e0e0e0;
margin:15px auto 15px auto;
box-shadow:0px 0px 5px #e0e0e0;
}

.entprez
{
border:2px solid #e0e0e0;
margin:15px auto 15px auto;
width:500px;
opacity:0.8;
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
-ms-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
}

.entprez:hover
{
opacity:1;
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
}

.titreprez
{
height:35px;
background-color:#9E0E40;
color:#82C46C;
text-align : center;
font-weight : bold;
font-family:Impact;
font-size:30px;
letter-spacing:3px;
line-height:35px;
opacity:0.8;
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
-ms-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
}
.titreprez:hover
{
letter-spacing:2px;
opacity:1;
}

.citeprez
{
font-style:italic;
font-size:13px;
color:#9e0e40;
text-align : center;
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
-ms-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
}

.citeprez:hover
{
color:#283A04;
}

.sstitreprez
{
font-size:20px;
font-family:Impact;
text-align:center;
color:#9e0e40;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}

.sstitreprez:hover
{
color:#283A04;
letter-spacing:2px;
}

.tableau
{
margin:15px auto 15px auto;
width:500px;
}

.citeprez2
{
font-style:italic;
font-size:10px;
color:#9e0e40;
text-align : center;
opacity:0.8;
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
-ms-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
}

.citeprez2:hover
{
color:#283A04;
}

.bloc4
{
margin:15px auto 15px auto;
width:480px;
padding:10px;
text-align:justify;
font-size:11px;
font-color:#000;
border:2px solid #e0e0e0;
}

.dstableau
{
border:2px solid #e0e0e0;
text-align:center;
font-size:12px;
font-color:#000;
line-height:25px;
}

.dstableau2
{
border:2px solid #e0e0e0;
text-align:center;
font-size:12px;
font-color:#000;
height:100px;
overflow-y:scroll;
}

.credits
{
font-style:italic;
font-size:10px;
color:#9e0e40;
text-align : center;
opacity:0.8;
}

Voilà voilàààààààà ♥

水 | Kiri no Genin ▬ Administratrice

Fûma Nishiki

Messages : 864
Date d'inscription : 05/04/2015
Age : 33

Fiche Shinobi
Rang: C
Ryos: 1463
Expérience:

[Suggestion] Un nouveau formulaire de présentation Up4Qf5Y

(61/200)

Re: [Suggestion] Un nouveau formulaire de présentation Lun 1 Juin - 22:41

Merci beaucoup ♥

Je l'installe de suite ^^

Page 1 sur 1

Sujets similaires

» Suggestion
» Suggestion - Demandes de liens
» dududu~~ suggestion d'émotes !
» Suggestion pour le plaisir des gris.
» J'étais nouveau, je serai un vieux...

Sauter vers: