Avec iframe pour ceux qui préfèrent
Code:
[center]<iframe src="http://kingdom-hearts-rpg.forumactif.com/h5-partenaires" height="1185" width="596" frameborder="0" scrolling="no"></iframe>[/center]
En html pour les pros de la sécurité
Code:
<link href="http://fonts.googleapis.com/css?family=EB+Garamond" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/screen.css" />
<div class="fiche"> <div class="texte"> Nous sommes six ans après les événements de Kingdom Hearts II. En tant d’années, les choses ont considérablement changé. Les dangers d’hier sont des soucis bénins aujourd’hui, et au fil du temps, les héros ont surgi de là où on ne les attendait pas. Si Sora et Riku sont absents, ce sont les membres de la lumière qui combattent jour après jour contre les ténèbres.Ce n’est plus une quête solitaire qui ne concerne que certains élus. C’est une guerre de factions. Chaque groupe est terré dans son quartier général, se fait des ennemis comme des alliés. Vivre dehors est devenu trop dangereux. Être seul est suicidaire. A vous de choisir.<br/> Les boss de chaque groupe se sont réunis avant que la guerre n'éclate... Hélas, cette soirée fut le théâtre d'attaques entre groupe, causant des dégâts dans certains mondes qui ne seront pas excusés. La guerre est imminente... chaque camp s'organise avec cette même certitude pour la bataille. </div><div class="stat"> <h2> Statistiques </h2> <p> Forum créé le 13 mars 2007, déjà <strong>7 ans</strong> </p><p> + de <strong>30000</strong> messages </p><p> Moyenne de <strong>35</strong> membres actifs </p><p> <strong>9</strong> alliances à rejoindre </p></div><div class="personnage"> <h2> Nous recherchons </h2><img src="http://imageshack.com/a/img839/849/pjaq.gif" alt=""/> <h3> Hayner </h3> <img src="http://imageshack.com/a/img841/7820/ea8b.gif" alt=""/> <h3> Tidus </h3> <img src="http://imageshack.com/a/img836/837/i6j5.gif" alt=""/> <h3> Yuna, Rikku & Payne </h3> </div><a target="_blank" href="http://kingdom-hearts-rpg.com/" class="lien">kingdom-hearts-rpg.com</a> </div>
<style>.fiche{width:580px;min-height:700px;border:solid #5483bb;border-width:0 8px;padding-top:450px;font-family:'EB Garamond';background:url(http://ahp.li/e311f85f68edde6965f6.jpg) center top no-repeat #fff}.fiche .texte{width:90%;margin:0 auto;border-bottom:1px dotted #5483bb;color:#5483bb;padding-bottom:30px}.fiche .texte:first-letter{color:#5483bb;margin-right:15px;font-size:60px;float:left;text-shadow:2px 2px 0 #91759b}.fiche .stat{background-color:#5483bb;width:38%;box-shadow:0 0 30px rgba(0,0,0,.2) inset;float:right;color:#fff;height:281px;margin:25px 19px 15px;padding:0 15px 15px;font-variant:small-caps}.fiche .stat h2{color:#fff;text-align:center;border-bottom:1px solid #6167b1}.fiche .stat p:before{content:"*";margin-right:10px;font-size:20px;color:#f0eaca}.fiche .personnage{background-color:#E2E2E2;width:38%;box-shadow:0 0 30px rgba(0,0,0,.2) inset;float:left;color:#fff;margin:25px 19px 15px;padding:0 15px 15px;font-variant:small-caps}.fiche .personnage h2{color:#fff;text-align:center;border-bottom:1px solid #6167b1}.fiche .personnage h3{position:relative;bottom:8px;background-color:#5794c3;left:10px;font-size:13px;display:inline-block;padding:2px 5px;margin:0}.fiche .personnage img{margin-bottom:-22px}.fiche .lien{font-size:30px;padding-bottom:30px;text-decoration:none;color:#6167b1;text-align:center;clear:both;display:block;padding-top:60px;font-variant:small-caps}.fiche .lien:hover{color:#aaa}</style>