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.


    Fiche de Partenariat - Sweet Darkness

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

    Dim 15 Juin 2014 - 21:10

    Rappel du premier message :




    Fiche de Partenariat


    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; radius: 100px; padding:10px; background-color:#2F3C3E; font-family: 'Berkshire Swash', cursive; text-shadow:2px 2px 2px #141517;">Fiche de Partenariat</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;">Staff</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  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 Sam 7 Fév 2015 - 0:47, édité 2 fois

    Lilith Aube
    Lilith Aube
    FémininAge : 38Messages : 498

    Mer 15 Juil 2015 - 0:17

    Merci ^^
    Lunaryss
    Lunaryss
    FémininAge : 25Messages : 24

    Sam 25 Juil 2015 - 1:39

    Pretty cool :)
    Akiran
    Akiran
    FémininAge : 23Messages : 158

    Dim 9 Aoû 2015 - 19:45

    Merciiii !
    Anonymous
    Invité

    Dim 9 Aoû 2015 - 22:09

    Merci ! (“⌒∇⌒”)
    valtena_ethan
    valtena_ethan
    MasculinAge : 33Messages : 473

    Sam 22 Aoû 2015 - 19:04

    merci
    didi XIV
    didi XIV
    FémininAge : 34Messages : 19

    Ven 28 Aoû 2015 - 12:43

    merci
    Whit
    Whit
    FémininAge : 27Messages : 154

    Lun 31 Aoû 2015 - 11:46

    Merci ! =3
    fraumali
    fraumali
    FémininAge : 44Messages : 140

    Jeu 3 Sep 2015 - 13:06

    Bonjour et merci de ce partage
    MissDream
    MissDream
    FémininAge : 29Messages : 151

    Sam 5 Sep 2015 - 4:19

    merci beaucoup du partage



    MissDream
    N'ais pas peur de rêver

    Recommandation
    Luune
    Luune
    FémininAge : 36Messages : 143

    Sam 24 Oct 2015 - 16:46

    Merci
    Neigeou
    Neigeou
    FémininAge : 20Messages : 53

    Sam 24 Oct 2015 - 20:19

    Merci !
    Anatao
    Anatao
    FémininAge : 33Messages : 19

    Mer 28 Oct 2015 - 15:34

    Merci beaucoup pour le partage
    Ykhar
    Ykhar
    FémininAge : 27Messages : 23

    Mar 3 Nov 2015 - 23:20

    Merci !
    Solid6Snake
    Solid6Snake
    MasculinAge : 41Messages : 146

    Jeu 19 Nov 2015 - 19:44

    Merci!
    Kileth
    Kileth
    MasculinAge : 31Messages : 14

    Jeu 10 Déc 2015 - 3:21

    Merci ! Super !
    Sly King
    Sly King
    FémininAge : 28Messages : 75

    Jeu 24 Déc 2015 - 3:27

    Merci du partage :love:
    Mystborn
    Mystborn
    FémininAge : 25Messages : 89

    Mar 29 Déc 2015 - 18:55

    Nouveau merci A-lice ♥



    Fiche de Partenariat - Sweet Darkness - Page 4 Mystbo10
    Enelia
    Enelia
    FémininAge : 26Messages : 31

    Mer 20 Jan 2016 - 16:17

    Merci cette fiche de pub est superbe ^^
    Anonymous
    Invité

    Sam 23 Jan 2016 - 3:25

    Wow. J'adore. Merci du partage Very Happy
    Riri
    Riri
    FémininAge : 35Messages : 10

    Dim 24 Jan 2016 - 21:33

    Merci pour cette charmante fiche ♥
    Lilice
    Lilice
    FémininAge : 32Messages : 115

    Sam 30 Jan 2016 - 11:10

    merci
    luna-chan86
    luna-chan86
    FémininAge : 35Messages : 201

    Mar 2 Fév 2016 - 15:59

    Merci :)



    Wolkoff Nikita
    Wolkoff Nikita
    FémininAge : 35Messages : 36

    Mer 17 Fév 2016 - 0:34

    Merci pour le partage ^^
    amy pond
    amy pond
    FémininAge : 25Messages : 59

    Dim 21 Fév 2016 - 2:13

    Merci !
    Kilda
    Kilda
    FémininAge : 44Messages : 73

    Lun 22 Fév 2016 - 17:38

    mici
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:56