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




    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

    Neva
    Neva
    FémininAge : 33Messages : 18565

    Mer 18 Juin 2014 - 11:25

    Thanks Alice !



     
    Loukoum
    Loukoum
    FémininAge : 30Messages : 1502

    Mar 24 Juin 2014 - 22:24

    Merci du partage <3



    Liitchy
    Liitchy
    FémininAge : 29Messages : 41

    Sam 28 Juin 2014 - 2:27


    merci
    Christtinne
    Christtinne
    FémininAge : 38Messages : 205

    Dim 29 Juin 2014 - 3:34

    woooo Beautifull *_*
    -Hikaru-
    -Hikaru-
    MasculinAge : 27Messages : 52

    Dim 29 Juin 2014 - 13:41

    sublime ^^
    Eirlys
    Eirlys
    FémininAge : 32Messages : 66

    Ven 4 Juil 2014 - 19:02

    Merci
    Istina
    Istina
    FémininAge : 30Messages : 111

    Lun 7 Juil 2014 - 11:59

    Merci :)
    Pokeme
    Pokeme
    FémininAge : 25Messages : 32

    Mar 8 Juil 2014 - 4:38

    Très jolie, merci. ^^



    Fiche de Partenariat - Sweet Darkness 1399575575-romane-et-grenouss-friends-forever
    Ay.am.e
    Ay.am.e
    FémininAge : 26Messages : 123

    Mar 8 Juil 2014 - 17:01

    Merci !
    leetath
    leetath
    FémininAge : 44Messages : 29

    Jeu 10 Juil 2014 - 19:59

    merci :)
    Natsuya Gaïaguard
    Natsuya Gaïaguard
    FémininAge : 34Messages : 144

    Ven 11 Juil 2014 - 12:44

    Merci <3



    Fiche de Partenariat - Sweet Darkness Signa10
    Ayane Jun
    Ayane Jun
    FémininAge : 31Messages : 81

    Dim 13 Juil 2014 - 16:03

    Superbe ^^
    Kau
    Kau
    FémininAge : 22Messages : 148

    Lun 14 Juil 2014 - 20:35

    Merci *_*
    Shiwaii
    Shiwaii
    MasculinAge : 35Messages : 112

    Jeu 17 Juil 2014 - 6:30

    Merci
    Kinjiro
    Kinjiro
    MasculinAge : 25Messages : 80

    Ven 18 Juil 2014 - 20:53

    Thanks



    Fiche de Partenariat - Sweet Darkness Signau11
    Azuriel
    Azuriel
    FémininAge : 29Messages : 130

    Sam 19 Juil 2014 - 22:42

    Merci ♥
    Vani
    Vani
    FémininAge : 40Messages : 154

    Mer 23 Juil 2014 - 19:21

    C'est super joli *-*
    Zélya
    Zélya
    FémininAge : 35Messages : 190

    Ven 25 Juil 2014 - 10:38

    magnifique merci du codage



    Fiche de Partenariat - Sweet Darkness 891727signaNanmoue
    Miss lili
    Miss lili
    FémininAge : 34Messages : 49

    Ven 25 Juil 2014 - 15:08

    merci du partage tres beau
    Dacina moe
    Dacina moe
    FémininAge : 46Messages : 171

    Ven 25 Juil 2014 - 17:26

    Merci :)
    Allison01
    Allison01
    FémininAge : 40Messages : 225

    Mer 30 Juil 2014 - 21:39

    Très jolie merci ^^
    bubulle
    bubulle
    FémininAge : 37Messages : 76

    Jeu 31 Juil 2014 - 14:37

    merci
    Sorako
    Sorako
    FémininAge : 27Messages : 94

    Jeu 31 Juil 2014 - 17:08

    Merci !
    Reishi
    Reishi
    MasculinAge : 30Messages : 148

    Mar 5 Aoû 2014 - 20:59

    merci !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 12:57