Mettre une fiche d'affiliation en html

 :: Exposition NLDD :: Intruders :: Résolus Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageMettre une fiche d'affiliation en html Ven 1 Avr - 10:21
Bonjour à vous !

Avec plusieurs amies, nous sommes en pleine préparation d'un forum rpg qui ouvre dans un petit plus de deux semaines. Pas franchement douée avec les codes, nous nous sommes tournées vers le libre service pour réaliser nos fiches. C'est justement l'une de vos fiche d'affiliation qui nous à servis pour notre rpg, remise bien sûr dans une forme et des couleurs de notre forum, tout en conservant votre crédit, bien sûr. Mais voilà, j'aimerais que cette fiche soit sous le modèle html, je ne sais pas si vous voyez de quoi je veux parler. En bref, le contenue de la fiche ne sera modifiable qu'en passant par le panneau d'administration. Le soucis, c'est que je ne sais du tout comment m'y prendre, c'est pourquoi, je me permet de vous contacter I love you

Voici le code, tel qu'il est actuellement :

Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/PART_SMI.css" rel="stylesheet" type="text/css">
[center]<div style="background-color:#f6f4f3;width:500px;padding:5px;border:1px double#B3D0E0">
<center>
<div style="color: #c0505c;text-transform: lowercase;text-align: center; font-family: 'Pacifico', cursive;font-size: 35px;letter-spacing: -1px; line-height:60%;">Midnight Hollow</div>
<center><img src="http://www.balloonmaniaofla.com/divider-line.png" style="width:380px;"></center>
<img src="http://49.media.tumblr.com/8f44a5c240148e429bd2d34b8465249c/tumblr_nzfl10b94U1u4thb8o3_500.gif" style="width:450px;border:solid 1px #B3D0E0">  

<center><img src="http://www.balloonmaniaofla.com/divider-line.png" style="width:380px;"></center>
<!-- STAFF --><div class="tstaffSMI" style="color:white;">staff</div><!-- 3 MEMBRES DU STAFF - IMAGES 60*60 --><div id="staffSMI"><!-- STAFF I --><div class="staffSMI"><img src="https://p.dreamwidth.org/54642c24de49/31567-483051/i.imgur.com/jo0RJB9.png" /><div><b>Allison A.</b><br/>Administrateur<br/><a href="http://midnighthollow.forumactif.org/u2" target="_blank">Profil</a></div></div>   <!-- STAFF II --><div class="staffSMI"><img src="http://i.imgur.com/BACBrue.png" /><div><b>Lydia M.</b><br/>Administrateur<br/><a href="http://midnighthollow.forumactif.org/u3" target="_blank">Profil</a></div></div>  <!-- STAFF II --><div class="staffSMI"><img src="https://p.dreamwidth.org/399a703809a3/31567-497563/i.imgur.com/HMIJzaH.png" /><div><b>Stiles S.</b><br/>Administrateur<br/><a href="http://midnighthollow.forumactif.org/u4" target="_blank">Profil</a></div></div>  <!-- STAFF III --><div class="staffSMI"><img src="http://i.imgur.com/b2CnmA6.png" /><div><b>Katherine P.</b><br/>Administrateur<br/><a href="http://midnighthollow.forumactif.org/u10" target="_blank">Profil</a></div></div></div><!-- CONTEXTE --><div class="ctxtSMI" style="border-color:#B3D0E0;"><marquee direction="up" scrollamount="1" height="100" style="color:#B3D0E0;">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</marquee></div>
<!-- 5 PREDEFINIS - IMAGES 45*45 --><div class="predefSMI"><!-- I --><a href="http://midnighthollow.forumactif.org/t72-les-loups-garous-9-9" target="_blank"><img src="http://i.imgur.com/4oUcyNb.png" /></a> <!-- II --><a href="http://midnighthollow.forumactif.org/t73-les-autres-creatures-5-5" target="_blank"><img src="http://i.imgur.com/sx1J57n.png" /></a> <!-- III --><a href="http://midnighthollow.forumactif.org/t79-les-hybrides-2-3" target="_blank"><img src="http://i.imgur.com/AtrPMvD.png" /></a> <!-- IV --><a href="http://midnighthollow.forumactif.org/t80-les-sorcieres-5-5" target="_blank"><img src="http://i.imgur.com/gYGQPLc.png" /></a> <!-- V --><a href="http://midnighthollow.forumactif.org/t72-les-loups-garous-9-9" target="_blank"><img src="http://i.imgur.com/B8Sm5k6.png" /></a></div>
[left]<div class="bandSMI" style="background:#B3D0E0; border-color:white;"><!-- LIENS - 7 MAXIMUM --><div class="lksSMI"><a href="http://midnighthollow.forumactif.org/t7-01-le-reglement" target="_blank">Règlement</a><a href="http://midnighthollow.forumactif.org/t58-02-le-contexte" target="_blank">Le contexte</a><a href="http://midnighthollow.forumactif.org/t61-les-groupes" target="_blank">Les groupes</a><a href="http://midnighthollow.forumactif.org/t8-01-le-bottin-des-avatars" target="_blank">Bottin des avatars</a><a href="http://midnighthollow.forumactif.org" target="_blank">Nous rejoindre</a></div><!-- INFORMATIONS --><div class="infosSMI"><b>NC</b> : Tous Public<br/><b>Taille avatars</b> : 200x320<br/><b>Type</b> : Fantastique<br/><b>Minimum de lignes</b> : Env 15 lignes<br/><br/><center><b></b><br/></center></div></div><!-- BANDE BAS --><div class="btmSMI">[/left]
</div>
<center>
<center><div style="letter-spacing: 3px; font-size: 10px; text-transform: uppercase">code © CCCrush, Pyramids.  </div></div>
</div>
[/center]

