AccueilRechercherS'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.

-5%
Le deal à ne pas rater :
Ventilateur Rowenta VU5640F0 TURBO SILENCE EXTREME
84.98 € 89.82 €
Voir le deal

    Fiche de publicité en iframe.

    RozenBreizh
    RozenBreizh
    FémininAge : 28Messages : 1407

    le 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
    blomkvist
    blomkvist
    FémininAge : 29Messages : 44

    le Mer 23 Mar 2016 - 15:48

    merci :heart:



    ☆ once upon a dream ☆
    I know you, I walked with you once upon a dream. I know you, that look in your eyes is so familiar a gleam. And I know it's true that visions are seldom all they seem. But if I know you, I know what you'll do. You'll love me at once, the way you did once upon a dream. ~ byendlesslove.
    Nord
    Nord
    MasculinAge : 20Messages : 169

    le Sam 2 Avr 2016 - 14:39

    Merci beaucoup !
    Brises
    Brises
    FémininAge : 22Messages : 28

    le Lun 4 Avr 2016 - 13:54

    Merci :3



    Fiche de publicité en iframe. - Page 3 Cwq6
    Hana Evali
    Hana Evali
    FémininAge : 29Messages : 180

    le Lun 4 Avr 2016 - 22:02

    merci !





    Je joue
    • ♚ Kili
    • ♚Ianto Jones
    • ♚ Thor Odinson
    • ♚ James T. Kirk
    J'anime
    • ♚ Les intrigues
    • ♚ Les soirées CB
    • ♚ Les événements
    • ♚ Le flood/les jeux


    Océ
    Océ
    FémininAge : 45Messages : 323

    le Sam 2 Juil 2016 - 22:42

    merci

    Samiki
    Samiki
    FémininAge : 22Messages : 84

    le Dim 21 Aoû 2016 - 19:43

    merci!



    Fiche de publicité en iframe. - Page 3 Lbxa
    Dakeris RPG ♦ Un monde nouveau régi par la peur
    Le forum ouvre ses portes, nous vous attendons nombreux !

    Argimpasa
    Argimpasa
    FémininAge : 28Messages : 96

    le Dim 16 Oct 2016 - 6:49

    Merci Very Happy
    Téoz
    Téoz
    FémininAge : 31Messages : 38

    le Lun 14 Nov 2016 - 21:24

    merci!
    Necrolythia
    Necrolythia
    FémininAge : 32Messages : 563

    le Dim 27 Nov 2016 - 21:42

    merci du partage



    Fiche de publicité en iframe. - Page 3 KKEVK8u
    Calciphéra
    Calciphéra
    MasculinAge : 26Messages : 5

    le Mar 13 Déc 2016 - 11:51

    Merci beaucoup !
    NekoMiaouw
    NekoMiaouw
    FémininAge : 23Messages : 148

    le Mar 20 Déc 2016 - 18:28

    Merci



    Fiche de publicité en iframe. - Page 3 388245alisign
    Bran Hartfield
    Bran Hartfield
    MasculinAge : 30Messages : 1

    le Ven 6 Jan 2017 - 20:55

    Merci!
    Aile
    Aile
    FémininAge : 32Messages : 134

    le Dim 8 Jan 2017 - 16:25

    Merci beaucoup pour ce partage



    Fiche de publicité en iframe. - Page 3 799284Sanstitre1
    Shiba Rikubi
    Shiba Rikubi
    MasculinAge : 25Messages : 23

    le Mer 11 Jan 2017 - 15:15

    Merci pour ce code, il est très sympa! ^^
    Contenu sponsorisé


      La date/heure actuelle est Mer 3 Juin 2020 - 22:08