AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
Cartes Pokémon 151 : où trouver le coffret Collection Alakazam-ex ?
Voir le deal

    Fiche de Pub, i-frame

    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Dim 24 Juin 2012 - 18:30

    Rappel du premier message :

    #html #fiche_pub #page_html #auteur_Klash


    Bonjour à tous, je vous propose donc une fiche de pub pré-remplie, ils vous suffira donc je changer ce qui vous intéresse soit dans la partie html ou bien le css pour utiliser cette fiche, il vous faut être fondateur de votre forum.

    Ce qui donne une fois fini :


    Il va falloir créer une page Html rien de compliquer je vous rassure c'est tout simple. D'abord ouvrez votre panneau d'administration, puis allez dans module, puis pages html et cliquez sur création en mode avancé (html).


    Puis coller le code de la fiche en entier que je vais vous passer.
    Ensuite validez et là vous aurez votre page html de crée. Le lien vous servira pour votre fiche de pub, donc copiez-le.


    Puis utilisez le lien pour faire votre pub.

    Le lien de la pub sera à insérer comme suit:
    Code:
    <iframe src="votre lien de page html" width="610px" height="1175"; frameborder="no"; ></iframe>


    Code complet de la fiche merci de laisser le crédit un petit merci aussi serait sympa enjoy you like it.
    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 pub</title>
    <style type="text/css">

    .titre-forum
    {
    font-family: "palatino linotype",palatino,serif;
    color: #545D5E;
    margin-top: -60px;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 3px 3px 1px #cccccc;
    filter: dropshadow(color=#cccccc, offx=3, offy=3);
    }

    .header {
    border-bottom:ridge 1px #161616;
    margin: auto;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(229,229,229))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

    width: 560px;
    height: 80px;
    -moz-border-radius: 20px 20px 0px 10px / 10px 10px 10px 0px;
    -webkit-border-radius: 20px 20px 0px 10px / 10px 10px 10px 0px;
    -khtml-border-radius: 20px 20px 0px 10px / 10px 10px 10px 0px;
    border-radius: 20px 20px 0px 10px / 10px 10px 10px 0px;
    -moz-box-shadow: 2px 4px 4px #8a8a8a;
    -webkit-box-shadow: 2px 4px 4px #8a8a8a;
    box-shadow: 2px 4px 4px #8a8a8a;

     
       
    }



    .back {
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(238,238,238) 0%, rgb(204,204,204) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(204,204,204))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* IE10+ */
    background: linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 3px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    }

    .titre {
    color: #eae9e9;
    font-family: helvetica,serif;
    margin-bottom: 10px;
    padding: 1px;
    font-size: 16px;

    }

    .lier {
    color: #eae9e9;
    font-family: helvetica,serif;
    margin-bottom: 10px;
    padding: 1px;
    font-size: 16px;
    text-align: center;
    background-color: #eae9e9;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 18px;
    letter-spacing: 4px;
    display: block;
    width: 100%;
    color: #717171;
    }

    .stat {
    color: #eae9e9;
    font-family: helvetica,serif;
    margin-bottom: 10px;
    padding: 1px;
    font-size: 16px;
    text-align: center;
    background-color: #eae9e9;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 18px;
    letter-spacing: 4px;
    display: block;
    width: 100%;
    color: #717171;
    }

    .lien a {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(229,229,229))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 13px;
    display: block;
    width: 100%;
    height: 34px;
    color: #717171;
    text-shadow: 1px 1px 0px #FFFFFF;
    line-height: 34px;
    }

    .lien a:hover {
    background: rgb(226,226,226); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 50%, rgb(209,209,209) 51%, rgb(254,254,254) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(226,226,226)), color-stop(50%,rgb(219,219,219)), color-stop(51%,rgb(209,209,209)), color-stop(100%,rgb(254,254,254))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(226,226,226) 0%,rgb(219,219,219) 50%,rgb(209,209,209) 51%,rgb(254,254,254) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 13px;
    display: block;
    width: 100%;
    height: 34px;
    color: #717171;
    text-shadow: 1px 1px 0px #FFFFFF;
    line-height: 34px;
    }


    .bod {
    background-color: #aaaaaa;
    min-height: 58px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }

    .para {
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    position: absolute;
    width: 260px;
    height: 150px;
    overflow: auto;
    border: double 2px #000000;
    padding: 1px;   
    }

    .para1 {
    display: block;
    position: absolute;
    float: left;
    margin-top: 3px;
    margin-left: 280px;
    width: 260px;
    height: 150px;
    overflow: auto;
    border: double 2px #000000;
    padding: 1px;   
    }

    .para2 {
    display: block;
    position: absolute;
    float: left;
    margin-left: 10px;
    margin-top: 165px;
    width: 260px;
    height: 150px;
    overflow: auto;
    border: double 2px #000000;
    padding: 1px;   
    }

    .para3 {
    display: block;
    position: absolute;
    float: left;
    margin-left: 280px;
    margin-top: 165px;
    width: 260px;
    height: 150px;
    overflow: auto;
    border: double 2px #000000;
    padding: 1px;
    margin-bottom: 50px;   
    }

    .second {
    background-color: #aaaaaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 555px;
    height: 330px;
    margin: auto;
    border: 1px dotted #000;
    text-align: justify;
    color: #eae9e9;
    font-size: 13px;
    }

    .troisième {
    background-color: #aaaaaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 555px;
    margin: auto;
    border: 1px dotted #000;
    text-align: center;
    color: #eae9e9;
    font-size: 13px;
    }

    .quatrième {
    background-color: #aaaaaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 555px;
    margin: auto;
    border: 1px dotted #000;
    text-align: center;
    color: #eae9e9;
    font-size: 13px;
    }

    .border {
    border: 1px dotted #000;
    width: 555px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    }

    .qeel_infos {
    color: #000;   
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(245,246,246) 0%, rgb(219,220,226) 21%, rgb(184,186,198) 49%, rgb(221,223,227) 80%, rgb(245,246,246) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,246,246)), color-stop(21%,rgb(219,220,226)), color-stop(49%,rgb(184,186,198)), color-stop(80%,rgb(221,223,227)), color-stop(100%,rgb(245,246,246))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(245,246,246) 0%,rgb(219,220,226) 21%,rgb(184,186,198) 49%,rgb(221,223,227) 80%,rgb(245,246,246) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(245,246,246) 0%,rgb(219,220,226) 21%,rgb(184,186,198) 49%,rgb(221,223,227) 80%,rgb(245,246,246) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(245,246,246) 0%,rgb(219,220,226) 21%,rgb(184,186,198) 49%,rgb(221,223,227) 80%,rgb(245,246,246) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(245,246,246) 0%,rgb(219,220,226) 21%,rgb(184,186,198) 49%,rgb(221,223,227) 80%,rgb(245,246,246) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
    width: 500px;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    }
       
    </style>
    </head>


    <body>
    <table width="600" border="0" cellspacing="0" cellpadding="10" class="back">
      <tr>
        <td><div class="header"></div><div class= titre-forum> Ton Forum </div></td>
      </tr>
      <tr>
        <td><div class="border">
        <div class="bod">
      <table width="100%" border="0" cellspacing="5" cellpadding="0" style="height: 58px;">
      <tr>
        <td width="83" align="center" valign="middle" class="lien"><a href="http://" target="_blank">Lien</a><td width="83" align="center" valign="middle" class="lien"><a href="http://" target="_blank">Lien</a><td width="83" align="center" valign="middle" class="lien"><a href="http://" target="_blank">Lien</a><td width="83" align="center" valign="middle" class="lien"><a href="http://" target="_blank">Lien</a><td width="83" align="center" valign="middle" class="lien"><a href="http://" target="_blank">Lien</a></td>

      </tr></table></div></div>


    <div class="second">
    <table width="100%" border="0" cellspacing="10">
      <tr>
        <div class="para"width="90%"valign="top"><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p></div>
    <div class="para1"width="90%"valign="top"><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p></div>
        <div class="para2"width="90%"valign="top"><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p></div>
        <div class="para3"width="90%"valign="top"><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p></div>
        </tr></table></div>
         
    <div class="troisième">
    <table width="100%" border="0" cellspacing="10">
      <tr>
        <td class="pub" width="90%" valign="top">
      <span class="lier"> Nous lier ?</span><br><br>
        <a href="http://www.never-utopia.com/" target="_blank"><img src="http://i70.servimg.com/u/f70/09/00/56/80/miniba15.png"/></a><br><br>
        <textarea><a href="http://www.never-utopia.com/" target="_blank"><img src="http://i70.servimg.com/u/f70/09/00/56/80/miniba15.png"/></a></textarea><br><br>
       
        <a href="http://www.never-utopia.com/" target="_blank"><img src="http://img4.hostingpics.net/pics/666823logo6.jpg"/></a><br><br>
        <textarea><a href="http://www.never-utopia.com/" target="_blank"><img src="http://img4.hostingpics.net/pics/666823logo6.jpg"/></a></textarea><br><br>
       
        <a href="http://www.never-utopia.com/" target="_blank"><img src="http://img4.hostingpics.net/pics/876649logo1.jpg"/></a><br><br>
        <textarea><a href="http://www.never-utopia.com/" target="_blank"><img src="http://img4.hostingpics.net/pics/876649logo1.jpg"/></a></textarea>
        </td></tr></table></div>
       
        <div class="quatrième">
    <table width="100%" border="0" cellspacing="10">
      <tr>
        <td class="stats" width="90%" valign="top">
      <span class="stat">Quelques Stats</span><br><br>
    <div class="qeel_infos">Nous avons <strong><span class="FORUMCOUNTUSER">0</span></strong> utilisateurs enregistrés.<br>
    Nos membres ont postés un total de <strong><span class="FORUMCOUNTPOST">0</span></strong> messages.<br>
    Dernier membre à nous avoir rejoints. <strong><span class="FORUMLASTUSER">Klash</span></strong>.<br>
    </div><br />Mise en page et codage par © <a href="http://www.never-utopia.com/">Never-Utopia</a></td></tr></table></div>
    </body>
    </html>


    Dernière édition par Klash le Mer 29 Avr 2015 - 8:10, édité 7 fois



    Fiche de Pub, i-frame - Page 9 376864signichigo
    • Revenir en haut
    'Christa
    'Christa
    FémininAge : 38Messages : 193

    Mar 3 Mar 2015 - 11:01

    Je ne peux pas éditer mon message donc je poste à la suite : WTF le screen ? XD
    • Revenir en haut
    Chadot
    Chadot
    FémininAge : 35Messages : 248

    Dim 8 Mar 2015 - 17:43

    Je vais tester, merci



    Fiche de Pub, i-frame - Page 9 2mo6y5k
    • Revenir en haut
    Elwing
    Elwing
    FémininAge : 32Messages : 86

    Ven 13 Mar 2015 - 13:15

    Merci !
    • Revenir en haut
    layna
    layna
    FémininAge : 31Messages : 69

    Lun 4 Mai 2015 - 0:29

    jadore
    • Revenir en haut
    Punisher
    Punisher
    MasculinAge : 35Messages : 12

    Ven 8 Mai 2015 - 14:27

    merci belle fiche
    • Revenir en haut
    sandy13
    sandy13
    FémininAge : 34Messages : 15

    Lun 18 Mai 2015 - 13:53

    Merci du partage.
    • Revenir en haut
    avatar
    Alysanne
    FémininAge : 38Messages : 49

    Jeu 27 Aoû 2015 - 1:20

    merci
    • Revenir en haut
    Anonymous
    Invité

    Jeu 27 Aoû 2015 - 14:16

    Thanks (／￣(ｴ)￣)／
    • Revenir en haut
    0smose
    0smose
    FémininAge : 28Messages : 167

    Dim 30 Aoû 2015 - 16:59

    Oooh ! J'aime beaucoup la partie du bas ! Très ingénieux, très beau travail, merci beaucoup !



    Fiche de Pub, i-frame - Page 9 Bannie10

    But I'm only human
    And I bleed when I fall down... I'm only human and I crash and I break down. Your words in my head,
    knives in my heart. You build me up and then I fall apart.
    'Cause I'm only human.
    • Revenir en haut
    Linoa
    Linoa
    FémininAge : 34Messages : 42

    Dim 13 Sep 2015 - 18:26

    Merci beaucoup !



    Fiche de Pub, i-frame - Page 9 Pdsm
    ~ If you come here... You'll find me. I promise ~
    • Revenir en haut
    Qazea
    Qazea
    MasculinAge : 28Messages : 206

    Mer 28 Oct 2015 - 19:41

    Merci beaucoup !
    • Revenir en haut
    Anonymous
    Invité

    Ven 20 Nov 2015 - 12:06

    Merci =)
    • Revenir en haut
    TaraToI
    TaraToI
    FémininAge : 31Messages : 67

    Mar 19 Avr 2016 - 9:20

    Merci pour le partage !



    Fiche de Pub, i-frame - Page 9 Icone_16
    • Revenir en haut
    mon-etoile
    mon-etoile
    FémininAge : 35Messages : 140

    Mar 10 Mai 2016 - 19:36

    Merci beaucoup.
    • Revenir en haut
    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Lun 13 Juin 2016 - 14:40

    merci ^^ elle est super
    • Revenir en haut
    Mawie62
    Mawie62
    FémininAge : 29Messages : 125

    Lun 1 Aoû 2016 - 13:22

    Merciiiii :)



    Fiche de Pub, i-frame - Page 9 Signat10
    • Revenir en haut
    Argimpasa
    Argimpasa
    FémininAge : 32Messages : 100

    Lun 8 Aoû 2016 - 21:21

    Merci Very Happy
    • Revenir en haut
    Lyos
    Lyos
    MasculinAge : 23Messages : 39

    Ven 27 Jan 2017 - 18:19

    Simple comme je cherchais, merci ^^
    • Revenir en haut
    Hana Evali
    Hana Evali
    FémininAge : 33Messages : 195

    Ven 3 Fév 2017 - 10:57

    Merci !



    Fiche de Pub, i-frame - Page 9 Ye49
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Sam 27 Avr 2024 - 2:09