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 : -37%
Promo sur la Trottinette électrique GoRide Pro ...
Voir le deal
219.99 €

    Fiche de Pub Taupe

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

    le Dim 15 Mar 2015 - 20:22




    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.

    Cruelly
    Cruelly
    FémininAge : 27Messages : 2604

    le Lun 16 Mar 2015 - 22:43

    Elle est magnifique merci Very Happy



    :heart: :heart:
    Selmacke
    Selmacke
    FémininAge : 30Messages : 100

    le Jeu 26 Mar 2015 - 22:53

    C'est exactement ce que je cherchais merci beaucoup :)
    Kitty Kat.
    Kitty Kat.
    FémininAge : 26Messages : 86

    le Lun 30 Mar 2015 - 11:09

    J'aime beaucoup :)
    Chadot
    Chadot
    FémininAge : 31Messages : 207

    le Sam 4 Avr 2015 - 19:14

    Merci



    Fiche de Pub Taupe 2mo6y5k
    PrincesseÔ
    PrincesseÔ
    FémininAge : 22Messages : 220

    le Ven 17 Avr 2015 - 19:44

    Merci ^=^
    Tatia38
    Tatia38
    FémininAge : 31Messages : 308

    le Sam 18 Avr 2015 - 7:30

    C'est sublime merci
    ClaryF
    ClaryF
    FémininAge : 29Messages : 137

    le Lun 20 Avr 2015 - 18:34

    Elle est superbe, merci beaucoup ♥
    Haniwa
    Haniwa
    FémininAge : 25Messages : 206

    le Ven 24 Avr 2015 - 10:52

    Merci
    TroisQuartsLicorne
    TroisQuartsLicorne
    FémininAge : 89Messages : 76

    le Ven 24 Avr 2015 - 23:33

    Merci ! :hug:



     
    effyi
    effyi
    FémininAge : 25Messages : 41

    le Mar 5 Mai 2015 - 3:30

    merci beaucoup !
    Nonze
    Nonze
    MasculinAge : 26Messages : 85

    le Ven 8 Mai 2015 - 1:42

    Merci
    Wolf Valley
    Wolf Valley
    FémininAge : 20Messages : 71

    le Dim 31 Mai 2015 - 11:24

    C'est magnifique *-*
    Lunaryss
    Lunaryss
    FémininAge : 20Messages : 24

    le Mer 10 Juin 2015 - 11:14

    J'adore !
    avatar
    Amélia
    FémininAge : 20Messages : 49

    le Jeu 11 Juin 2015 - 20:26

    Magnifique, merci ♥
    Usolia Naviento
    Usolia Naviento
    FémininAge : 27Messages : 25

    le Dim 14 Juin 2015 - 15:35

    merci!
    Fricadella
    Fricadella
    FémininAge : 22Messages : 12

    le Lun 15 Juin 2015 - 18:40

    Merci ^^
    lΔω
    lΔω
    FémininAge : 22Messages : 105

    le Mer 17 Juin 2015 - 15:39

    Merci pour le partage ^^
    Araik
    Araik
    FémininAge : 24Messages : 250

    le Sam 4 Juil 2015 - 15:31

    Simple mais agréable a regardé. Merci



    Fiche de Pub Taupe Signat15
    Nono-Chan
    Nono-Chan
    FémininAge : 22Messages : 273

    le Sam 18 Juil 2015 - 12:46

    Merci pour ce code très joli
    Zélya
    Zélya
    FémininAge : 31Messages : 190

    le Jeu 30 Juil 2015 - 20:16

    bonsoir et merci



    Fiche de Pub Taupe 891727signaNanmoue
    Heavensky
    Heavensky
    FémininAge : 25Messages : 66

    le Ven 31 Juil 2015 - 12:20

    Merci ^^
    Merwyn Arehdel
    Merwyn Arehdel
    FémininAge : 20Messages : 298

    le Lun 3 Aoû 2015 - 15:12

    Merci, j'adore tes créas!



    Just want to be yours.
    Kelalin
    Kelalin
    FémininAge : 27Messages : 2200

    le Lun 3 Aoû 2015 - 18:43

    J'aime beaucoup ! Merci pour le partage (≧∇≦)/
    mon-etoile
    mon-etoile
    FémininAge : 31Messages : 140

    le Lun 3 Aoû 2015 - 21:38

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Mer 3 Juin 2020 - 21:00