N°9 Fiche de Contexte [2 versions]

Créations : 7 Est arrivé(e) le : 21/02/2020

Bonjour à tous =D

Pour cette fiche, je vous en propose deux versions.
Pensez aussi à faire attention aux codes que je proposerais, parce qu'il y en a réservé aux membres et d'autres aux administrateurs ^^

Version membre : le CSS est inclut dans la fiche.
Version administrateur : le CSS est en externe, vous permettant de le mettre dans votre feuille CSS pour changer la couleur de la fiche lorsque vous changez de thème.

Voici donc la première version, avec une hauteur fixée et donc l'utilisation d'une barre de navigation pour le contenu du texte.

∆ Titre ∆

∆ Sous-titre

Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit.

∆ Sous-titre

Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt.

Equitis Romani autem esse filium criminis loco poni ab accusatoribus neque his iudicantibus oportuit neque defendentibus nobis. Nam quod de pietate dixistis, est quidem ista nostra existimatio, sed iudicium certe parentis; quid nos opinemur, audietis ex iuratis; quid parentes sentiant, lacrimae matris incredibilisque maeror, squalor patris et haec praesens maestitia, quam cernitis, luctusque declarat.

∆ Sous-titre

Pandente itaque viam fatorum sorte tristissima, qua praestitutum erat eum vita et imperio spoliari, itineribus interiectis permutatione iumentorum emensis venit Petobionem oppidum Noricorum, ubi reseratae sunt insidiarum latebrae omnes, et Barbatio repente apparuit comes, qui sub eo domesticis praefuit, cum Apodemio agente in rebus milites ducens, quos beneficiis suis oppigneratos elegerat imperator certus nec praemiis nec miseratione ulla posse deflecti.

Quam ob rem circumspecta cautela observatum est deinceps et cum edita montium petere coeperint grassatores, loci iniquitati milites cedunt. ubi autem in planitie potuerint reperiri, quod contingit adsidue, nec exsertare lacertos nec crispare permissi tela, quae vehunt bina vel terna, pecudum ritu inertium trucidantur.

Loukoum

Voici la seconde version, avec une hauteur qui n'est pas fixée cette fois et qui s'adapte donc au contenu de votre fiche.

∆ Titre ∆

∆ Sous-titre

Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit.

∆ Sous-titre

Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt.

Equitis Romani autem esse filium criminis loco poni ab accusatoribus neque his iudicantibus oportuit neque defendentibus nobis. Nam quod de pietate dixistis, est quidem ista nostra existimatio, sed iudicium certe parentis; quid nos opinemur, audietis ex iuratis; quid parentes sentiant, lacrimae matris incredibilisque maeror, squalor patris et haec praesens maestitia, quam cernitis, luctusque declarat.

∆ Sous-titre

Pandente itaque viam fatorum sorte tristissima, qua praestitutum erat eum vita et imperio spoliari, itineribus interiectis permutatione iumentorum emensis venit Petobionem oppidum Noricorum, ubi reseratae sunt insidiarum latebrae omnes, et Barbatio repente apparuit comes, qui sub eo domesticis praefuit, cum Apodemio agente in rebus milites ducens, quos beneficiis suis oppigneratos elegerat imperator certus nec praemiis nec miseratione ulla posse deflecti.

Quam ob rem circumspecta cautela observatum est deinceps et cum edita montium petere coeperint grassatores, loci iniquitati milites cedunt. ubi autem in planitie potuerint reperiri, quod contingit adsidue, nec exsertare lacertos nec crispare permissi tela, quae vehunt bina vel terna, pecudum ritu inertium trucidantur.

Loukoum

A savoir
Փ La largeur de la fiche est, dans les deux versions, fixée à 500px.
Փ Les couleurs, la police d'écriture ainsi que l'image peuvent être changés pour être adaptés à vos envies.

Le crédit
Il est formellement interdit d'enlever ou de changer le crédit de cette fiche.

Les codes
Faites bien attention au code que vous prenez !!!

La première version - codage pour les membres

