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 du moment :
Nike : Jusqu’à 50% sur les articles de ...
Voir le deal

    Fiche de publicité en iframe.

    RozenBreizh
    RozenBreizh
    FémininAge : 32Messages : 1411

    Lun 26 Jan 2015 - 19:59

    Rappel du premier message :



    Bien le bonsoir ou bonjour à toute la communauté :)

    Je viens vous proposer une fiche de publicité en iframe pour celles et ceux que ça intéresse :)


    Html&CSS ▬ PhpBB 2
    Voici un aperçus de la fiche : Fiche de publicité. (screen) ou en live.
    Un petit merci fera apparaitre le code Wink

    /!\ Je rappelle que cette section existe en cas de problème!./!\



    Merci de ne pas retirer le copyright.


    Code HTML:
    Code:
    <!DOCTYPE>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>NOM DE VOTRE FORUM</title>
      <link href='http://fonts.googleapis.com/css?family=Oldenburg|Oswald|Lobster' rel='stylesheet' type='text/css' />
    <style type="text/css">
    .body {width: 450px; height: 760px; background-color: #338e9b;}
    .text {padding: 25px; width: 430px; height: 200px; text-align: justify; color: #000423; overflow: auto; font-size: 12px; padding: 5px;}
    .tableau{width:240px;}
    .tableau2{color:#809399;font-family:arial;font-size:13px;margin:5px;padding: 8px;text-align: justify;border-top:3px solid #1D4565;border-bottom:3px solid #1D4565;
     background-color:#000423;height:100px;overflow:auto;} 
    </style>
    </head>
    <body>
    <center>
      <div class="body">
        <a href="URL_DE_VOTRE_FORUM"><img src="IMAGE_DILLUSTRATION" /></a>
        <div class="text">Mettre votre contexte ou un texte accrocheur!</div>
        <center>
          <table>
            <tr>
              <td class="tableau">
                <div class="tableau2">
                  Mettre des infos sur votre rpg.
                </div>
              </td>
              <td class="tableau">
                <div class="tableau2">
                  Mettre des infos sur le forum en général ou des liens menant à votre contexte, règlement et autres annexes utiles..
                </div>
              </td>
            </tr>
          </table>
        </center>
        <center>
          <a href="URL_DE_VOTRE_FORUM" style="color: #000423 !important; text-decoration: none !important; font-size: 18px;">PHRASE D'ACCROCHE/LOGO DE PARTENARIAT</a>
        </center>
      </div>
      </center>
      </body>
    </html>


    Explications:
    Le code est à placer dans une feuille HTML de votre forum. Pour cela allez sur votre Panneau d'Administration. Pour avoir accès à l'onglet "Modules" il faut basculer en mode "Avancé". Puis dans votre onglet "Modules" => HTML & JAVASCRIPT => Gestion des pages HTML => Création en mode avancée (HTML).

    Les tableaux sont à rajouter/enlever comme bon vous semble avec le morceau de code suivant:
    Code:

    <center>
      <table>
        <tr>
          <td class="tableau">
            <div class="tableau2">
              ✘<a href="http://antartica-rpg.actifforum.com/contact" style="color: #338e9b !important; text-decoration: none !important; font-size: 12px;">La Façonneuse.(contacter)</a>
              <br />
              ✘Ouvert depuis le 20/01/2015.
              <br />
            </div>
          </td>
          <td class="tableau">
            <div class="tableau2">
              ✘<a href="http://antartica-rpg.actifforum.com/t9-reglement-du-forum#9" style="color: #338e9b !important; text-decoration: none !important; font-size: 12px;">Règlement.</a>
              <br />
              ✘<a href="http://antartica-rpg.actifforum.com/t3-petit-guide-du-debutant#3" style="color: #338e9b !important; text-decoration: none !important; font-size: 12px;">Guide du Débutant.</a>
              <br />
              ✘<a href="http://antartica-rpg.actifforum.com/t4-background-1-la-vie-en-duerine" style="color: #338e9b !important; text-decoration: none !important; font-size: 12px;">Background #1.</a>
              <br />
              ✘<a href="http://antartica-rpg.actifforum.com/t14-les-races-de-duerine" style="color: #338e9b !important; text-decoration: none !important; font-size: 12px;">Les Races.</a>
              <br />
              ✘<a href="http://antartica-rpg.actifforum.com/t24-les-classes" style="color: #338e9b !important; text-decoration: none !important; font-size: 12px;">Les Classes.</a>
            </div>
          </td>
        </tr>
      </table>
    </center>

    Puis vous validez votre feuille. Ensuite vous prenez l'url de votre feuille "URL du lien" que vous allez placer dans le code suivant :
    Code:
    <iframe src="PLACER_LURL_DE_VOTRE_LIEN" width="XXpx" height="XXpx" border="none" frameborder="no"></iframe>

    - width="XXpx" => vous devez mettre une largeur à votre iframe, je vous conseil de mettre 10 à 15 px en plus que ce que vous avez définie dans votre feuille.
    - height="XXpx" => vous devez mettre une longueur à votre iframe, je vous conseil de mettre 10 à 15 px en plus que ce que vous avez définie dans votre feuille.

    Et voilà vous avez une fiche de publicité en iframe qui ira sur tous les forums Very Happy


    Dernière édition par Rozenbrez le Jeu 7 Sep 2017 - 15:52, édité 1 fois
    Cloudygirl
    Cloudygirl
    FémininAge : 39Messages : 66

    Sam 11 Juil 2015 - 19:22

    Merci pour ce partage ♥
    Alekk
    Alekk
    MasculinAge : 33Messages : 24

    Mar 21 Juil 2015 - 15:35

    Super pratique, merci ! Very Happy





    Aeronauths' crew member


    Kâ Lys
    Kâ Lys
    MasculinAge : 32Messages : 299

    Mer 22 Juil 2015 - 1:35

    Merci!!



    Fiche de publicité en iframe. - Page 2 Bug
    Evil Queen 4ever
    Evil Queen 4ever
    FémininAge : 31Messages : 64

    Jeu 23 Juil 2015 - 3:43

    Superbe Very Happy




    Fiche de publicité en iframe. - Page 2 478753Chantal
    Carasama
    Carasama
    FémininAge : 28Messages : 98

    Mer 5 Aoû 2015 - 2:47

    Sweet *o*
    Anonymous
    Invité

    Mer 5 Aoû 2015 - 11:21

    Thank youuu ! (*´・v・)
    Haniwa
    Haniwa
    FémininAge : 29Messages : 206

    Ven 7 Aoû 2015 - 11:42

    MErci
    Heavensky
    Heavensky
    FémininAge : 29Messages : 66

    Ven 7 Aoû 2015 - 21:14

    Merci
    HeartLessB
    HeartLessB
    FémininAge : 25Messages : 78

    Lun 10 Aoû 2015 - 23:53

    Merci ! o/
    DarkMasamune
    DarkMasamune
    FémininAge : 31Messages : 63

    Lun 24 Aoû 2015 - 17:28

    Merci ^^
    NanoiHime
    NanoiHime
    FémininAge : 25Messages : 566

    Mer 26 Aoû 2015 - 14:06

    thanks !



    Madras
    Madras
    FémininAge : 39Messages : 285

    Dim 13 Sep 2015 - 12:06

    Merci
    fraumali
    fraumali
    FémininAge : 43Messages : 140

    Mer 30 Sep 2015 - 15:09

    Bonjour et merci de ce partage
    Aurifereis
    Aurifereis
    MasculinAge : 30Messages : 39

    Sam 10 Oct 2015 - 22:22

    sympa, merci :)
    Dark-Ice
    Dark-Ice
    FémininAge : 28Messages : 173

    Mer 21 Oct 2015 - 8:56

    Merci



    Fiche de publicité en iframe. - Page 2 113492DarkIcesigna
    Phoenix Elen
    Phoenix Elen
    FémininAge : 31Messages : 93

    Mar 27 Oct 2015 - 22:36

    oh ! elle est top ! Merci :)



    Fiche de publicité en iframe. - Page 2 1u4i
    Qazea
    Qazea
    MasculinAge : 28Messages : 206

    Mer 28 Oct 2015 - 19:40

    Merci du partage !
    Gargouille
    Gargouille
    MasculinAge : 26Messages : 83

    Mer 9 Déc 2015 - 17:55

    Merci
    Camina
    Camina
    FémininAge : 22Messages : 17

    Lun 28 Déc 2015 - 21:57

    Merci!
    Buzz
    Buzz
    FémininAge : 27Messages : 8

    Ven 8 Jan 2016 - 14:44

    merci
    Whit
    Whit
    FémininAge : 26Messages : 154

    Ven 8 Jan 2016 - 16:28

    Merci *^*
    Max Rénix
    Max Rénix
    MasculinAge : 29Messages : 56

    Jeu 21 Jan 2016 - 0:01

    Merci beaucoup :)
    Anonymous
    Invité

    Sam 23 Jan 2016 - 3:23

    Wow. J'adore. Merci du partage Very Happy
    Rudein
    Rudein
    FémininAge : 27Messages : 87

    Dim 24 Jan 2016 - 21:01

    Meri du partage
    Chadot
    Chadot
    FémininAge : 35Messages : 248

    Jeu 28 Jan 2016 - 13:43

    Merci



    Fiche de publicité en iframe. - Page 2 2mo6y5k
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 19:21