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


    Fiche de Pub - Sweet Darkness

    Partagez
    avatar
    A-Lice
    FémininAge : 24Messages : 4939

    le Dim 15 Juin 2014 - 21:13




    Fiche de Pub


    Suite à une demande d'Eternal Moon voici un ensemble de fiches "Sweet Darkness".

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


    Voici donc un aperçu : www



    Et le code :
    Code:
    <br /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link href='http://fonts.googleapis.com/css?family=Handlee|Berkshire+Swash' rel='stylesheet' type='text/css'><div style="margin:auto; width:96%; border-radius: 200px; background-color:#141517; border:4px solid #767676; padding:10px; box-shadow:0px 0px 8px #767676; text-align:center;"><br/>
    <span style="display:block; width:60%; margin:auto; color:white; font-size:25px; text-align:center; border:2px dotted #767676; border-radius: 100px; padding:10px; background-color:#2F3C3E; font-family: 'Berkshire Swash', cursive; text-shadow:2px 2px 2px #141517;">Fiche de Pub</span><br /><br /><div style="margin:auto; width:95%; height:200px; border-radius: 100px; border:2px dotted #767676; text-align:justify; color:white; overflow:hidden;"><img src="http://img4.hostingpics.net/pics/909792Bannierefofo.png" style="margin-left:-130px;" alt="" /></div><br/><br/>
      <div style="margin:auto; width:75%; background-color:#2F3C3E; border:2px dotted #767676; padding:10px; text-align:justify; color:white;"><span style="display:block; font-size:18px; color:#141517; text-align:center; text-shadow:2px 2px 2px white; font-family: 'Handlee', cursive;">Contexte</span><br /><div style="height:250px; overflow:auto;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi ipsum, elementum non tempor quis, pellentesque eget libero. Vestibulum venenatis tellus sit amet felis volutpat porttitor. Nunc ullamcorper tortor in tellus ultrices, in vestibulum nulla dictum. Fusce at aliquet dolor. Proin vitae porta quam, eu feugiat risus. Pellentesque a nisl elit. Integer aliquam auctor lacus, nec pellentesque turpis cursus sit amet.
    Duis congue nunc a dictum porta. Nunc et sapien rhoncus, rhoncus eros nec, elementum velit. Nunc vel euismod nunc. Nam varius urna vitae mi elementum imperdiet. Pellentesque pulvinar sapien id leo pharetra dapibus. Aliquam posuere venenatis elit sit amet venenatis. Maecenas vitae ante tempus, ultrices nisi id, porttitor magna. Ut sodales ante sed ullamcorper mattis. Vestibulum non arcu non nisl rutrum commodo. Ut purus leo, commodo quis dapibus elementum, ornare vitae tortor.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi ipsum, elementum non tempor quis, pellentesque eget libero. Vestibulum venenatis tellus sit amet felis volutpat porttitor. Nunc ullamcorper tortor in tellus ultrices, in vestibulum nulla dictum. Fusce at aliquet dolor. Proin vitae porta quam, eu feugiat risus. Pellentesque a nisl elit. Integer aliquam auctor lacus, nec pellentesque turpis cursus sit amet.   
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi ipsum, elementum non tempor quis, pellentesque eget libero. Vestibulum venenatis tellus sit amet felis volutpat porttitor. Nunc ullamcorper tortor in tellus ultrices, in vestibulum nulla dictum. Fusce at aliquet dolor. Proin vitae porta quam, eu feugiat risus. Pellentesque a nisl elit. Integer aliquam auctor lacus, nec pellentesque turpis cursus sit amet.
        </div></div><br />
      <div style="display:inline-block; margin:auto; width:35%; background-color:#2F3C3E; border:2px dotted #767676; padding:10px; text-align:justify; color:white;"><span style="display:block; font-size:18px; color:#141517; text-align:center; text-shadow:2px 2px 2px white; font-family: 'Handlee', cursive;">Stat's</span><br /><div style="height:150px; overflow:auto;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi ipsum, elementum non tempor quis, pellentesque eget libero. Vestibulum venenatis tellus sit amet felis volutpat porttitor. Nunc ullamcorper tortor in tellus ultrices, in vestibulum nulla dictum. Fusce at aliquet dolor. Proin vitae porta quam, eu feugiat risus. Pellentesque a nisl elit. Integer aliquam auctor lacus, nec pellentesque turpis cursus sit amet.
        <p>Duis congue nunc a dictum porta. Nunc et sapien rhoncus, rhoncus eros nec, elementum velit. Nunc vel euismod nunc. Nam varius urna vitae mi elementum imperdiet. Pellentesque pulvinar sapien id leo pharetra dapibus. Aliquam posuere venenatis elit sit amet venenatis. Maecenas vitae ante tempus, ultrices nisi id, porttitor magna. Ut sodales ante sed ullamcorper mattis. Vestibulum non arcu non nisl rutrum commodo. Ut purus leo, commodo quis dapibus elementum, ornare vitae tortor.
        </p>
        </div></div> <div style="display:inline-block; margin:auto; width:35%; background-color:#2F3C3E; border:2px dotted #767676; padding:10px; text-align:justify; color:white;"><span style="display:block; font-size:18px; color:#141517; text-align:center; text-shadow:2px 2px 2px white; font-family: 'Handlee', cursive;">Liens</span><br /><div style="height:150px; overflow:auto;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi ipsum, elementum non tempor quis, pellentesque eget libero. Vestibulum venenatis tellus sit amet felis volutpat porttitor. Nunc ullamcorper tortor in tellus ultrices, in vestibulum nulla dictum. Fusce at aliquet dolor. Proin vitae porta quam, eu feugiat risus. Pellentesque a nisl elit. Integer aliquam auctor lacus, nec pellentesque turpis cursus sit amet.
        <p>Duis congue nunc a dictum porta. Nunc et sapien rhoncus, rhoncus eros nec, elementum velit. Nunc vel euismod nunc. Nam varius urna vitae mi elementum imperdiet. Pellentesque pulvinar sapien id leo pharetra dapibus. Aliquam posuere venenatis elit sit amet venenatis. Maecenas vitae ante tempus, ultrices nisi id, porttitor magna. Ut sodales ante sed ullamcorper mattis. Vestibulum non arcu non nisl rutrum commodo. Ut purus leo, commodo quis dapibus elementum, ornare vitae tortor.
        </p>
      </div></div><br /><br />
      <div style="margin:auto; width:75%; background-color:#2F3C3E; border:2px dotted #767676; padding:10px; text-align:justify; color:white;"><span style="display:block; font-size:18px; color:#141517; text-align:center; text-shadow:2px 2px 2px white; font-family: 'Handlee', cursive;">Nouveautés</span><br /><div style="height:150px; overflow:auto;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi ipsum, elementum non tempor quis, pellentesque eget libero. Vestibulum venenatis tellus sit amet felis volutpat porttitor. Nunc ullamcorper tortor in tellus ultrices, in vestibulum nulla dictum. Fusce at aliquet dolor. Proin vitae porta quam, eu feugiat risus. Pellentesque a nisl elit. Integer aliquam auctor lacus, nec pellentesque turpis cursus sit amet.
        <p>Duis congue nunc a dictum porta. Nunc et sapien rhoncus, rhoncus eros nec, elementum velit. Nunc vel euismod nunc. Nam varius urna vitae mi elementum imperdiet. Pellentesque pulvinar sapien id leo pharetra dapibus. Aliquam posuere venenatis elit sit amet venenatis. Maecenas vitae ante tempus, ultrices nisi id, porttitor magna. Ut sodales ante sed ullamcorper mattis. Vestibulum non arcu non nisl rutrum commodo. Ut purus leo, commodo quis dapibus elementum, ornare vitae tortor.
        </p>
        </div></div><br />
      <div style="margin:auto; width:75%; background-color:#2F3C3E; border:2px dotted #767676; padding:10px; text-align:justify; color:white;"><span style="display:block; font-size:18px; color:#141517; text-align:center; text-shadow:2px 2px 2px white; font-family: 'Handlee', cursive;">Logo's</span><br /><div style="height:100px; overflow:auto;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi ipsum, elementum non tempor quis, pellentesque eget libero. Vestibulum venenatis tellus sit amet felis volutpat porttitor. Nunc ullamcorper tortor in tellus ultrices, in vestibulum nulla dictum. Fusce at aliquet dolor. Proin vitae porta quam, eu feugiat risus. Pellentesque a nisl elit. Integer aliquam auctor lacus, nec pellentesque turpis cursus sit amet.
        </div></div><br />
      <br/><a href="http://www.never-utopia.com/" style="font-size:11px; color:#767676; text-decoration:none;">© By A-Lice sur Never-Utopia</a>
    </div>

    Perso je mets ce code dans une page HTML (panneau d'admin > modules > gestion des pages HTML > création en mode avancé (HTML) en cochant bien "non" à "Voulez-vous utiliser le haut et le bas de page de votre forum ?") et ensuite je la donne à mes partenaires sous forme d'une iframe comme ceci :
    Code:
    <center><iframe src="LIEN DE LA PAGE HTML" border="0" frameborder="0" scrolling="no" style="margin:10px;" width="650px" height="1450px"></iframe></center>


    La suite des fiches se trouve ici :


    -Annonce
    -Contexte
    -Règlement
    -Présentation
    -Prédéfini
    -Demande de partenariat
    -Partenariat
    -Pub


    Dernière édition par A-Lice le Dim 22 Fév 2015 - 15:10, édité 2 fois

    avatar
    Neva
    FémininAge : 27Messages : 18564

    le Mer 18 Juin 2014 - 10:29

    Merci Lice !
    J'ai mis une indication concernant les pages HTML (les membres ne connaissent pas forcément) et voilà, je déplace :p



     
    avatar
    LuxAeterna
    FémininAge : 39Messages : 99

    le Mar 24 Juin 2014 - 17:16

    merci  Very Happy 
    avatar
    Etax
    MasculinAge : 21Messages : 160

    le Lun 30 Juin 2014 - 11:23

    merci du partage :)
    avatar
    Mezou
    FémininAge : 19Messages : 56

    le Lun 30 Juin 2014 - 15:57

    Merci beaucoup ! :3
    avatar
    Tatia38
    FémininAge : 29Messages : 308

    le Mer 2 Juil 2014 - 20:46

    sublime merci
    avatar
    Kovu
    FémininAge : 17Messages : 254

    le Jeu 3 Juil 2014 - 12:51

    Merci !



    Lupa
    FémininAge : 22Messages : 183

    le Jeu 3 Juil 2014 - 16:51

    Merci, c'est superbe *O*



    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    avatar
    Eirlys
    FémininAge : 26Messages : 66

    le Ven 4 Juil 2014 - 19:01

    Merci
    avatar
    Kau
    FémininAge : 16Messages : 148

    le Dim 6 Juil 2014 - 21:34

    Merci
    avatar
    Kiki85
    MasculinAge : 24Messages : 389

    le Lun 7 Juil 2014 - 14:40

    merci
    avatar
    Neko Mimi
    FémininAge : 28Messages : 162

    le Ven 11 Juil 2014 - 9:48

    Toutes tes fiches déchirent ♥ Merciii



    avatar
    Natsuya Gaïaguard
    FémininAge : 28Messages : 144

    le Ven 11 Juil 2014 - 12:49

    Merciiii



    avatar
    Phones
    FémininAge : 25Messages : 2

    le Dim 13 Juil 2014 - 23:41

    C'est super joli, merciii!
    avatar
    Rhéa
    FémininAge : 22Messages : 57

    le Lun 14 Juil 2014 - 16:26

    J'aime beaucoup c'est très bien fait ! Merci Wink
    avatar
    Shiwaii
    MasculinAge : 29Messages : 110

    le Jeu 17 Juil 2014 - 6:45

    merci
    avatar
    Demoniall
    FémininAge : 18Messages : 74

    le Jeu 17 Juil 2014 - 13:36

    Merci !
    avatar
    Azuriel
    FémininAge : 23Messages : 129

    le Ven 18 Juil 2014 - 14:14

    Merci ^^
    avatar
    Neko-Rika
    FémininAge : 20Messages : 115

    le Dim 20 Juil 2014 - 10:17

    Merci beaucoup!
    avatar
    Shanyme Thibolt
    FémininAge : 25Messages : 149

    le Dim 20 Juil 2014 - 22:20

    Merci beaucoup.
    avatar
    Calypso Luciano
    FémininAge : 27Messages : 333

    le Mar 22 Juil 2014 - 13:01

    merci ^^
    avatar
    >> Chiro <<
    MasculinAge : 26Messages : 83

    le Mar 22 Juil 2014 - 20:19

    Merci beaucoup :)
    avatar
    Daisy Hardman
    FémininAge : 21Messages : 60

    le Dim 3 Aoû 2014 - 20:27

    merci
    avatar
    chocolette
    FémininAge : 23Messages : 13

    le Sam 9 Aoû 2014 - 11:13

    Merci
    avatar
    bubulle
    FémininAge : 31Messages : 76

    le Dim 10 Aoû 2014 - 14:29

    Merci :)
    Contenu sponsorisé


      La date/heure actuelle est Dim 16 Déc 2018 - 11:04