En ce moment
L'évent
Salon Elémentaire
Nouvelles Inscriptions
Les Cours
Cours de l'air
Cours d'histoire de la magie
Les Missions
Chasse aux monstres
Retrouver les oeufs
Les Concours
Tombolat de novembre
Maison en tête

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.
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  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -39%
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
Voir le deal
399 €

Fiche new design
Voir le sujet précédent Voir le sujet suivant Aller en bas

 :: Première Catégorie :: Eroda
Myo
Myo
https://forumerodateste.forumsrpg.com
Je suis ici depuis le : 29/04/2012 et mon nombre de messages s'élève à : 16
MessageSujet: Fiche new design Fiche new design EmptyJeu 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.

Fiche new design BScUtnK4
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]
Revenir en haut Aller en bas
Myo
Myo
https://forumerodateste.forumsrpg.com
Je suis ici depuis le : 29/04/2012 et mon nombre de messages s'élève à : 16
MessageSujet: Re: Fiche new design Fiche new design EmptyVen 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
Myo
Myo
https://forumerodateste.forumsrpg.com
Je suis ici depuis le : 29/04/2012 et mon nombre de messages s'élève à : 16
MessageSujet: Re: Fiche new design Fiche new design EmptyMar 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
Contenu sponsorisé
MessageSujet: Re: Fiche new design Fiche new design Empty
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

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