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.

Le Deal du moment : -27%
-27% sur la machine à café Expresso ...
Voir le deal
399.99 €

    En rouge et noir

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

    Mer 13 Aoû 2014 - 22:36




    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

    Anonymous
    Invité

    Jeu 14 Aoû 2014 - 13:05

    Super sympa, j'aime beaucoup (NCIS en plus *-*).
    Je déplace :3
    Asaliah
    Asaliah
    FémininAge : 39Messages : 120

    Dim 17 Aoû 2014 - 13:26

    Jolie !!!



    En rouge et noir Signu10
    Demoniall
    Demoniall
    FémininAge : 24Messages : 74

    Dim 17 Aoû 2014 - 20:51

    Très jolie, merci du partage !
    smily
    smily
    FémininAge : 25Messages : 66

    Lun 18 Aoû 2014 - 23:10

    Super ** merci !
    EAVENN
    EAVENN
    FémininAge : 28Messages : 162

    Mar 19 Aoû 2014 - 18:53

    Merci elle est trop belle !
    Topaze Aryia
    Topaze Aryia
    FémininAge : 32Messages : 34

    Lun 25 Aoû 2014 - 2:12

    Merci ^^
    Merwyn Arehdel
    Merwyn Arehdel
    FémininAge : 25Messages : 304

    Lun 25 Aoû 2014 - 10:09

    Merci ! o/



    Just want to be yours.
    ClipClap
    ClipClap
    FémininAge : 23Messages : 60

    Jeu 28 Aoû 2014 - 17:16

    I love It !
    C'est vraiment super ! Pile poil c'que je cherchais !



    En rouge et noir 435202SignatClip2
    Little Melody
    Little Melody
    FémininAge : 23Messages : 64

    Ven 29 Aoû 2014 - 19:27

    Merci ♥
    Kau
    Kau
    FémininAge : 22Messages : 148

    Sam 6 Sep 2014 - 16:45

    Merci !
    Inamio
    Inamio
    FémininAge : 32Messages : 252

    Dim 7 Sep 2014 - 16:53

    Très sympas =) merci



    En rouge et noir 2014_p10
    Aile de l'Ange
    Aile de l'Ange
    FémininAge : 26Messages : 110

    Jeu 18 Sep 2014 - 10:46

    Je l'aime beaucoup car c'est se qui correspond le mieux a mon forum.
    Merci.
    Susu-chan
    Susu-chan
    FémininAge : 34Messages : 81

    Sam 20 Sep 2014 - 20:22

    Merci !
    Eerie Ange's
    Eerie Ange's
    FémininAge : 23Messages : 166

    Dim 28 Sep 2014 - 17:01

    J'aime beaucoup, merci :3
    murphy__s
    murphy__s
    MasculinAge : 34Messages : 33

    Dim 12 Oct 2014 - 14:08

    Un grand merci
    Sokaro
    Sokaro
    FémininAge : 28Messages : 195

    Dim 12 Oct 2014 - 17:21

    Merci!



    En rouge et noir 540068Sokacadre2
    (Signature provisoire.)
    Ashem
    Ashem
    FémininAge : 39Messages : 255

    Mar 14 Oct 2014 - 16:33

    Très jolie merci
    liliebia
    liliebia
    FémininAge : 36Messages : 68

    Jeu 16 Oct 2014 - 0:21

    Merci !
    Siprano
    Siprano
    FémininAge : 26Messages : 295

    Jeu 16 Oct 2014 - 21:14

    Joliiiiiiiiii
    Kim Jae Yoon
    Kim Jae Yoon
    FémininAge : 34Messages : 128

    Lun 20 Oct 2014 - 10:14

    Elle est vraiment belle est très pratique ! Merci Very Happy
    Fame
    Fame
    MasculinAge : 34Messages : 240

    Mar 21 Oct 2014 - 22:26

    elle est magnifique, merci beaucoup :)
    Pelezinho
    Pelezinho
    MasculinAge : 25Messages : 91

    Mar 11 Nov 2014 - 19:53

    J'aime ! Very Happy



    [MERCI D'INTRODUIRE SIGNATURE ORIGINALE ICI]
    Clémentine
    Clémentine
    FémininAge : 32Messages : 223

    Ven 14 Nov 2014 - 22:38

    Joli *O* Merci ^^



    En rouge et noir 9w9t
    Mikasa
    Mikasa
    FémininAge : 27Messages : 169

    Sam 15 Nov 2014 - 23:09

    j'Adore magnifique !



    En rouge et noir Miksa210
    Signa:
    Contenu sponsorisé


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