Rappel du premier message :
Voici le fruit d'une collaboration avec Dakota (:
Je précise que l'arrière plan vert correspond à mon forum.
Et le code :
Un petit commentaire (un avis ?) suffit pour voir le code.
Précisions : - Cette fiche a été codé pour être mise dans une page HTML (Panneau d'administration -> Modules -> HTML & JAVASCRIPT -> Gestion des pages HTML -> Création en mode avancé (HTML)
- Il est donc préférable de la distribuer avec ce code :
/!\ En cas de problème, c'est ici que ça ce passe.
En rouge et noir
Voici le fruit d'une collaboration avec Dakota (:
Je précise que l'arrière plan vert correspond à mon forum.
HTML ~ Voici donc un aperçu : www
Et le code :
- Code:
<!Doctype><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css' /></head><body>
<div style="width:565px; height:1009px; background:url(http://i39.servimg.com/u/f39/18/91/99/24/fond_f11.jpg); margin:auto; color:silver;"><img src="http://i39.servimg.com/u/f39/18/91/99/24/fiche_12.jpg" alt="" style="width:565px; height:169px;" /><br/>
<span style="display:block; font-size:22px; text-transform:uppercase; font-family: 'Francois One', sans-serif; padding:3px; letter-spacing:-1px; margin-top:5px; text-align:center;">- <span style="color:firebrick;">Nom du forum</span> - Genre - <span style="color:firebrick;">Nom du forum</span> - Genre -</span><br/>
<span style="display:block; text-indent:40px; position:relative; top:30px; font-size:20px; font-family: 'Francois One', sans-serif; letter-spacing:-1px;">Le forum en quelques mots</span><br/>
<div style="margin-left:15px; width:350px; height:150px; background:#232625; overflow:auto; border-radius:15px; border-right:1px solid silver; border-bottom:1px solid silver; padding:10px; float:left;">Blabla est un forum de blabla</div> <br/>
<span style="font-size:25px; text-align:center; line-height:25px; display:block; height:140px; overflow:auto; font-family: 'Francois One', sans-serif;">
<a href="LIEN ICI" style="color:firebrick; text-decoration:none;">Lien 1</a><br/>
<a href="LIEN ICI" style="color:firebrick; text-decoration:none;">Lien 1</a><br/>
<a href="LIEN ICI" style="color:firebrick; text-decoration:none;">Lien 1</a><br/>
<a href="LIEN ICI" style="color:firebrick; text-decoration:none;">Lien 1</a></span><br/>
<span style="display:block; text-indent:85px; position:relative; top:30px; font-size:20px; font-family: 'Francois One', sans-serif; letter-spacing:-1px;">Le contexte</span><br/>
<div style="margin-right:15px; width:470px; height:130px; background:#232625; overflow:auto; border-radius:15px; border-right:1px solid silver; border-bottom:1px solid silver; padding:10px; float:right;">C'est l'histoire de blabla</div><br/>
<div style="margin-left:15px; float:left; margin-top:75px; width:150px;">
<span style="font-size:25px; color:firebrick; text-align:center; display:block; font-family: 'Francois One', sans-serif;">Stats</span><br/>
• XX membres<br/>
• XX messages<br/>
• Ouvert le XX<br/></div><br/>
<span style="display:block; text-indent:45px; position:relative; top:45px; font-size:20px; font-family: 'Francois One', sans-serif; letter-spacing:-1px;">La vie du forum</span><br/>
<div style="margin-right:15px; margin-top:15px; width:350px; height:150px; background:#232625; overflow:auto; border-radius:15px; border-right:1px solid silver; border-bottom:1px solid silver; padding:10px; float:right;">Actuellement sur blabla il se passe</div><br/><br/>
<div style="height:70px; overflow:hidden; clear:both; position:relative; top:65px;">
<a href="LIEN DU FORUM" style="font-size:25px; text-decoration:none; color:firebrick; font-family: 'Francois One', sans-serif; position:relative; right:20px; left:200px;">Rejoignez-nous !</a>
<img src="http://img4.hostingpics.net/pics/960813bouton.png" style="border-radius:15px; margin-right:15px; float:right;" /><br/>
<a href="http://www.never-utopia.com/" style="text-decoration:none; color:white; margin-left:15px; position:relative; top:8px; font-size:13px;">© Fiche par Dakota et A-Lice sur Never-Utopia</a></div>
</div></body></html>
Un petit commentaire (un avis ?) suffit pour voir le code.
Précisions : - Cette fiche a été codé pour être mise dans une page HTML (Panneau d'administration -> Modules -> HTML & JAVASCRIPT -> Gestion des pages HTML -> Création en mode avancé (HTML)
- Il est donc préférable de la distribuer avec ce code :
- Code:
<center><iframe src="ICI LE LIEN DE LA PAGE HTML" border="0" frameborder="0" scrolling="no" style="margin:10px;" width="565px" height="1039px"></iframe></center>
/!\ En cas de problème, c'est ici que ça ce passe.
Dernière édition par A-Lice le Lun 16 Fév 2015 - 0:01, édité 1 fois
