Eroda Académie

Notre concept

Proin rutrum ipsum sit amet rutrum ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer in cursus lorem. Proin rutrum ipsum sit amet rutrum ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer in cursus lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer in cursus loremi...
Lire plus

On attend nos copains !

Partenaires

Petites annonces

03/08/2016 — Lorem ipsum cherche un partenaire RP! Plus d'infos par par ici.
02/08/2016 — Un nouveau prédéfini a rejoint le bottin, ouvrez l'oeil, il paraît qu'il est dangereux !
17/07/2016 — Lancement de l'intrigue #2, renseigner-vous pour y participer ...

Top sites

Musique

©linus pour Epicode
En bref
Bienvenue à toi !

Eroda Académie est un forum RPG qui mélange l'univers "d'Harry Potter" et du "Dernier maître de l'air" aussi connu sous le dessin animé "Avatar". Notre histoire se déroule en 2016, dans un contexte bien plus moderne. Le royaume de la terre a donné un territoire aux autres nations où s'est formée une académie élémentaire "Eroda". Chaque année, tous les élèves âgés entre 13 à 18 ans viennent étudier dans cette académie. Pourquoi ne pourrais-tu pas venir nous rejoindre toi aussi ? Si tu hésites, connecte-toi avec le compte ci-dessous et n'hésite pas à venir nous rendre une petite visite !

Nom de compte : Visiteur
Mot de Passe : visiteur123

Nous serons heureux de t'avoir parmi nous !
Les Mages de l'académie Eroda.



 
AccueilAccueil  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

Fiche new design

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Myo
BiographieJe suis ici depuis le : 29/04/2012 et mon nombre de messages s'élève à : 15
Ma Fiche

MessageSujet: Fiche new design Jeu 19 Fév - 20:19



Nom de Famille

Prénom Prénom
PRENOM est né(e) le DATE AU CHOIX à LIEU DE NAISSANCE. Il/elle est âgé(e) de ÂGE et travaille à LIEU DE TRAVAIL comme RANG. Il/Elle maîtrise ÉLÉMENT et adhère à l'alignement des ALIGNEMENT
QUALITÉ ♣ QUALITÉ ♣ QUALITÉ ♣ QUALITÉ ♣ QUALITÉ ♣ QUALITÉ ♣ DÉFAUT ♣ DÉFAUT ♣ DÉFAUT ♣ DÉFAUT ♣ DÉFAUT ♣ DÉFAUT ♣

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.

Prénom P. Nom;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.
Prénom P. Nom;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.
Prénom P. Nom;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.
Prénom P. Nom;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.

Anomalie © Célébrité © Credit de l'avatar

FREE RESERVED TAKEN

