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 : -50%
[Adhérents Fnac] -50% Casque Pro Gaming HyperX ...
Voir le deal
49.99 €

    Fiche de Pub Taupe

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

    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 : 26Messages : 50

    Mar 29 Mar 2016 - 14:28

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

    Mer 13 Avr 2016 - 11:17

    Merci beaucoup.



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

    Dim 17 Avr 2016 - 15:32

    Merci!
    Neymar
    Neymar
    MasculinAge : 26Messages : 139

    Mar 19 Avr 2016 - 13:42

    TROP KAWAI x3
    Anonymous
    Invité

    Mar 19 Avr 2016 - 19:29

    Beau travail Very Happy
    Merci du partage Very Happy
    Inamio
    Inamio
    FémininAge : 32Messages : 252

    Sam 23 Avr 2016 - 16:30

    Merci de ton travail



    Fiche de Pub Taupe - Page 4 2014_p10
    Eshon
    Eshon
    FémininAge : 43Messages : 197

    Mer 27 Avr 2016 - 18:23

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

    Mer 18 Mai 2016 - 3:14

    Merci :)
    Scandalucia
    Scandalucia
    FémininAge : 33Messages : 255

    Jeu 14 Juil 2016 - 14:38

    Merci beaucoup pour le partage ♥
    avatar
    Divas/Marion
    FémininAge : 24Messages : 44

    Lun 1 Aoû 2016 - 11:36

    merci
    Djeina
    Djeina
    FémininAge : 28Messages : 233

    Jeu 11 Aoû 2016 - 23:32

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

    Jeu 18 Aoû 2016 - 16:38

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

    Lun 22 Aoû 2016 - 12:21

    Merci beaucoup
    Risa
    Risa
    FémininAge : 36Messages : 264

    Ven 2 Sep 2016 - 21:20

    Belle fiche, merci :)
    phenixia74
    phenixia74
    FémininAge : 46Messages : 61

    Mer 14 Sep 2016 - 17:28

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

    Mer 21 Sep 2016 - 19:02

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

    Ven 30 Sep 2016 - 20:10

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

    Dim 23 Oct 2016 - 14:51

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

    Jeu 17 Nov 2016 - 20:26

    Merci beaucoup pour le partage Very Happy
    Patou972
    Patou972
    FémininAge : 45Messages : 181

    Jeu 24 Nov 2016 - 19:00

    merci beaucoup
    Maitre_Soda
    Maitre_Soda
    MasculinAge : 47Messages : 33

    Ven 9 Déc 2016 - 13:19

    merci
    Froufy
    Froufy
    FémininAge : 24Messages : 59

    Dim 18 Déc 2016 - 13:23

    Merci!



    1+1= 4
          2
    3
    Tinkky
    Tinkky
    FémininAge : 34Messages : 104

    Jeu 29 Déc 2016 - 4:33

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

    Mer 4 Jan 2017 - 19:21

    Merci =)
    Ombeline30
    Ombeline30
    FémininAge : 40Messages : 130

    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 Jeu 21 Nov 2024 - 9:39