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 à ne pas rater :
Nike : jusqu’à 50% de remise sur le running
Voir le deal

    En rouge et noir

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

    le Mer 13 Aoû 2014 - 22:36

    Rappel du premier message :




    En rouge et noir


    Voici le fruit d'une collaboration avec Dakota (:

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

    HTML ~ Voici donc un aperçu : www


    Et le code :
    Code:
    <!Doctype><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css' /></head><body>
      <div style="width:565px; height:1009px; background:url(http://i39.servimg.com/u/f39/18/91/99/24/fond_f11.jpg); margin:auto; color:silver;"><img src="http://i39.servimg.com/u/f39/18/91/99/24/fiche_12.jpg" alt="" style="width:565px; height:169px;" /><br/>
        <span style="display:block; font-size:22px; text-transform:uppercase; font-family: 'Francois One', sans-serif; padding:3px; letter-spacing:-1px; margin-top:5px; text-align:center;">- <span style="color:firebrick;">Nom du forum</span> - Genre - <span style="color:firebrick;">Nom du forum</span> - Genre -</span><br/>
        <span style="display:block; text-indent:40px; position:relative; top:30px; font-size:20px; font-family: 'Francois One', sans-serif; letter-spacing:-1px;">Le forum en quelques mots</span><br/>
        <div style="margin-left:15px; width:350px; height:150px; background:#232625; overflow:auto; border-radius:15px; border-right:1px solid silver; border-bottom:1px solid silver; padding:10px; float:left;">Blabla est un forum de blabla</div> <br/>
        <span style="font-size:25px; text-align:center; line-height:25px; display:block; height:140px; overflow:auto; font-family: 'Francois One', sans-serif;">
          <a href="LIEN ICI" style="color:firebrick; text-decoration:none;">Lien 1</a><br/>
          <a href="LIEN ICI" style="color:firebrick; text-decoration:none;">Lien 1</a><br/>
          <a href="LIEN ICI" style="color:firebrick; text-decoration:none;">Lien 1</a><br/>
          <a href="LIEN ICI" style="color:firebrick; text-decoration:none;">Lien 1</a></span><br/>
        <span style="display:block; text-indent:85px; position:relative; top:30px; font-size:20px; font-family: 'Francois One', sans-serif; letter-spacing:-1px;">Le contexte</span><br/>
        <div style="margin-right:15px; width:470px; height:130px; background:#232625; overflow:auto; border-radius:15px; border-right:1px solid silver; border-bottom:1px solid silver; padding:10px; float:right;">C'est l'histoire de blabla</div><br/>
        <div style="margin-left:15px; float:left; margin-top:75px; width:150px;">
          <span style="font-size:25px; color:firebrick; text-align:center; display:block; font-family: 'Francois One', sans-serif;">Stats</span><br/>
          • XX membres<br/>
          • XX messages<br/>
          • Ouvert le XX<br/></div><br/>
        <span style="display:block; text-indent:45px; position:relative; top:45px; font-size:20px; font-family: 'Francois One', sans-serif; letter-spacing:-1px;">La vie du forum</span><br/>
        <div style="margin-right:15px; margin-top:15px; width:350px; height:150px; background:#232625; overflow:auto; border-radius:15px; border-right:1px solid silver; border-bottom:1px solid silver; padding:10px; float:right;">Actuellement sur  blabla il se passe</div><br/><br/>
        <div style="height:70px; overflow:hidden; clear:both; position:relative; top:65px;">
          <a href="LIEN DU FORUM" style="font-size:25px; text-decoration:none; color:firebrick; font-family: 'Francois One', sans-serif; position:relative; right:20px; left:200px;">Rejoignez-nous !</a>
          <img src="http://img4.hostingpics.net/pics/960813bouton.png" style="border-radius:15px; margin-right:15px; float:right;" /><br/>
        <a href="http://www.never-utopia.com/" style="text-decoration:none; color:white; margin-left:15px; position:relative; top:8px; font-size:13px;">© Fiche par Dakota et A-Lice sur Never-Utopia</a></div>
    </div></body></html>

    Un petit commentaire (un avis ?) suffit pour voir le code.

    Précisions : - Cette fiche a été codé pour être mise dans une page HTML (Panneau d'administration -> Modules -> HTML & JAVASCRIPT -> Gestion des pages HTML -> Création en mode avancé (HTML)

    - Il est donc préférable de la distribuer avec ce code :
    Code:
    <center><iframe src="ICI LE LIEN DE LA PAGE HTML" border="0" frameborder="0" scrolling="no" style="margin:10px;" width="565px" height="1039px"></iframe></center>

    /!\ En cas de problème, c'est ici que ça ce passe.


    Dernière édition par A-Lice le Lun 16 Fév 2015 - 0:01, édité 1 fois

    Loukoum
    Loukoum
    FémininAge : 26Messages : 885

    le Dim 30 Nov 2014 - 16:12

    Elle est trop classe cette fiche *-*



    Bzzzz
    Bzzzz
    FémininAge : 35Messages : 86

    le Dim 14 Déc 2014 - 12:23

    très jolie merci du partage
    leetath
    leetath
    FémininAge : 39Messages : 29

    le Mer 17 Déc 2014 - 21:05

    très beau travail, merci Wink
    Niortais
    Niortais
    MasculinAge : 35Messages : 27

    le Ven 2 Jan 2015 - 8:08

    Merci
    Anonymous
    Invité

    le Ven 2 Jan 2015 - 15:38

    C'est super! Merci :)
    Mimio
    Mimio
    FémininAge : 25Messages : 181

    le Jeu 15 Jan 2015 - 6:10

    Marchi pour le partage *q* Magnifique et sublime !



    En rouge et noir - Page 2 134914Signazael2
    Iguolta
    Iguolta
    MasculinAge : 20Messages : 198

    le Mer 21 Jan 2015 - 11:57

    Think's ^^



    Fartiny
    Fartiny
    FémininAge : 22Messages : 119

    le Ven 13 Fév 2015 - 19:51

    Merci !
    Océ
    Océ
    FémininAge : 45Messages : 323

    le Dim 22 Fév 2015 - 13:04

    Merci

    Delena
    Delena
    FémininAge : 36Messages : 100

    le Dim 22 Fév 2015 - 21:03

    Très joli ! :)



    En rouge et noir - Page 2 Fraisy10
    Nevr0z
    Nevr0z
    FémininAge : 31Messages : 74

    le Lun 23 Fév 2015 - 1:40

    Merci :)
    Uther
    Uther
    MasculinAge : 23Messages : 93

    le Mar 3 Mar 2015 - 14:10

    Thanks
    Nausicäa Kaer
    Nausicäa Kaer
    FémininAge : 26Messages : 161

    le Dim 17 Mai 2015 - 21:28

    Ell est superbe *O*
    Maxine Evans
    Maxine Evans
    FémininAge : 26Messages : 94

    le Lun 18 Mai 2015 - 14:40

    merci
    Evil Queen 4ever
    Evil Queen 4ever
    FémininAge : 27Messages : 64

    le Ven 22 Mai 2015 - 8:01

    super merci du partage




    En rouge et noir - Page 2 478753Chantal
    Chèlha
    Chèlha
    FémininAge : 27Messages : 121

    le Ven 22 Mai 2015 - 21:05

    Merci
    Yogi Nakagawa
    Yogi Nakagawa
    MasculinAge : 19Messages : 93

    le Lun 1 Juin 2015 - 19:29

    Simple et élégant!
    Merci bien!
    Dark Fairy
    Dark Fairy
    FémininAge : 22Messages : 241

    le Mer 3 Juin 2015 - 17:22

    Merci!
    Tria
    Tria
    FémininAge : 23Messages : 127

    le Mar 9 Juin 2015 - 18:57

    Merci ! :3



    "Tomber est permis, se relever est ordonné."
    En rouge et noir - Page 2 Hv62
    Arisu
    Arisu
    FémininAge : 31Messages : 109

    le Ven 19 Juin 2015 - 19:33

    Merci !
    Araik
    Araik
    FémininAge : 24Messages : 250

    le Dim 21 Juin 2015 - 11:31

    Très beau



    En rouge et noir - Page 2 Signat15
    phenixia74
    phenixia74
    FémininAge : 41Messages : 59

    le Ven 26 Juin 2015 - 21:30

    Merci beaucoup ♥
    Klebs
    Klebs
    FémininAge : 18Messages : 646

    le Mar 14 Juil 2015 - 11:36

    Merci Razz



    En rouge et noir - Page 2 707599klebs2
    Merci à NanoiHime pour ce cadeau Wink
    Sly King
    Sly King
    FémininAge : 23Messages : 75

    le Jeu 23 Juil 2015 - 19:24

    Merci :love:
    Kingdom.
    Kingdom.
    FémininAge : 20Messages : 54

    le Dim 26 Juil 2015 - 22:23

    merci ! *^^*
    Contenu sponsorisé


      La date/heure actuelle est Ven 5 Juin 2020 - 8:01