Avatar : Are (OC) - Littleulvar Age : 36 Quoi d'neuf ?Coeurs : (30/500)Magasins: Carnet de Bord: | Sujet: Fiche de Liens; au cas où vous n'ayez rien. Lun 20 Aoû - 6:12 | | Aide Bon je vous propose ce modèle ci > https://dream-your-life.forums-actifs.com/h9-fiche-de-liensCependant son mode d'utilisation est un peu plus compliqué qu'un simple copier coller (; Pour l'utiliser il faudra que créiez une page HTML et pour cela il vaut mieux avoir un forum et/ou forum test. Lorsque vous êtes sur le forum en question dirigez vous vers le panneau d'admin > Module > Gestion du HTML et du Javascript > Gestion des pages HTML ensuite vous créez une nouvelle page et collez le code ci-dessous dedans. - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Fiche Liens</title>
<style type="text/css"> .fond{ background-color:#DF9797; width:600px; height:auto; border:2px dotted white; border-radius:30px;}
.text1 { padding:28px; text-align:justify; height:100px; width:390px; color:white; box-shadow:3px 3px 5px indianred; text-shadow:2px 1px 1px indianred; background-color: #D88181; border:3px solid #D88181; border-radius:20px; overflow:auto; }
.img1 { margin-bottom:-20px; border:3px solid indianred; -moz-transform:rotate(20deg); -webkit-transform:rotate(20deg); opacity:0.8; -moz-transition: all 1s; -webkit-transition: all 1s;}
.img1:hover { margin-bottom:-20px; border:3px solid indianred; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); opacity:1; -moz-transition: all 1s; -webkit-transition: all 1s; }
.img2 { margin-left:-5px; margin-bottom:-45px; border:3px solid indianred; -moz-transform:rotate(20deg); -webkit-transform:rotate(20deg); opacity:0.8; -moz-transition: all 1s; -webkit-transition: all 1s;}
.img2:hover { margin-left:-5px; margin-bottom:-45px; border:3px solid indianred; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); opacity:1; -moz-transition: all 1s; -webkit-transition: all 1s; }
.ruban { text-align:center; margin-left:320px; margin-top:-30px; background-color:indianred; color:white; font-size:16px; height:20px; width:200px; opacity:0.8; -moz-transition: all 1s; -webkit-transition: all 1s; -moz-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); }
.ruban:hover { text-align:center; margin-left:320px; margin-top:-30px; background-color:indianred; color:white; font-size:16px; height:20px; width:200px; opacity:1; -moz-transition: all 1s; -webkit-transition: all 1s; -moz-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); }
.un{ margin-right:-20px; }
.titre1 { text-align:center; color : #D88181; text-decoration : none; font-size:70px; font-family: 'Brush script std', 'Vivaldi', 'Giddyup std', cursive; padding-right:4px; padding-left:7px; letter-spacing:1px; text-shadow: 2px 2px 3px indianred; }
.img3 { border: 5px solid indianred; border-radius:20px; width:200px; height:400px; opacity:0.5; -moz-transition: all 3s; -webkit-transition: all 3s; }
.img3:hover { border: 5px solid indianred; border-radius:100px; width:200px; height:400px; opacity:1; -moz-transition: all 3s; -webkit-transition: all 3s; }
.text2 { text-size:11px; margin-left:-20px; padding:8px; text-align:justify; height:330px; width:300px; color:white; box-shadow:3px 3px 5px indianred; text-shadow:2px 1px 1px indianred; background-color: #D88181; border:3px solid #D88181; border-radius:20px; overflow:hidden; }
.miniscroll { margin-left:-10px; height:20px; width:300px; color:white; box-shadow:3px 3px 5px indianred; text-shadow:2px 1px 1px indianred; background-color: #D88181; border:3px solid #D88181; border-radius:20px; }
.descri { margin-left:10px; overflow:auto; width:260px; height:150px; padding:5px; color:white; text-shadow:2px 1px 1px indianred; background-color: #DF9797; border:3px solid #DF9797; border-radius:20px; }
</style>
</head>
<body> <br><center> <div class="fond"><br /> <span class="titre1">Mon Profil</span> <table style="margin-left:-25px;"><tr><td><blockquote class="img3" style="background-image:url('http://img15.hostingpics.net/pics/86003889i7.png')" /> </blockquote></td><td><div class="miniscroll"><marquee direction="left" scrolldelay="100"> Blabla - balbla -blabla</marquee></div><blockquote class="text2"><b>N O M :</b> <br /><b>P R E N O M :</b> <br /><b>A G E :</b> <br /><b>S E X E</b> <br /><b>O R I E N T A T I O N S. :</b> <br /><b>M E T I E R :</b> <br /><b>G R O U P E :</b> <br /><br /><blockquote class="descri">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut dolor tortor, eget rutrum elit. Nunc vulputate, orci at vulputate volutpat, eros dolor placerat mauris, non ultrices ligula nibh eget massa. In hac habitasse platea dictumst. Cras sit amet orci magna. Nulla eu lacus id risus tristique eleifend id ut sapien. Aliquam erat volutpat. Morbi sed facilisis nibh. In dui quam, imperdiet ac consectetur nec, sodales sed dolor. Nulla facilisi. Etiam et justo et enim tempor rhoncus id in tellus. Sed et nunc diam, ac gravida nunc. Proin sit amet nisi tellus.</blockquote></blockquote></td></tr></table><br/><span style="font-size:10px;text-align:center;opacity:0.3;">Fiche by Umi de Templactif</span></div>
<br /> <div class="fond"><br /> <span class="titre1">Mes Liens </span> <table class="un" cellspacing="40"><tr><td><table><br /><tr><td><img src="http://img15.hostingpics.net/pics/86003889i7.png" class="img1" /></td><td> <img src="http://img15.hostingpics.net/pics/86003889i7.png" class="img2" /></td></tr></table><div class="text1" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut dolor tortor, eget rutrum elit. Nunc vulputate, orci at vulputate volutpat, eros dolor placerat mauris, non ultrices ligula nibh eget massa. In hac habitasse platea dictumst. Cras sit amet orci magna. Nulla eu lacus id risus tristique eleifend id ut sapien. Aliquam erat volutpat. Morbi sed facilisis nibh. In dui quam, imperdiet ac consectetur nec, sodales sed dolor. Nulla facilisi. Etiam et justo et enim tempor rhoncus id in tellus. Sed et nunc diam, ac gravida nunc. Proin sit amet nisi tellus.</div><div class="ruban"> Nom du Lien</div></td></tr><br /><br />
<tr><td><table><tr><td><img src="http://img15.hostingpics.net/pics/86003889i7.png" class="img1" /></td><td> <img src="http://img15.hostingpics.net/pics/86003889i7.png" class="img2" /></td></tr></table><div class="text1" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut dolor tortor, eget rutrum elit. Nunc vulputate, orci at vulputate volutpat, eros dolor placerat mauris, non ultrices ligula nibh eget massa. In hac habitasse platea dictumst. Cras sit amet orci magna. Nulla eu lacus id risus tristique eleifend id ut sapien. Aliquam erat volutpat. Morbi sed facilisis nibh. In dui quam, imperdiet ac consectetur nec, sodales sed dolor. Nulla facilisi. Etiam et justo et enim tempor rhoncus id in tellus. Sed et nunc diam, ac gravida nunc. Proin sit amet nisi tellus.</div><div class="ruban"> Nom du Lien</div></td></tr><br /><br />
<tr><td><table><tr><td><img src="http://img15.hostingpics.net/pics/86003889i7.png" class="img1" /></td><td> <img src="http://img15.hostingpics.net/pics/86003889i7.png" class="img2" /></td></tr></table><div class="text1" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut dolor tortor, eget rutrum elit. Nunc vulputate, orci at vulputate volutpat, eros dolor placerat mauris, non ultrices ligula nibh eget massa. In hac habitasse platea dictumst. Cras sit amet orci magna. Nulla eu lacus id risus tristique eleifend id ut sapien. Aliquam erat volutpat. Morbi sed facilisis nibh. In dui quam, imperdiet ac consectetur nec, sodales sed dolor. Nulla facilisi. Etiam et justo et enim tempor rhoncus id in tellus. Sed et nunc diam, ac gravida nunc. Proin sit amet nisi tellus.</div><div class="ruban"> Nom du Lien</div></td></tr></table><br /><br /><br/> <span style="font-size:10px;text-align:center;opacity:0.3;">Fiche by Umi de Templactif</span></div> </body>
</html> Pour changer les couleurs je vous conseille de prendre un des codes couleurs, par exemple #D88181 & copier coller le dans la barre de recherche après avoir fait cntrl+f, ainsi dès que cette couleur apparaîtra elle sera en surbrillance et vous pourrez la remplacer par la couleur de votre choix. Une fois que vous êtes satisfait de l'aspect de votre fiche enregistré là. Là vous tomberez sur l'adresse de votre fiche qui ressemblera à ca "http://liendevotreforum.com/h1-nomdelafiche". Une fois que vous avez repérez ce lien copier coller le code ci-dessous dans un nouveau sujet (celui où apparaîtra votre fiche) - Code:
-
<center><iframe name="fiche de lien" src="LIENDONNERPARVOTREFORUMDELAPAGEHTML" scrolling="auto" align="middle"width="650px" height="2000" frameborder="0" style="filter: chroma(color=#ffffff)" allowtransparency="true" ;></iframe></center> - cequidonneraparexemple:
- Code:
-
<center><iframe name="fiche de lien" src="http://dream-your-life.forums-actifs.com/h9-fiche-de-liens" scrolling="auto" align="middle"width="650px" height="2000" frameborder="0" style="filter: chroma(color=#ffffff)" allowtransparency="true" ;></iframe></center>
|
|