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 : -38%
Promo Dyson : l’aspirateur Dyson V15 Detect ...
Voir le deal
499 €

    En rouge et noir

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

    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

    hippolytta
    hippolytta
    FémininAge : 24Messages : 52

    Lun 17 Aoû 2015 - 17:47

    merci <3
    Anonymous
    Invité

    Lun 17 Aoû 2015 - 18:14

    Merci (^▽^)
    charlie.
    charlie.
    FémininAge : 44Messages : 62

    Dim 30 Aoû 2015 - 21:58

    merci
    Cheshire Cat
    Cheshire Cat
    FémininAge : 27Messages : 975

    Dim 6 Sep 2015 - 14:11

    Sympathique cette fiche de pub :)
    dean winchester
    dean winchester
    MasculinAge : 30Messages : 85

    Dim 4 Oct 2015 - 13:30

    tres jolie :)
    Dreamyland
    Dreamyland
    FémininAge : 27Messages : 88

    Mer 7 Oct 2015 - 9:26

    merciiii !
    Estrée
    Estrée
    FémininAge : 33Messages : 114

    Dim 11 Oct 2015 - 21:13

    C'est très joli !
    Zoé
    Zoé
    FémininAge : 25Messages : 189

    Mer 14 Oct 2015 - 10:34

    merchi !



    En rouge et noir - Page 3 274643signaaaa
    rosebleudu10
    rosebleudu10
    FémininAge : 34Messages : 189

    Dim 1 Nov 2015 - 15:17

    merci beaucoup
    Champi
    Champi
    FémininAge : 32Messages : 23

    Ven 6 Nov 2015 - 1:43

    Je prend ! C'est tout a fait dans l'esprit de mon forum !! Merci !!!



    Spoiler:
    Amychan
    Amychan
    FémininAge : 46Messages : 16

    Sam 7 Nov 2015 - 16:58

    merci
    Ohana Firefly
    Ohana Firefly
    FémininAge : 29Messages : 43

    Sam 14 Nov 2015 - 17:22

    Merci du partage :3
    Solitude
    Solitude
    FémininAge : 49Messages : 294

    Mar 8 Déc 2015 - 9:02

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    En rouge et noir - Page 3 Sign510
    .pinkrocks
    .pinkrocks
    FémininAge : 34Messages : 41

    Mar 8 Déc 2015 - 20:45

    Superbe! Merci beaucoup pour le partage! <3
    Allison01
    Allison01
    FémininAge : 40Messages : 225

    Mar 8 Déc 2015 - 20:56

    Merci ^^
    Anonymous
    Invité

    Sam 23 Jan 2016 - 3:32

    Wow. J'adore. Merci du partage Very Happy
    avatar
    Hop80
    MasculinAge : 35Messages : 138

    Jeu 28 Jan 2016 - 1:23

    Merci du partage
    Ari
    Ari
    FémininAge : 23Messages : 109

    Lun 22 Fév 2016 - 11:46

    Super, merci ^^
    Kilda
    Kilda
    FémininAge : 44Messages : 73

    Lun 22 Fév 2016 - 18:32

    merci
    patriciadpt30
    patriciadpt30
    FémininAge : 61Messages : 240

    Mer 24 Fév 2016 - 14:26

    Ho Jolie :) Merci .



    Patricia :)
    Dorin
    Dorin
    FémininAge : 49Messages : 33

    Sam 27 Fév 2016 - 8:44

    Merci Very Happy
    Aetherya
    Aetherya
    FémininAge : 39Messages : 24

    Jeu 3 Mar 2016 - 20:19

    Superbe ! Merci du partage, je prends ! ^^
    Yukihyo
    Yukihyo
    MasculinAge : 27Messages : 98

    Dim 6 Mar 2016 - 12:38

    Merci !
    Kame-Chan
    Kame-Chan
    FémininAge : 33Messages : 53

    Jeu 17 Mar 2016 - 18:09

    elle est vraiment genial ! merci
    LegendsOfToday
    LegendsOfToday
    FémininAge : 28Messages : 78

    Mer 23 Mar 2016 - 15:12

    Merci :)
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 10:16