Code:
<center><div class="backimg"><div class="predefmod"><br><TABLE><TR>
[center]<div class="title"><f>Nom de Famille</f></div>
<div class="undertitle">Prénom Prénom</div>[/center]
<div class="turlu1"><div class="predefinfo"><span class="w">Prénom P. Nom</span> [i]est né le[/i] <span class="w">DATE AU CHOIX</span> [i]au[/i] <span class="w">LIEU DE NAISSANCE</span> [i]et est maintenant âgé de[/i] <span class="w">ÂGE</span>. <span class="w">SANG</span>, [i]il a été réparti dans la maison de[/i] <span class="w">MAISON</span> [i]et est aujourd'hui en[/i] <span class="w">ANNÉE</span>.</div></div><div class="undertext">Pour obtenir un dégradé de vague comme je le fais sur mes fiches, allez [url=http://slimshady451.free.fr/texte/vague.php]ici[/url], Taille 1 = 10, Taille 2 = 20. Ne sélectionnez aucune police. "Monter au débût" doit être coché. Cliquez sur "crer le code" et sélectionnez le code donné dans "Code HTML". Remplacez ce paragraphe explicatif par ce dit code et le tour est joué!</div><TD>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</div>
</div></TD><TD><div class="turlu"><div class="predefcont"><div class="opacityA">[img]http://i.imgbox.com/bScUtnK4.png[/img]</div></div></div></TD></TR></TABLE>
<table><tr><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td></tr></table>
<br><div class="credit">Anomalie © Célébrité © Credit de l'avatar</div></div></div></center>
[center][font=Verdana][size=9][color=#89554a]LIBRE[/color] | RÉSERVÉ | JOUÉ[/size][/font][/center]


Dernière édition par Myo le Sam 21 Fév - 22:22, édité 3 fois
Revenir en haut Aller en bas
http://forumerodateste.creer-un-forum.be
avatar
Myo
BiographieJe suis ici depuis le : 29/04/2012 et mon nombre de messages s'élève à : 15
Ma Fiche

MessageSujet: Re: Fiche new design Ven 20 Fév - 15:36

Code:
<div style="background-color: #E4E4E4; margin: 20px; padding-bottom: 10px; box-shadow: 3px 3px 5px #000000;"><img src="http://nsa34.casimages.com/img/2014/08/11/140811045815535463.png" style="width: 100%; heigh: 280px;"/><div style="background-color: #B0C3AB; height: 4px; width: 100%;"></div><div style="margin-top: -3px; margin-left: 10px; color: #BEBEBE; font-size: 10px; font-family: arial narrow;">feat Personnalité choisie</div><span style="display: block; text-align: right; margin-right: 10px; margin-top: -24px; font-family: georgia; font-size: 36px; text-shadow: 1px 1px 2px #1A1A1A; color: #353535;"><b>“</b><span style="color: #1C3734; font-variant: small-caps; letter-spacing: 2px">Prénom Nom</span></span>
<span style="display: block; margin-top: -10px; margin-right: 10px; font-size: 13px; color: #515151; text-align: right; font-style: italic;">"Citation classe de la mort qui tue"</span>

<center><object width="250" height="40" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="gsSong2594296982" name="gsSong2594296982"><param name="movie" value="http://grooveshark.com/songWidget.swf" /><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=grooveshark.com&songID=25942969&style=metal&p=0" /><object type="application/x-shockwave-flash" data="http://grooveshark.com/songWidget.swf" width="250" height="40"><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=grooveshark.com&songID=25942969&style=metal&p=0" /><span><a href="http://grooveshark.com/search/song?q=Robin%20Foster%20D.%20A.%20D.%20O.%20E.%20S." title="D. A. D. O. E. S. by Robin Foster on Grooveshark">D. A. D. O. E. S. by Robin Foster on Grooveshark</a></span></object></object></center>

<div style="font-family: georgia; margin-left: 80px; margin-bottom: -24px; font-size: 24px; color: #B0C3AB;">Présentation</div>
<div style="background-color: #DFDFDF; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><br /><div style="background-color: #8D838D; height: 1px; margin-left: 30px; margin-right: 30px; margin-top: -7px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px; margin-right: 30px;"></div><br /><table><tr><img src="http://nsa34.casimages.com/img/2014/08/13/140813075258776015.png" style="width: 198px; height: 328px; border-top-left-radius: 15px; float: right; margin-right: 30px; border: 2px solid #BEBEBE;" /></tr><tr><div style="background-color: #ffffff; width: 200px; height: 138px; margin-left : 30px; padding: 10px; text-align: justify; overflow: auto;">« Bonjour !
Je m'appelle <i>Prénom Nom</i> et l'on me surnomme <i>Surnom</i>. Je suis né le <i>Date de naissance</i> à <i>Lieu de naissance</i>, ce qui me fait <i>Âge</i> ans. Je suis un <i>Homme/Femme</i>. Je suis <i>Hétéro/Homo/Bisexuel</i> et actuellement <i>Célibataire/En couple/Fiancé/Marié</i>. Mon principal défaut est <i>Défaut</i> et ma qualité majeure est <i>Qualité</i>. »</div></tr><td><br /><div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; width: 196px; height: 152px; margin-left : 28px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 10px; overflow: auto;"><b>Taille :</b> <i>Renseigner</i>
<b>Poids :</b> <i>Renseigner</i>
<b>Groupe :</b> <i>Groupe du personnage</i>
<b>Métier :</b> <i>Faut bien gagner sa vie</i>
<b>Ambition :</b> <i>Renseigner</i></div></td></table><div style="background-color: #F0F0F0 ; margin-top: -35px; border: 2px solid #BEBEBE; margin-right: 30px; padding: 5px; width: 188px; border-bottom-right-radius: 15px; text-align: center; float: right;">crédits</div></div>

<div style="font-family: georgia; margin-left: 80px; margin-bottom: -24px; font-size: 24px; color: #B0C3AB;">Physique</div>
<div style="background-color: #DFDFDF; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><br /><div style="background-color: #8D838D; height: 1px; margin-left: 30px; margin-right: 30px; margin-top: -7px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px; margin-right: 30px;"></div><br /><div style="background-color: #ffffff; height: 300px; margin-left: 30px; margin-right: 30px; padding: 10px; text-align: justify; overflow: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></div>

<div style="font-family: georgia; margin-left: 80px; margin-bottom: -24px; font-size: 24px; color: #B0C3AB;">Caractère</div>
<div style="background-color: #DFDFDF; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><br /><div style="background-color: #8D838D; height: 1px; margin-left: 30px; margin-right: 30px; margin-top: -7px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px; margin-right: 30px;"></div><br /><div style="background-color: #ffffff; height: 300px; margin-left: 30px; margin-right: 30px; padding: 10px; text-align: justify; overflow: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></div>

<div style="font-family: georgia; margin-left: 80px; margin-bottom: -24px; font-size: 24px; color: #B0C3AB;">Histoire</div>
<div style="background-color: #DFDFDF; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><br /><div style="background-color: #8D838D; height: 1px; margin-left: 30px; margin-right: 30px; margin-top: -7px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px; margin-right: 30px;"></div><br /><div style="background-color: #ffffff; height: 498px; margin-left: 30px; margin-right: 30px; padding: 10px; text-align: justify; overflow: auto;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est. At alium insatiabilis tenet auaritia; alium in superuacuis laboribus operosa sedulitas; alius uino madet, alius inertia torpet; alium defetigat ex alienis iudiciis suspensa semper ambitio, alium mercandi praeceps cupiditas circa omnis terras, omnia maria spe lucri ducit; quosdam torquet cupido militiae numquam non aut alienis periculis intentos aut suis anxios; sunt quos ingratus superiorum cultus uoluntaria seruitute consumat; multos aut affectatio alienae formae aut suae querella detinuit; plerosque nihil certum sequentis uaga et inconstans et sibi displicens leuitas per noua consilia iactauit; quibusdam nihil quo cursum derigant placet, sed marcentis oscitantisque fata deprendunt, adeo ut quod apud maximum poetarum more oraculi dictum est uerum esse non dubitem: Exigua pars est uitae qua uiuimus. Ceterum quidem omne spatium non uita sed tempus est. </div></div>

<div style="font-family: georgia; margin-left: 80px; margin-bottom: -24px; font-size: 24px; color: #B0C3AB;">Derrière l'écran</div>
<div style="background-color: #DFDFDF; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; border-top-left-radius: 30px; border-bottom-right-radius: 30px;"><br /><div style="background-color: #8D838D; height: 1px; margin-left: 30px; margin-right: 30px; margin-top: -7px;"></div><div style="background-color: #B0C3AB; height: 2px; margin-left: 30px; margin-right: 30px;"></div><br /><table><td><img src="http://nsa34.casimages.com/img/2014/08/11/140811104541235878.png" style="border: 2px solid #BEBEBE; width: 100px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; margin-left: 30px;"></td><td><div style="background-color: #F0F0F0; border: 2px solid #BEBEBE; width: 300px; height: 104px; margin-left : 13px; margin-right: 28px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 10px; overflow: auto;"><b>Pseudo :</b> <i>Pseudo habituel</i>
<b>Âge :</b> <i>Renseigner</i>
<b>Comment avec-vous connu le forum ?</b> <i>top-sites ; google ; partenaires...</i>
<b>Que pensez-vous du forum ?</b> <i>N'ayez pas peur!</i>
<b>Quelle est votre disponibilité ?</b> <i>La fréquence de vos connexions</i>
<b>Autre chose ?</b> <i>Dites ce qui vous passe par la tête</i></div></td></table></div><a style="display: block; margin-top: -3px; text-align: center; color: #BEBEBE; font-size: 10px; font-family: arial narrow;" href="http://www.never-utopia.com">© Ju de Never-Utopia</a></div>
Revenir en haut Aller en bas
http://forumerodateste.creer-un-forum.be
avatar
Myo
BiographieJe suis ici depuis le : 29/04/2012 et mon nombre de messages s'élève à : 15
Ma Fiche

MessageSujet: Re: Fiche new design Mar 11 Aoû - 16:21

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<div class="cate_titre"><span class="catetitre_bloc"></span>
  <span class="catetitre_content">{catrow.tablehead.L_FORUM}</span></div>

 <!-- END tablehead -->
 <!-- BEGIN cathead -->


 <!-- END cathead -->
 <!-- BEGIN forumrow -->
 

<div class="forum_bloc">
<div class="forum">
 
  <span class="forumlink">
  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
  </span>
 
  <div class="forum_contenu">
    {catrow.forumrow.FORUM_DESC}<br />
   
    <div class="icone_stats"><table><tr><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></td>
      <td><span class="stats_lastpost">
        <span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
        <span class="lastpost">{catrow.forumrow.LAST_POST}</span>
        </span></td>
      </tr></table></div>
   
  </div>
 
  <div class="sous_forum">
    <span class="sforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
    <span class="ouverture_sousforum">Voir les sous-forum</span>
  </div>
 
</div>
</div>


 <!-- END forumrow -->
 <!-- BEGIN catfoot -->

 <!-- END catfoot -->
 <!-- BEGIN tablefoot -->

<!-- END tablefoot --><!-- END catrow -->

Code:
/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_titre
{
  clear: both;
  height: 100px;
  margin-top: 50px;
}
.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right : auto;
background-color: none;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 900px;
margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
text-align: center;
padding: 2px;
  border-bottom: 3px dotted none;
}
.catetitre
{
color: #CEB8D8;
font-family: "Bree Serif";
text-shadow: 1px 1px 0px #000000;
font-size: 40px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}

