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.


    (HALLOW) Fiche de Publicité

    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Mer 22 Oct 2014 - 3:15

    Ma demande



    Bonjour, Bonsoir humbles codeurs ! n_n ♥

    Nous auront bientôt un changement de thème et j'avais donc l'intention de changer de fiche. Les fiches dans le Libre service ne m'intéressent malheureusement pas. :/

    Schéma(s) et Eléments
    Schémas : https://i.imgur.com/b3YdqHi.png et pour le hover https://i.imgur.com/R1t4iVi.png (On voit la différence sur la navigation et le lien direct du forum)
    Tailles des éléments : largeur de 400 et hauteur de 600
    Effets voulus : Une transition de 2s sur la navigation et le lien direct vers le forum.
    N'hésitez pas à me demander les couleurs si vous n'avez pas photoshop pour les recueillir !

    Ressources
    icon 30*40 https://i.imgur.com/0iwVXEd.png
    icon 50*50 https://i.imgur.com/mWpIICZ.png
    icon 88*31 https://i.imgur.com/As2JhDo.png
    icon 100*35 https://i.imgur.com/OKt8f0h.png
    icon prédéfinis 40*40 https://i.imgur.com/pD9xadU.png
    image en background https://i.imgur.com/LZ1vfZc.png


    Autres précisions ?
    J'aimerais que les codes soient dans une page HTML, donc une fiche pub en iframe. Si possible, merci beaucoup ! ♥


    Dernière édition par Insane paper-plane le Sam 25 Oct 2014 - 16:59, édité 1 fois
    • Revenir en haut
    Anonymous
    Invité

    Jeu 23 Oct 2014 - 17:37

    Plop !

    Ca me parait assez simple donc j'ai commencé, j'éditerai dés que ce sera bon :3
    • Revenir en haut
    Nephilime
    Nephilime
    FémininAge : 29Messages : 147

    Jeu 23 Oct 2014 - 20:02

    Han j'avais commencé mais j'ai oublié de préveniiiir T-T
    Ça m'apprendra et au moins j'ai commencé un entraînement puis tu gagnes au change Isane ; je n'arrivais pas à faire pile poile ce que tu voulais !
    • Revenir en haut
    Anonymous
    Invité

    Jeu 23 Oct 2014 - 20:07

    Arf désolée Nephi', fallait le dire TT
    Si tu as bien avancé je te laisse terminer si tu veux, ou je peux t'aider à corriger ce que tu n'arrives pas à faire :3
    • Revenir en haut
    Nephilime
    Nephilime
    FémininAge : 29Messages : 147

    Jeu 23 Oct 2014 - 22:53

    Oh non, je débute presque donc j'arrive à faire la majorité des choses mais je suis trèèèès lente (et je n'arrivais pas à positionner l'image vraiment en haut de la fiche, il restait une bande blanche quoi que je fasse ^^) et tu feras du meilleur travail que moi o/
    • Revenir en haut
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Ven 24 Oct 2014 - 2:42

    Oh un grand merci à vos deux ! ;v; vraiment ! ♥ Ça fait deux fois que deux travaillent sur mon travail... x'D J'en ai de la chance ! ♥

    Prenez tout votre temps, au fait, je suis pas pressée !
    Et vaux mieux deux têtes qu'une. 8D

    Encore merci et bon travail ! ♥
    • Revenir en haut
    Anonymous
    Invité

    Sam 25 Oct 2014 - 16:06

    Je crois avoir respecté les impératifs :3

    Lien direct : www
    Dans un message : www
    • Revenir en haut
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Sam 25 Oct 2014 - 17:00

    Merci Beaucoup Halloween ! ♥
    C'est effectivement très beau !
    Beau travail et encore merci ! *3*
    (En même temps, tu fais toujours bien tes codes, Hallo' xD)
    • Revenir en haut
    Anonymous
    Invité

    Sam 25 Oct 2014 - 19:31

    Beuh en fait si un vert plus expérimenté que moi passe par là, il va capter que j'ai pas "optimisé" le code selon les normes du codage TT
    Mais ça fonctionnera quand même hein, donc c'est pas trop gênant (juste pour ceux qui liront les lignes quoi u.u).

    Rien à modifier alors ? Je te passe les codes ? :3
    • Revenir en haut
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Sam 25 Oct 2014 - 20:45

    Je crois pas que ça dérange hein xD
    Et oui, tu peux me passer les codes ! ♥
    • Revenir en haut
    Anonymous
    Invité

    Sam 25 Oct 2014 - 20:57

    Voila ce que ça donnerait :

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Fiche de publicité</title>

        <style type="text/css">
          .fiche {
          width: 400px;
          background-color: #FFFFFF;
          margin: auto;
          font-family: courier new;
          font-size: 11px;
          color: #B0B0B0;
          border-left: 2px solid #EAC01A;
          border-right: 2px solid #EAC01A;
          }
         
          .fiche a{
          color: #CAA40D;
          text-decoration: none;
          }
         
          .titre {
          font-size: 18px;
          text-align: center;
          color: #A27714;
          text-transform: uppercase;
          position: relative;
          top: -2em;
          }
         
          .sous-titre {
          font-size: 14px;
          text-align: center;
          color: #A27714;
          position: relative;
          top: -3em;
          }
         
          .bloc_contexte {
          width: 230px;
          height: 280px;
          overflow: auto;
          text-align: justify;
          color: #B0B0B0;
          }
         
          .bloc_info {
          width: 210px;
          background-color: #E9E9E9;
          padding: 5px 5px;
          color: #B2B2B2;
          }
         
          .bouton_nav {
          background-color: #DDDDDC;
          width: 115px;
          padding: 10px;
          text-align: center;
          color: #ADADAD;
    transform: all;
    transition: 1s;
          }
         
          .bouton_nav:hover {
          background-color: #F5D180;
          color: #ffffff;
          }
         
          .bouton_nav a{
          color: #ADADAD;
          width: 100%;
          text-decoration: none;
          }
         
       
         
        </style>
        </head>
        <body>
          <div class="fiche"><img src="http://i.imgur.com/LZ1vfZc.png" />
            <div class="titre">Nom du forum</div>
            <div class="sous-titre">Type du forum</div>
            <table style="padding: 15px;"><tr><td>
              <div class="bloc_contexte">Amore sed non (neque ut enim sumus enim omnis enim putamus (neque putamus enim sumus) adducti in ipso propensi inest amicitiam expetendam non putamus spe enim enim spe natura propensi sumus) enim eius mercedis sumus) inest inest spe inest adducti mercedis inest inest spe exigamus propensi beneficium enim enim sed expetendam in adducti sic in beneficium fructus sumus amore gratiam sic propensi liberalitatem beneficium benefici putamus gratiam expetendam spe ut mercedis (neque liberalesque amicitiam ipso (neque expetendam ut enim (neque ipso (neque liberalesque sic eius amore fructus spe enim quod fructus sic non enim fructus exigamus enim benefici ut amore. Amore sed non (neque ut enim sumus enim omnis enim putamus (neque putamus enim sumus) adducti in ipso propensi inest amicitiam expetendam non putamus spe enim enim spe natura propensi sumus) enim eius mercedis sumus) inest inest spe inest adducti mercedis inest inest spe exigamus propensi beneficium enim enim sed expetendam in adducti sic in beneficium fructus sumus amore gratiam sic propensi liberalitatem beneficium benefici putamus gratiam expetendam spe ut mercedis (neque liberalesque amicitiam ipso (neque expetendam ut enim (neque ipso (neque liberalesque sic eius amore fructus spe enim quod fructus sic non enim fructus exigamus enim benefici ut amore. Amore sed non (neque ut enim sumus enim omnis enim putamus (neque putamus enim sumus) adducti in ipso propensi inest amicitiam expetendam non putamus spe enim enim spe natura propensi sumus) enim eius mercedis sumus) inest inest spe inest adducti mercedis inest inest spe exigamus propensi beneficium enim enim sed expetendam in adducti sic in beneficium fructus sumus amore gratiam sic propensi liberalitatem beneficium benefici putamus gratiam expetendam spe ut mercedis (neque liberalesque amicitiam ipso (neque expetendam ut enim (neque ipso (neque liberalesque sic eius amore fructus spe enim quod fructus sic non enim fructus exigamus enim benefici ut amore.</div>
              <br /><br />
              <div class="bloc_info"><p align="center">XX membres | XX messages</p>
                Ouvert le XX/XX<br />
                Avatars iréels <br />
                NC -16 forum mature<br />
                <a href="#"><p align="center">Lien direct</p></a></div></td>
              <td><center><a href="#"><div class="bouton_nav">Navigation</div></a><br /><a href="#"><div class="bouton_nav">Navigation</div></a><br /><a href="#"><div class="bouton_nav">Navigation</div></a><br /><a href="#"><div class="bouton_nav">Navigation</div></a><br /><a href="#"><div class="bouton_nav">Navigation</div></a>
                <br /><div style="white-space: nowrap;"><a href="#"><img src="http://i.imgur.com/pD9xadU.png" /></a> <a href="#"><img src="http://i.imgur.com/pD9xadU.png" /></a> <a href="#"><img src="http://i.imgur.com/pD9xadU.png" /></a><br /><a href="#"><img src="http://i.imgur.com/pD9xadU.png" /></a> <a href="#"><img src="http://i.imgur.com/pD9xadU.png" /></a> <a href="#"><img src="http://i.imgur.com/pD9xadU.png" /></a>
                </div>
                <table><tr><td><img src="http://i.imgur.com/As2JhDo.png" /><br /> <span style="font-size: 9px;">© Halloween sur <a href="http://www.never-utopia.com">Never Utopia</a></span>
                  </td><td><img src="http://i.imgur.com/mWpIICZ.png" /></td></tr></table><img src="http://i.imgur.com/OKt8f0h.png" /> <img src="http://i.imgur.com/0iwVXEd.png" /></center></td></tr></table>
             
              </div>
             
             
          </body>


    Et pour l'Iframe :
    Code:
    <iframe src="LIENPAGEHTML" width="100%" height="805px" border="0" frameborder="0"></iframe>
    • Revenir en haut
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Sam 25 Oct 2014 - 21:17

    Merci beaucoup ! ♥
    • Revenir en haut
    Anonymous
    Invité

    Sam 25 Oct 2014 - 21:19

    Ca fonctionne ? Pas de beug ?
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 6:03