Fiche pour présentation du Staff (Commande 2)

Messages : 22 Date d'inscription : 09/08/2013 Âge : 34

Coucou on a tellement aimé ton premier codage que nous revoila avec une nouvelel commande, j'espère que cela ne te dérange pas.

Bonjour/bonsoir,
Je suis modératrice du forum. . Nous sommes en train de construire avec des amies un forum célébrités. Nous avons besoin de quelques codes pour faire avancer le forum. Je suis ici pour commander le code présentations des membres du staff.
• Adresse du forum où le code sera installé : http://celebritystory.forumactif.com/ •Votre statut sur le forum : [] Administrateur, [X] Modérateur, [] Membre
•Type de la structure demandée : présentations des membres du staff.
•Montage : https://www.zupimages.net/up/16/05/dno4.png
•Explications :
- j’aimerais un fondu sur l’avatar quand on clique dessus pour la description ci-dessous.
•La largeur de votre forum : 850
•Les dimensions : 480
•Images à utiliser ?
- avatar = https://i.imgur.com/VgIh1YN.jpg
- les deux icones = http://i.imgbox.com/33myiWug.png
•Texte : il est marque dans le schéma.
•Couleurs : je modifierais les couleurs moi-même.
•Crédit : il y aura un sujet avec les crédits.

Merci beaucoup

Coucou !
Désolée de pas avoir répondu plus tôt, j'ai oublié de dire que je m'en occupais !
Est-ce que vous voulez une personnalisation du fond ?

Messages : 22 Date d'inscription : 09/08/2013 Âge : 34

Merci beaucoup de prendre la commande,

Alors pour le fond une couleur oui mais pas d'image. Une couleur qui serait assortie à celel du forum ce serait cool. Merci beaucoup.

Désolée pour tout le temps d'attente (alors que la fiche était prête) ! Voici enfin le code :


	Pseudo : écrire ici Prénom : écrire ici Rôle : écrire ici Présence : écrire ici

HTML :

CSS :

J'espère qu'il vous plaira.

Comme d'habitude, si besoin de modifications ou autre, il suffit de demander !

Messages : 1 Date d'inscription : 20/02/2016

Bonjour je suis fondatrice du forum ❤️❤️
Est-e que cela est possible de faire un fondu sur l'avatar ?? Quand on clique dessus on voit le texte de nos présentation ?? Mais sinon il est magnifique

Ah, désolée, je suis vraiment bête j'ai oublié la partie la plus importante de la fiche. oops

https://www.zupimages.net/up/16/05/dno4.png
FICHE DE PRESA DU STAFF

Présentation du staff.
	Pseudo : écrire ici Prénom : écrire ici Rôle : écrire ici Présence : écrire ici

HTML:

CSS:

Code:: /* DEBUT DE LA FICHE DE PRESENTATION DU STAFF PAR JOY http://dream.forumsactifs.net */
.mesadmin {
  border: 1px solid #999;
  width: 480px;
  border: solid #80e558;
  border-width: 4px 1px;
  background: #FFFFCB;
}

img.mesadminhead {
  width: 90%;
}

h10.mestitres {
  font-family: 'Dancing Script', cursive;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #ec9358;
  margin-bottom: -10px;
}

span.messtitres {
  color: #ead478;
  font-family: Arial;
  font-size: 14px;
  font-variant: small-caps;
}

div.mesadmin p {
  font: Arial 11px;
  text-align: justify;
  padding: 2px;
  width: 90%;
  border: solid #3fc979;
  border-width: 3px 0px;
  min-height: 250px;
  margin-bottom: 40px;
}

/* BLOC QUI BOUGE DE LA PRESENTATION DU STAFF */
td.fsavat {
  position: relative;
  padding: 0px;
}

div.staffmove {
  opacity: 0;
  width: 392px;
  height: 320px;
  overflow: auto;
  transition: all ease 1s;
  background: #FFFFCB;
  border: solid #ec9358;
  border-width: 4px 1px;
  padding: 3px;
  text-align: justify;
  position: relative;
  top: -320px;
}

.fsavat:hover div.staffmove {
  opacity: 1;
  top: 0;
}

.fsavat:hover {
  width: 400px;
  transition: all ease 1s;
}

table.fichestaff {
  border: 1px solid #999;
  border: solid #80e558;
  border-width: 4px 1px;
  background: #FFFFCB;
  width: 750px;
  border-spacing: 5px;
}
.fichestaff td {
  cellpadding: 5px;
}
td.fsavat {
  width: 200px;
  height: 320px;
}
td.fsavat img, td.fsicon img {
  border: solid #ec9358;
  border-width: 2px 0px;
}
td.fsicon {
  height: 100px;
  text-align: center;
}
td.fsicon img {
  margin: 5px;
}
td.fspresa {
  vertical-align: top;
}
td.fspresa div {
  height: 200px;
  padding: 5px;
  overflow: auto;
  border: solid #3fc979;
  border-width: 3px 0px;
}
table.fichestaff h569 {
  color: #ead478;
  font-family: Arial;
  font-size: 14px;
  font-variant: small-caps;
}
/* FIN DE LA FICHE PAR JOY */