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.

-60%
Le deal à ne pas rater :
Samsung Disque Dur Portable SSD Portable T5 (1 TB)
166.98 € 419.90 €
Voir le deal

    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.

    EAVENN
    EAVENN
    FémininAge : 24Messages : 162

    le Mer 5 Aoû 2015 - 15:35

    merci
    DarkMasamune
    DarkMasamune
    FémininAge : 27Messages : 63

    le Lun 17 Aoû 2015 - 16:01

    Merci ♥
    fraumali
    fraumali
    FémininAge : 40Messages : 127

    le Dim 23 Aoû 2015 - 11:23

    Bonjour merci de ce partage
    charlie.
    charlie.
    FémininAge : 40Messages : 62

    le Lun 31 Aoû 2015 - 0:24

    merci
    Pythia
    Pythia
    FémininAge : 31Messages : 183

    le Mar 1 Sep 2015 - 22:31

    Merci du partage ! C'est top *o*



    Fiche de Pub Taupe - Page 2 Neo10
    Ohana Firefly
    Ohana Firefly
    FémininAge : 25Messages : 43

    le Sam 19 Sep 2015 - 21:38

    Merci :3
    Solid6Snake
    Solid6Snake
    MasculinAge : 36Messages : 146

    le Dim 4 Oct 2015 - 9:49

    Merci
    avatar
    Linéa
    FémininAge : 25Messages : 14

    le Lun 5 Oct 2015 - 17:33

    Superbe ! Gracias !
    Miyoko
    Miyoko
    FémininAge : 27Messages : 213

    le Mar 6 Oct 2015 - 14:17

    niceuh



    Fiche de Pub Taupe - Page 2 641359838739
    Draly
    Draly
    FémininAge : 27Messages : 112

    le Jeu 8 Oct 2015 - 11:38

    Merci, c'est le genre de fiche que recherche un ami fonda.^^
    Kirito
    Kirito
    MasculinAge : 24Messages : 207

    le Mar 13 Oct 2015 - 14:25

    Merci
    Neya
    Neya
    FémininAge : 21Messages : 164

    le Mer 14 Oct 2015 - 14:54

    Merci !
    Espoir
    Espoir
    FémininAge : 25Messages : 54

    le Mer 14 Oct 2015 - 20:20

    Merci ! ♥
    Dark-Ice
    Dark-Ice
    FémininAge : 24Messages : 173

    le Ven 16 Oct 2015 - 15:33

    merci.



    Fiche de Pub Taupe - Page 2 113492DarkIcesigna
    Kingdom.
    Kingdom.
    FémininAge : 20Messages : 54

    le Lun 26 Oct 2015 - 16:10

    Merci
    Rara
    Rara
    FémininAge : 23Messages : 88

    le Mar 27 Oct 2015 - 17:44

    Merci!
    Lilynufare
    Lilynufare
    FémininAge : 29Messages : 341

    le Mar 10 Nov 2015 - 15:27

    merci :)
    Soleilou
    Soleilou
    FémininAge : 19Messages : 49

    le Sam 14 Nov 2015 - 22:09

    Merci !
    Bouffe Tout
    Bouffe Tout
    MasculinAge : 28Messages : 17

    le Lun 16 Nov 2015 - 21:28

    parfais pour moi, je prend
    Banhjo
    Banhjo
    MasculinAge : 22Messages : 76

    le Mar 17 Nov 2015 - 2:59

    Oh, merci !
    Luunalight
    Luunalight
    FémininAge : 29Messages : 98

    le Ven 20 Nov 2015 - 16:07

    MERCI !
    Mia569
    Mia569
    FémininAge : 22Messages : 53

    le Dim 22 Nov 2015 - 9:23

    Merci pour cette fiche, elle est très belle et simple en plus, tout ce que je chercher !! :o
    Thalysa
    Thalysa
    FémininAge : 69Messages : 31

    le Mer 2 Déc 2015 - 14:02

    Simple mais magnifique ♥ merci beaucoup !
    avatar
    Alancar
    MasculinAge : 22Messages : 57

    le Dim 6 Déc 2015 - 19:22

    Très jolie merci
    Fullmoon
    Fullmoon
    FémininAge : 22Messages : 162

    le Jeu 10 Déc 2015 - 0:43

    Merci ^^ Je te l'emprunte
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mai 2020 - 14:28