Code:: <style type="text/css">.ficheimage { width:500px; height:150px; } .fichebloc { width:500px; border: 5px solid #FFFFFF; } .fichetitre { text-align:center; color:#423F3B; font-family:'Bradley Hand ITC'; font-size:50px; margin-top:-5px; } .fichetitre2 { padding-left:50px; padding-top:30px; font-size:20px; font-family:'Bradley Hand ITC'; color:#423F3B; } .fichetexte { text-align:justify; padding:25px; font-size:12px; font-family:'Calibri'; height:350px; overflow:auto; } .fichecrédit { font-size:8px; text-align:center; }</style>

<center><div class="fichebloc"><img class="ficheimage" src="http://cs625424.vk.me/v625424185/47d8c/rl48NDGg63g.jpg"><div class="fichetitre">∆ Titre ∆</div>
<div class="fichetexte"><div class="fichetitre2">∆ Sous-titre</div>
Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit.

<div class="fichetitre2">∆ Sous-titre</div>
Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt.

Equitis Romani autem esse filium criminis loco poni ab accusatoribus neque his iudicantibus oportuit neque defendentibus nobis. Nam quod de pietate dixistis, est quidem ista nostra existimatio, sed iudicium certe parentis; quid nos opinemur, audietis ex iuratis; quid parentes sentiant, lacrimae matris incredibilisque maeror, squalor patris et haec praesens maestitia, quam cernitis, luctusque declarat.

<div class="fichetitre2">∆ Sous-titre</div>
Pandente itaque viam fatorum sorte tristissima, qua praestitutum erat eum vita et imperio spoliari, itineribus interiectis permutatione iumentorum emensis venit Petobionem oppidum Noricorum, ubi reseratae sunt insidiarum latebrae omnes, et Barbatio repente apparuit comes, qui sub eo domesticis praefuit, cum Apodemio agente in rebus milites ducens, quos beneficiis suis oppigneratos elegerat imperator certus nec praemiis nec miseratione ulla posse deflecti.

Quam ob rem circumspecta cautela observatum est deinceps et cum edita montium petere coeperint grassatores, loci iniquitati milites cedunt. ubi autem in planitie potuerint reperiri, quod contingit adsidue, nec exsertare lacertos nec crispare permissi tela, quae vehunt bina vel terna, pecudum ritu inertium trucidantur.</div>
<div class="fichecrédit">[url=https://lecerclesecret.forumactif.org/]Loukoum[/url]</div></div></center>

La première version, codage à destination des administrateurs.
Voici le code CSS

Code:: .ficheimage {
width:500px;
height:150px;
}

.fichebloc {
width:500px;
border: 5px solid #FFFFFF;
}

.fichetitre {
text-align:center;
color:#423F3B;
font-family:'Bradley Hand ITC';
font-size:50px;
margin-top:-5px;
}

.fichetitre2 {
padding-left:50px;
padding-top:30px;
font-size:20px;
font-family:'Bradley Hand ITC';
color:#423F3B;
}

.fichetexte {
text-align:justify;
padding:25px;
font-size:12px;
font-family:'Calibri';
height:350px;
overflow:auto;
}

.fichecrédit {
font-size:8px;
text-align:center;
}

Et le code HTML pour vos messages

Code:: <center><div class="fichebloc"><img class="ficheimage" src="http://cs625424.vk.me/v625424185/47d8c/rl48NDGg63g.jpg"><div class="fichetitre">∆ Titre ∆</div>
<div class="fichetexte"><div class="fichetitre2">∆ Sous-titre</div>
Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit.

<div class="fichetitre2">∆ Sous-titre</div>
Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt.

Equitis Romani autem esse filium criminis loco poni ab accusatoribus neque his iudicantibus oportuit neque defendentibus nobis. Nam quod de pietate dixistis, est quidem ista nostra existimatio, sed iudicium certe parentis; quid nos opinemur, audietis ex iuratis; quid parentes sentiant, lacrimae matris incredibilisque maeror, squalor patris et haec praesens maestitia, quam cernitis, luctusque declarat.

<div class="fichetitre2">∆ Sous-titre</div>
Pandente itaque viam fatorum sorte tristissima, qua praestitutum erat eum vita et imperio spoliari, itineribus interiectis permutatione iumentorum emensis venit Petobionem oppidum Noricorum, ubi reseratae sunt insidiarum latebrae omnes, et Barbatio repente apparuit comes, qui sub eo domesticis praefuit, cum Apodemio agente in rebus milites ducens, quos beneficiis suis oppigneratos elegerat imperator certus nec praemiis nec miseratione ulla posse deflecti.

Quam ob rem circumspecta cautela observatum est deinceps et cum edita montium petere coeperint grassatores, loci iniquitati milites cedunt. ubi autem in planitie potuerint reperiri, quod contingit adsidue, nec exsertare lacertos nec crispare permissi tela, quae vehunt bina vel terna, pecudum ritu inertium trucidantur.</div>
<div class="fichecrédit">[url=https://lecerclesecret.forumactif.org/]Loukoum[/url]</div></div></center>

Et maintenant, les codes pour la deuxième version =D

Voici celui à destination des membres

Code:: <style type="text/css">.ficheimage { width:500px; height:150px; } .fichebloc { width:500px; border: 5px solid #FFFFFF; } .fichetitre { text-align:center; color:#423F3B; font-family:'Bradley Hand ITC'; font-size:50px; margin-top:-5px; } .fichetitre2 { padding-left:50px; padding-top:30px; font-size:20px; font-family:'Bradley Hand ITC'; color:#423F3B; } .fichetexte { text-align:justify; padding:25px; font-size:12px; font-family:'Calibri'; } .fichecrédit { font-size:8px; text-align:center; }</style>

<center><div class="fichebloc"><img class="ficheimage" src="http://cs625424.vk.me/v625424185/47d8c/rl48NDGg63g.jpg"><div class="fichetitre">∆ Titre ∆</div>
<div class="fichetexte"><div class="fichetitre2">∆ Sous-titre</div>
Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit.

<div class="fichetitre2">∆ Sous-titre</div>
Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt.

Equitis Romani autem esse filium criminis loco poni ab accusatoribus neque his iudicantibus oportuit neque defendentibus nobis. Nam quod de pietate dixistis, est quidem ista nostra existimatio, sed iudicium certe parentis; quid nos opinemur, audietis ex iuratis; quid parentes sentiant, lacrimae matris incredibilisque maeror, squalor patris et haec praesens maestitia, quam cernitis, luctusque declarat.

<div class="fichetitre2">∆ Sous-titre</div>
Pandente itaque viam fatorum sorte tristissima, qua praestitutum erat eum vita et imperio spoliari, itineribus interiectis permutatione iumentorum emensis venit Petobionem oppidum Noricorum, ubi reseratae sunt insidiarum latebrae omnes, et Barbatio repente apparuit comes, qui sub eo domesticis praefuit, cum Apodemio agente in rebus milites ducens, quos beneficiis suis oppigneratos elegerat imperator certus nec praemiis nec miseratione ulla posse deflecti.

Quam ob rem circumspecta cautela observatum est deinceps et cum edita montium petere coeperint grassatores, loci iniquitati milites cedunt. ubi autem in planitie potuerint reperiri, quod contingit adsidue, nec exsertare lacertos nec crispare permissi tela, quae vehunt bina vel terna, pecudum ritu inertium trucidantur.</div>
<div class="fichecrédit">[url=https://lecerclesecret.forumactif.org/]Loukoum[/url]</div></div></center>

Et voici le code à destination des administrateurs.
Le code CSS :

Code:: .ficheimage {
width:500px;
height:150px;
}

.fichebloc {
width:500px;
border: 5px solid #FFFFFF;
}

.fichetitre {
text-align:center;
color:#423F3B;
font-family:'Bradley Hand ITC';
font-size:50px;
margin-top:-5px;
}

.fichetitre2 {
padding-left:50px;
padding-top:30px;
font-size:20px;
font-family:'Bradley Hand ITC';
color:#423F3B;
}

.fichetexte {
text-align:justify;
padding:25px;
font-size:12px;
font-family:'Calibri';
}

.fichecrédit {
font-size:8px;
text-align:center;
}

Et le code HTML :

Code:: <center><div class="fichebloc"><img class="ficheimage" src="http://cs625424.vk.me/v625424185/47d8c/rl48NDGg63g.jpg"><div class="fichetitre">∆ Titre ∆</div>
<div class="fichetexte"><div class="fichetitre2">∆ Sous-titre</div>
Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit.

<div class="fichetitre2">∆ Sous-titre</div>
Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt.

Equitis Romani autem esse filium criminis loco poni ab accusatoribus neque his iudicantibus oportuit neque defendentibus nobis. Nam quod de pietate dixistis, est quidem ista nostra existimatio, sed iudicium certe parentis; quid nos opinemur, audietis ex iuratis; quid parentes sentiant, lacrimae matris incredibilisque maeror, squalor patris et haec praesens maestitia, quam cernitis, luctusque declarat.

<div class="fichetitre2">∆ Sous-titre</div>
Pandente itaque viam fatorum sorte tristissima, qua praestitutum erat eum vita et imperio spoliari, itineribus interiectis permutatione iumentorum emensis venit Petobionem oppidum Noricorum, ubi reseratae sunt insidiarum latebrae omnes, et Barbatio repente apparuit comes, qui sub eo domesticis praefuit, cum Apodemio agente in rebus milites ducens, quos beneficiis suis oppigneratos elegerat imperator certus nec praemiis nec miseratione ulla posse deflecti.

Quam ob rem circumspecta cautela observatum est deinceps et cum edita montium petere coeperint grassatores, loci iniquitati milites cedunt. ubi autem in planitie potuerint reperiri, quod contingit adsidue, nec exsertare lacertos nec crispare permissi tela, quae vehunt bina vel terna, pecudum ritu inertium trucidantur.</div>
<div class="fichecrédit">[url=https://lecerclesecret.forumactif.org/]Loukoum[/url]</div></div></center>