[Fiche présentation]Façon dossier

Ven 26 Fév - 18:09
Bonjour, je souhaiterais un codage de message pour les présentations

Largeur maximale : 680px
Hauteur maximale : auto
Schéma : Schéma
Éléments : Si impossibilité absolue de produire une esquisse imagée ou pour affiner cette dernière
Images : Le ost it: http://i76.imgup.net/postit46bc.png
Letrombone http://k70.imgup.net/trombone809c.png

Animations : J'aimerais qu'au survol sur l'avatar, celui d'en dessous passe au dessus.
Informations supplémentaires : Le fond est à la couleur: #1a140d
Le cadre est : #ffffff
La Zone 1peut comporter un overflov
La zone 2 devra s'étendre à mesure de l'écriture
La zone 3 pareil, cela n'est pas dérangeant que le post it reste à sa place tandis que la zone 3 continue
La zne 4 devra contenir une image 100*100

Je n'ai mis les cadre noir que pour délimiter les zones


Je vous remercie par avance :)
Revenir en haut Aller en bas
Sam 27 Fév - 18:11
  • NOM : ...
  • Prénom(s) : ...
  • Date de naissance : ...
  • Nationalité : ...
  • Occupation : ...
  • Lieu de résidence : ...
Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte

Hantise, folie de l'abdication, d'aussi loin qu'il me souvienne. Seulement, abdiquer quoi ? Si jadis je souhaitais tant être quelqu'un, ce n'était que pour la satisfaction de pouvoir dire un jour, comme Charles Quint à Yuste : « Je ne suis plus rien. »
Emil Michel Cioran

Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte


Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/PREZ_PI.css" rel="stylesheet" type="text/css"><div id="PI"><div class="PI"><!-- INFORMATIONS - AJOUT D'INFORMATION = AJOUT DE LI --><div class="infosPI"><ul><li><b>NOM :</b> ...</li><li><b>Prénom(s) :</b> ...</li><li><b>Date de naissance :</b> ...</li><li><b>Nationalité :</b> ...</li><li><b>Occupation :</b> ...</li><li><b>Lieu de résidence :</b> ...</li></ul></div><!-- AVATARS 200*320 - VEILLER A LAISSER LES CLASS --><div class="imgPI"><!-- TROMBONE --><div class="decoPI"></div><!-- AVATAR SUPERIEUR --><img class="facePI" src="..." /><!-- AVATAR INFERIEUR --><img class="backPI" src="..." /></div><!-- ZONE 2 --><div class="zIIPI">Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div><!-- ZONE 3 --><div class="zIIIPI"><!-- POST-IT --><div class="abtUPI"><!-- CONTENU POST-IT --><p>Texte.</p></div><!-- CONTENU ZONE 3 -->Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></div></div>

Partie CSS :
Code:
/* BORDURE DOSSIER PRESENTATION */
#PI {
background:#1a140d !important;
}
/* DOSSIER PRESENTATION */
.PI {
background:#ffffff !important;
}
/* INFORMATION DOSSIER PRESENTATION */
.infosPI li{
border-bottom:1px solid black !important; color:black !important;
}
/* ZONE 2 DOSSIER PRESENTATION */
.zIIPI {
color:black !important;
}
/* ZONE 3 DOSSIER PRESENTATION */
.zIIIPI {
color:black !important;
}
/* POST-IT DOSSIER PRESENTATION */
.abtUPI p{
color:black !important;
}

Si vous teniez impérativement à la figuration de la zone 4, de plus amples précisions quant au contenu de la zone 3 me seraient nécessaires. Son application ne saurait cependant se soustraire à celles de détournements à la praticité variable.
Revenir en haut Aller en bas
Lun 29 Fév - 9:44
Bonjour!!

Un grand merci pour votre création, c'est génial! La zone 4 était pour installer une icon en 100*100 mais si elle n'y est pas, cela ne dérangepas le staff, encore merci pour votre travail!!

Bonne journée
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum