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.

Le Deal du moment : -53%
GACHI Batterie Externe 26800mAh
Voir le deal
24.94 €

    Fiche de Pub Taupe

    A-Lice
    A-Lice
    FémininAge : 26Messages : 4939

    le Dim 15 Mar 2015 - 20:22

    Rappel du premier message :




    Fiche de Pub Taupe


    Suite à une demande de Moys voici une fiche de Pub avec transition pour les images du staff.

    Je précise que l'arrière plan blanc correspond à mon forum.

    HTML ~ Voici donc un aperçu : www


    Et le code :
    HTML :
    Code:
    <!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style>div.staff {width: 100px; height: 75px; margin: auto; overflow: hidden; display: inline-block; margin-left: 5px;} .staff img {position: relative; bottom: 75px; transition: all 0.5s; width: 100px; height: 75px;} .staff:hover img {bottom: 200px; transition: all 0.5s;} .txt_staff {color: #9c887d; font-size: 14px; text-align: justify; overflow: auto; width: 80px; height: 55px; padding: 10px;}</style></head><body>
    <div style="width: 530px; padding: 10px; margin: auto; background: #F5F5F2;">
      <img src="http://img15.hostingpics.net/pics/661225image791.jpg" style="width: 530px; height: 350px;" />
      <br /><br />
      <a href="Lien du forum" style="display: block; font-size: 35px; color: #9c887d; text-align: center;">Nom du forum</a>
      <br />
      <div style="width: 255px; display: inline-block; margin-right: 15px; background: #9c887d; height: 16px; color: #F5F5F2; font-size: 25px; text-align: center;">
        <span style="position: relative; top: -6px;">Contexte</span>
      </div>
      <div style="width: 255px; display: inline-block; background: #9c887d; color: #F5F5F2; height: 16px; font-size: 25px; text-align: center;">
        <span style="position: relative; top: -6px;">Informations</span>
      </div>
      <br />
      <div style="width: 215px; height: 140px; overflow: auto; display: inline-block; padding-left: 20px; padding-right: 20px; color: #9c887d; font-size: 11px; text-align: justify; margin-right: 15px;">
        Texte texte
      </div>
      <div style="width: 215px; height: 140px; overflow: auto; display: inline-block; padding-left: 20px; padding-right: 20px; color: #9c887d; font-size: 11px; text-align: justify;">
        Texte texte <br />x membres connectés
      </div>
      <br />
      <div style="width: 255px; display: inline-block; margin-right: 15px; background: #9c887d; color: #F5F5F2; height: 16px; font-size: 25px; text-align: center;">
        <span style="position: relative; top: -6px;">Nouveautés</span>
      </div>
      <div style="width: 255px; display: inline-block; background: #9c887d; color: #F5F5F2; font-size: 25px; height: 16px; text-align: center;">
        <span style="position: relative; top: -6px;">Staff</span>
      </div>
      <br />
      <div style="width: 215px; height: 80px; overflow: auto; display: inline-block; padding-left: 20px; padding-right: 20px; color: #9c887d; font-size: 11px; text-align: justify; margin-right: 15px;">
        Texte texte
      </div>
      <div style="width: 215px; height: 80px; overflow: auto; display: inline-block; padding-left: 20px; padding-right: 20px; color: #9c887d; font-size: 11px; text-align: justify;">
        <div class="staff"><div class="txt_staff">Texte ici
          </div><img src="http://img15.hostingpics.net/pics/219236image990.jpg" alt="staff" /></div>
        <div class="staff"><div class="txt_staff">Texte ici
          </div><img src="http://img15.hostingpics.net/pics/219236image990.jpg" alt="staff" /></div>
      </div>
      <br />
      <div style="background: #9c887d; color: #F5F5F2; font-size: 25px; height: 16px; text-align: center;">
        <span style="position: relative; top: -6px;">Nous lier</span>
      </div>
      <div style="color: #9c887d; font-size: 11px; text-align: justify; height: 80px; overflow: auto; padding: 15px;">
        Texte texte texte
      </div>
    <a href="http://www.never-utopia.com" style="display: block; text-decoration: none; font-size: 11px; text-align: center; color: #9c887d;">A-Lice | Never-Utopia</a>
    </div></body></html>

    Le code est à mettre dans le panneau d'administration, dans Module -> HTML & JAVASCRIPT -> Gestion des pages HTML -> Création en mode avancé (HTML)


    Et l'iframe pour poster :
    Code:
    <center><iframe src="Lien de la page HTML" border="0" frameborder="0" scrolling="no" style="margin: 10px;" width="570px" height="900px"></iframe></center>
    Si vous venez à agrandir la taille de la fiche, pensez à le faire pour l'iframe aussi !


    /!\ En cas de problème, c'est ici ou que ça ce passe.

    Koalaz
    Koalaz
    MasculinAge : 22Messages : 49

    le Mar 29 Mar 2016 - 14:28

    Merci du partage, j'aime beaucoup o/
    Loona
    Loona
    FémininAge : 53Messages : 22

    le Mer 13 Avr 2016 - 11:17

    Merci beaucoup.



    Fiche de Pub Taupe - Page 4 Signat10
    catkiller
    catkiller
    FémininAge : 25Messages : 70

    le Dim 17 Avr 2016 - 15:32

    Merci!
    Neymar
    Neymar
    MasculinAge : 21Messages : 139

    le Mar 19 Avr 2016 - 13:42

    TROP KAWAI x3
    Orochimaru
    Orochimaru
    FémininAge : 30Messages : 209

    le Mar 19 Avr 2016 - 19:29

    Beau travail Very Happy
    Merci du partage Very Happy



    Orochimaru

    " Les proies doivent toujours faire preuve de la plus grande vigilance, lorsqu'elles tentent d'échapper à leur prédateur. Tout ce qu'une proie peut espérer de son prédateur, c'est qu'il daigne la laisser tranquille après avoir eu ce qu'il voulait."
    Inamio
    Inamio
    FémininAge : 27Messages : 252

    le Sam 23 Avr 2016 - 16:30

    Merci de ton travail



    Fiche de Pub Taupe - Page 4 2014_p10
    Eshon
    Eshon
    FémininAge : 39Messages : 194

    le Mer 27 Avr 2016 - 18:23

    Merci !
    Zhuge Liang
    Zhuge Liang
    MasculinAge : 30Messages : 52

    le Mer 18 Mai 2016 - 3:14

    Merci :)
    Scandalucia
    Scandalucia
    FémininAge : 29Messages : 177

    le Jeu 14 Juil 2016 - 14:38

    Merci beaucoup pour le partage ♥



    avatar
    Divas/Marion
    FémininAge : 20Messages : 44

    le Lun 1 Aoû 2016 - 11:36

    merci
    Djeina
    Djeina
    FémininAge : 23Messages : 233

    le Jeu 11 Aoû 2016 - 23:32

    Merci du partage ^^
    Alearyon
    Alearyon
    FémininAge : 23Messages : 36

    le Jeu 18 Aoû 2016 - 16:38

    Super joli, merci beaucoup !
    Dawny
    Dawny
    FémininAge : 37Messages : 65

    le Lun 22 Aoû 2016 - 12:21

    Merci beaucoup
    Risa
    Risa
    FémininAge : 31Messages : 252

    le Ven 2 Sep 2016 - 21:20

    Belle fiche, merci :)
    phenixia74
    phenixia74
    FémininAge : 41Messages : 59

    le Mer 14 Sep 2016 - 17:28

    Merci beaucoup pour la fiche <3
    Laya
    Laya
    FémininAge : 20Messages : 19

    le Mer 21 Sep 2016 - 19:02

    merci, c'est pile ce que je cherchais **
    double-face
    double-face
    FémininAge : 30Messages : 18

    le Ven 30 Sep 2016 - 20:10

    Merci *----* c'est au top !!
    Lessien
    Lessien
    FémininAge : 37Messages : 163

    le Dim 23 Oct 2016 - 14:51

    Merci pour votre travail :)
    La Sagesse
    La Sagesse
    FémininAge : 47Messages : 25

    le Jeu 17 Nov 2016 - 20:26

    Merci beaucoup pour le partage Very Happy
    Patou972
    Patou972
    FémininAge : 41Messages : 172

    le Jeu 24 Nov 2016 - 19:00

    merci beaucoup
    Maitre_Soda
    Maitre_Soda
    MasculinAge : 43Messages : 33

    le Ven 9 Déc 2016 - 13:19

    merci
    Froufy
    Froufy
    FémininAge : 19Messages : 59

    le Dim 18 Déc 2016 - 13:23

    Merci!



    1+1= 4
          2
    3
    Tinkky
    Tinkky
    FémininAge : 29Messages : 103

    le Jeu 29 Déc 2016 - 4:33

    Vraiment jolie. Merci du partage ^_^
    Bowtie
    Bowtie
    FémininAge : 30Messages : 62

    le Mer 4 Jan 2017 - 19:21

    Merci =)
    Ombeline30
    Ombeline30
    FémininAge : 35Messages : 124

    le Dim 22 Jan 2017 - 10:48

    Merci pour le partage mais je le précise au cas où on ne sait plus voir l'image Sad
    Contenu sponsorisé


      La date/heure actuelle est Lun 1 Juin 2020 - 14:40