Je vous remercie d'avance :)
Revenir en haut Aller en bas
MessageRe: Mettre une fiche d'affiliation en html Sam 2 Avr - 6:56
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Bonjour,

I. Créer une nouvelle page HTML :


Code:
<meta charset="UTF-8"><link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/PART_SMI.css" rel="stylesheet" type="text/css"><!-- FICHE --><div style="margin:auto; background-color:#f6f4f3; width:500px; padding:5px; border:1px double#B3D0E0;"><!-- NOM DU FORUM --><div style="margin:auto; margin-top:25px; color:#c0505c; text-transform:lowercase; text-align:center; font-family:'Pacifico', cursive; font-size:35px; letter-spacing:-1px; line-height:60%;">Midnight Hollow</div><center><img src="http://www.balloonmaniaofla.com/divider-line.png" style="width:380px;"><br/><br/><img src="http://49.media.tumblr.com/8f44a5c240148e429bd2d34b8465249c/tumblr_nzfl10b94U1u4thb8o3_500.gif" style="width:450px; border:solid 1px #B3D0E0;" /><br/><br/><img src="http://www.balloonmaniaofla.com/divider-line.png" style="width:380px;" /></center><br/><!-- STAFF --><div class="tstaffSMI" style="color:white;">staff</div><!-- MEMBRES DU STAFF - IMAGES 60*60 --><div id="staffSMI" style="line-height:12px;"><!-- STAFF I --><div class="staffSMI"><img src="https://p.dreamwidth.org/54642c24de49/31567-483051/i.imgur.com/jo0RJB9.png" /><div><b>Allison A.</b><br/>Administrateur<br/><a href="http://midnighthollow.forumactif.org/u2" target="_blank">Profil</a></div></div>   <!-- STAFF II --><div class="staffSMI"><img src="http://i.imgur.com/BACBrue.png" /><div><b>Lydia M.</b><br/>Administrateur<br/><a href="http://midnighthollow.forumactif.org/u3" target="_blank">Profil</a></div></div>  <!-- STAFF III --><div class="staffSMI"><img src="https://p.dreamwidth.org/399a703809a3/31567-497563/i.imgur.com/HMIJzaH.png" /><div><b>Stiles S.</b><br/>Administrateur<br/><a href="http://midnighthollow.forumactif.org/u4" target="_blank">Profil</a></div></div>  <!-- STAFF IV --><div class="staffSMI"><img src="http://i.imgur.com/b2CnmA6.png" /><div><b>Katherine P.</b><br/>Administrateur<br/><a href="http://midnighthollow.forumactif.org/u10" target="_blank">Profil</a></div></div></div><!-- CONTEXTE --><div class="ctxtSMI" style="border-color:#B3D0E0;"><marquee direction="up" scrollamount="1" height="100" style="color:#B3D0E0;">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</marquee></div><!-- 5 PREDEFINIS - IMAGES 45*45 --><div class="predefSMI"><!-- I --><a href="http://midnighthollow.forumactif.org/t72-les-loups-garous-9-9" target="_blank"><img src="http://i.imgur.com/4oUcyNb.png" /></a> <!-- II --><a href="http://midnighthollow.forumactif.org/t73-les-autres-creatures-5-5" target="_blank"><img src="http://i.imgur.com/sx1J57n.png" /></a> <!-- III --><a href="http://midnighthollow.forumactif.org/t79-les-hybrides-2-3" target="_blank"><img src="http://i.imgur.com/AtrPMvD.png" /></a> <!-- IV --><a href="http://midnighthollow.forumactif.org/t80-les-sorcieres-5-5" target="_blank"><img src="http://i.imgur.com/gYGQPLc.png" /></a> <!-- V --><a href="http://midnighthollow.forumactif.org/t72-les-loups-garous-9-9" target="_blank"><img src="http://i.imgur.com/B8Sm5k6.png" /></a></div><!-- BANDE LIENS + INFORMATIONS --><div class="bandSMI" style="background:#B3D0E0; border-color:white;"><!-- LIENS - 7 MAXIMUM --><div class="lksSMI"><a href="http://midnighthollow.forumactif.org/t7-01-le-reglement" target="_blank">Règlement</a><a href="http://midnighthollow.forumactif.org/t58-02-le-contexte" target="_blank">Le contexte</a><a href="http://midnighthollow.forumactif.org/t61-les-groupes" target="_blank">Les groupes</a><a href="http://midnighthollow.forumactif.org/t8-01-le-bottin-des-avatars" target="_blank">Bottin des avatars</a><a href="http://midnighthollow.forumactif.org" target="_blank">Nous rejoindre</a></div><!-- INFORMATIONS --><div class="infosSMI"><b>NC</b> : Tout Public<br/><b>Taille avatars</b> : 200*320<br/><b>Type</b> : Fantastique<br/><b>Minimum de lignes</b> : Env 15 lignes<br/><br/><center><b></b><br/></center></div></div><!-- CREDITS --><div style="margin:auto; margin-top:5px; letter-spacing:3px; font-size:10px; text-transform:uppercase; text-align:center;">code © <a href="http://crushcrushcrush.actifforum.com/" target="_blank">CCCrush</a>, Pyramids.</div></div>

II. Iframe à modifier [ Lien | Width | Height ] et communiquer :
Code:
<center><iframe src="lien" scrolling="no" style="width:525px; height:700px;" marginwidth="0" marginheight="0" frameborder="0"></iframe></center>
Revenir en haut Aller en bas
MessageRe: Mettre une fiche d'affiliation en html Sam 2 Avr - 9:54
Un grand merci à vous :)
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Résolus-