.forum_bloc
{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
}
.forum
{
float: left;
width: 440px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}
a.forumlink
{
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #CEB8D8;
  text-align: center;
font-family: "Great Vibes";
font-size: 35px;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
  letter-spacing: 4px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 98%;
  height: 90%;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  background-color: #675D92;
  border-left: 1px dotted #CEB8D8;
  border-right: 1px dotted #CEB8D8;
  border-bottom: 1px dotted #CEB8D8;
  border-top: 5px solid none;
}
.description
{
  display: block;
  width: 400px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #F6F0F4;
  font-size: 10px;
  color: #1E1128;
  text-align: justify;
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats
{
  width: 300px;
  margin: auto;
  margin-top: -30px;
}
.stats_lastpost
{
  display: block;
  width: 160px;
  height: 80px;
  margin-left: 10px;
  background-color: #3C2D51;
  border: 1px solid #3C2D51;
  padding: 5px;
  text-align: center;
}
.stats
{
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px dotted #b5b5b5;
  padding-bottom: 5px;
  font-size: 10px;
  color: #8f8f8f;
}
.lastpost
{
  display: block;
  font-size: 11px;
}
.sforum
{
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background: #CEB8D8;
  color: #1E1128;
  overflow: hidden;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum
{
  position: relative;
  z-index: 3;
  display: block;
  float: right;
  width: 120px;
  margin-right: 20px;
  background: #CEB8D8;
  color: #1E1128;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
  height: 50px;
  background: #CEB8D8;
  color: #1E1128;
  padding: 4px;
  overflow: auto;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.sous_forum a
{
  color: #1E1128 !important;
  text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
  color: #1E1128 !important;
}
Revenir en haut Aller en bas
http://forumerodateste.creer-un-forum.be
Contenu sponsorisé
Biographie
Ma Fiche

MessageSujet: Re: Fiche new design

Revenir en haut Aller en bas

Fiche new design

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Fiche technique de Lion Damon [ Validée ]
» Fiche Technique d'Ryuuma !
» [Validée]Fiche Technique de Krone Takeshi
» Fiche technique et news de Stay with me
» Fiche Technique de Minami

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Première Catégorie :: Eroda-