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.

-21%
Le deal à ne pas rater :
LEGO® Icons 10329 Les Plantes Miniatures, Collection Botanique
39.59 € 49.99 €
Voir le deal

    Demande d'une variante d'une fiche pub de HALLOWEEN

    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Jeu 20 Mar 2014 - 11:42

    Ma demande



    Bonjour à tous et spécifiquement à toi Halloween. Je gère un forum avec une amie et nous avons repéré ta fiche pub ICI. Nous nous demandions si tu pouvait la modifier pour nous.....

    Schéma(s) et Eléments
    Schémas : Bhe la fiche est déjà faite il y'a seuelment quelque petite chose à ajouter et modifier....

    Déjà des petit Avatar pour les membre du staff entre la phrase d'acroche et le block pour mettre le contexte.

    Ensuite nous voudrions que la fiche soit en harmonie avec le future design.
    Tailles des éléments :  pour la taille des avatars c'est à ta guise suivant ce qui est le plus esthétique je te fait confiance.
    Effets voulus : Pour les avatar effet en hover fondu qui révèle le rang des membre du staff

    Ressources
    Voici la futur ban pour te donné une idée pour l'ahrmonisation de la fiche ICI

    Autres précisions ?
    Et bien si besoin de plus de précision me le demande mais je crois avoir tout dit et tout fourni ^^. Sinon merci à toit pour cette fiche et tes codages j'ai beaucoup^^


    Dernière édition par Angie Dalton le Sam 29 Mar 2014 - 12:32, édité 1 fois
    • Revenir en haut
    Anonymous
    Invité

    Dim 23 Mar 2014 - 20:22

    Hey,

    Voila ce que ça donnerait : www.

    Bonne soirée ^^
    • Revenir en haut
    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Lun 24 Mar 2014 - 2:11

    j'aime beaucoup c'est génial mais le truc c'est qu'on est au moins 3 admins :/ si c'est possible de les faire plus petit et d'en metre au moins quatre ce serais super^^
    • Revenir en haut
    Anonymous
    Invité

    Lun 24 Mar 2014 - 18:10

    Ca c'est le genre de truc à spécifier dans ta demande tu vois xD
    C'est modifié x)
    • Revenir en haut
    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Lun 24 Mar 2014 - 22:10

    génial parfait je te remercie beaucoup^^
    • Revenir en haut
    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Jeu 27 Mar 2014 - 18:06

    lut si tu pouvais me donner le code ce serais bien merci^^
    • Revenir en haut
    Anonymous
    Invité

    Ven 28 Mar 2014 - 18:06

    Excuse-moi j'ai une vie xD
    Voici :

    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 pub Angie</title>

        <style type="text/css">
        .cadre{
        width:100px;
        height:100px;
        background-image: url("http://i47.servimg.com/u/f47/17/97/89/15/j10.png");
        border-radius:50px;
        -webkit-border-radius:50px;
        -moz-border-radius:50px;
        }
         
          .a {
          color: #CFAF9C !important;
          }

        .description
        {
          display: block;
          width: 200px;
          margin: auto;
          height: 100px;
          overflow: hidden;
        }
        .description_contenu
        {
          position: absolute;
          width: 190px;
          height: 90px;
          overflow: 100px;
          background-color: #CFAF9C;
          font-size: 10px;
          color: #3E352E;
          text-align: jutsify;
          padding: 5px;
          opacity: 0;
          -moz-opacity: 0;
          -khtml-opacity: 0;
          filter: alpha(opacity=0);
          transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .description_contenu:hover
        {
          opacity: 0.8;
          -moz-opacity: 0.8;
          -khtml-opacity: 0.8;
          filter: alpha(opacity=80);
          transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }

    .staff
        {
          display: block;
          width: 100px;
          margin: auto;
          height: 100px;
          overflow: hidden;
        }
        .staff_contenu
        {
          position: absolute;
          width: 100px;
          height: 100px;
          overflow: 100px;
          background-color: #CFAF9C;
          font-size: 10px;
          color: #3E352E;
          opacity: 0;
          -moz-opacity: 0;
          -khtml-opacity: 0;
          filter: alpha(opacity=0);
          transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .staff_contenu:hover
        {
          opacity: 0.8;
          -moz-opacity: 0.8;
          -khtml-opacity: 0.8;
          filter: alpha(opacity=80);
          transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }</style>


        <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>
        </head>
        <body>




          <center><div style="width: 500px; background-color: #AC7553; text-align: justify; font-family: arial,sans-serif; font-size: 11px; color: rgb(51, 51, 51); padding-bottom: 10px; padding-top: 15px;border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0px 0px 5px rgb(177, 189, 171);"><center><div style="margin-top: -20px;"><img src="http://i58.servimg.com/u/f58/17/97/89/15/pub10.png" /> </div></center><blockquote><div style="border-bottom: 3px dotted rgb(68, 50, 23); display: block;"></div></blockquote><center><link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css"><div style="font-family:Parisienne;color: white; font-size: 25px; letter-spacing: 0px; font-weight: normal; text-shadow: black 0px 2px 2px; margin-top: -43px;">Pirouette cacahuète, votre slogan</div></center>
        <br><br>
          <center><div style="width:405px;font-family:calibri;text-align:justify;color:#777777;font-size:12px; line-height:14px;"><div style="background-color: #CFAF9C; text-align: center; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0px 0px 5px rgb(177, 189, 171);"><table border="0" cellspacing="2" width="100%"><tbody><tr><td width="30%"><center><img src="http://i71.servimg.com/u/f71/17/97/89/15/210.png" /></center>

        </td>
            <td width="70%"><div style="font-size: 25px; color: #1E1A19;">« Citation de membre ou accroche »</div>

        </td>
          </tr>
        </tbody></table></div>
            <br /><br />
            <table><tr><td><div class="staff"><span style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i58.servimg.com/u/f58/17/97/89/15/4513.png) center center no-repeat;"><span class="staff_contenu"><div style="padding: 5px; text-align: center; font-size: 20px; font-family: parisienne;"><br /><br />Pseudo<br />Rang</div></span></span></div></td>
              <td><div class="staff"><span style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i58.servimg.com/u/f58/17/97/89/15/4513.png) center center no-repeat;"><span class="staff_contenu"><div style="padding: 5px; text-align: center; font-size: 20px; font-family: parisienne;"><br /><br />Pseudo<br />Rang</div></span></span></div></td>
    <td><div class="staff"><span style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i58.servimg.com/u/f58/17/97/89/15/4513.png) center center no-repeat;"><span class="staff_contenu"><div style="padding: 5px; text-align: center; font-size: 20px; font-family: parisienne;"><br /><br />Pseudo<br />Rang</div></span></span></div></td>
    <td><div class="staff"><span style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i58.servimg.com/u/f58/17/97/89/15/4513.png) center center no-repeat;"><span class="staff_contenu"><div style="padding: 5px; text-align: center; font-size: 20px; font-family: parisienne;"><br /><br />Pseudo<br />Rang</div></span></span></div></td>
              </tr></table>
              <br><br><div style="background-color: #CFAF9C; text-align: justify; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0px 0px 5px rgb(177, 189, 171); padding: 20px; color:#3E352E;">Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬
        <br></div>
        <br><br>
        <font color="#E2DFCD">▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ✄</font>
        <br><br><div style="background-color: #CFAF9C; text-align: justify; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0px 0px 5px rgb(177, 189, 171); padding: 20px; color:#3E352E;">Description de l'ambiance du forum (convivialité ...), mot du staff, vos points forts ou autre ▬ Description de l'ambiance du forum (convivialité ...), mot du staff, vos points forts ou autre ▬ Description de l'ambiance du forum (convivialité ...), mot du staff, vos points forts ou autre ▬ Description de l'ambiance du forum (convivialité ...), mot du staff, vos points forts ou autre ▬</div></div><br><br><br><br>

        <table border="0" cellspacing="-2" width="100%"><tbody><tr><td width="50%"><div class="description"><div style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i71.servimg.com/u/f71/17/97/89/15/ong110.png) center center no-repeat;"><div class="description_contenu"><div style="OVERFLOW: auto; width: 180px; height: 70px; padding: 5px;">Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1Contenu onglet 1 Contenu onglet 1</div></div></div></div><div class="description"><span style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i71.servimg.com/u/f71/17/97/89/15/ong210.png) center center no-repeat;"><span class="description_contenu"><div style="OVERFLOW: auto; width: 180px; height: 70px; padding: 5px;">Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2Contenu onglet 2Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2</div></span></span></div></td>
          <td width="50%"><div class="description"><span style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i71.servimg.com/u/f71/17/97/89/15/ong310.png) center center no-repeat;"><span class="description_contenu"><div style="OVERFLOW: auto; width: 180px; height: 70px; padding: 5px;">Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3Contenu onglet 3 Contenu onglet 3 Contenu onglet 3Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3</div></span></span></div><div class="description"><span style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i71.servimg.com/u/f71/17/97/89/15/ong410.png) center center no-repeat;"><span class="description_contenu"><div style="OVERFLOW: auto; width: 180px; height: 70px; padding: 5px;">Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 </div></span></span></div></td>
          </tr>
        </tbody></table>
        <br><br>
        <font color="#E2DFCD">▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ✄</font>
        <br><br><div style="background-color: #CFAF9C; text-align: justify; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0px 0px 5px rgb(177, 189, 171); padding: 20px; width: 350px; color:#3E352E;">Merci d'avoir pris le temps de lire cette modeste fiche (et inutile d'essayer de résister à l'appel du clic, vous devez venir nous voir \o/). Pour les petits curieux et les généreux, voici de quoi nous lier :
        <br> <br>
        <center><a href="https://www.google.fr/"><img src="http://i71.servimg.com/u/f71/17/97/89/15/bouton10.png"></a><br> <br>
        <table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tbody><tr><td><span class="genmed"><b>Code:</b></span></td></tr><tr><td class="code"><div class="cont_code" curpos="0" maxpos="0" pageincrement="480" increment="10" collapsed="true"><a href="LIEN FORUM"><img src="IMAGEBOUTON"></div></td></tr></tbody></table><span class="postbody">
        <br> <br>
        ▬ <a href="https://www.google.fr/">Lien utile</a> ▬ <a href="https://www.google.fr/">Lien utile</a> ▬ <a href="https://www.google.fr/">Lien utile</a> ▬ <a href="https://www.google.fr/">Lien utile</a></span></center></div>
        <br> <div align="right"><span style="font-size: 9px; line-height: normal">©️ By Halloween sur Never Utopia</span></div></center></div>

        </center>

    Dis-moi si tout fonctionne Wink
    • Revenir en haut
    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Ven 28 Mar 2014 - 19:52

    désolé je ne voulais pas te brusqué et malheureusement non il y'a un pb d'affichage:





    Fiche pub Angie











    Pirouette cacahuète, votre slogan
    « Citation de membre ou accroche »










    Pseudo
    Rang


    Pseudo
    Rang


    Pseudo
    Rang


    Pseudo
    Rang


    Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬ Concept de votre forum ou contexte ▬





    ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ✄


    Description de l'ambiance du forum (convivialité ...), mot du staff, vos points forts ou autre ▬ Description de l'ambiance du forum (convivialité ...), mot du staff, vos points forts ou autre ▬ Description de l'ambiance du forum (convivialité ...), mot du staff, vos points forts ou autre ▬ Description de l'ambiance du forum (convivialité ...), mot du staff, vos points forts ou autre ▬









    Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1 Contenu onglet 1Contenu onglet 1 Contenu onglet 1
    Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2Contenu onglet 2Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2 Contenu onglet 2
    Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3Contenu onglet 3 Contenu onglet 3 Contenu onglet 3Contenu onglet 3 Contenu onglet 3 Contenu onglet 3 Contenu onglet 3
    Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4 Contenu onglet 4



    ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ✄


    Merci d'avoir pris le temps de lire cette modeste fiche (et inutile d'essayer de résister à l'appel du clic, vous devez venir nous voir \o/). Pour les petits curieux et les généreux, voici de quoi nous lier :






    Code:



    ▬ Lien utile ▬ Lien utile ▬ Lien utile ▬ Lien utile


    © By Halloween sur Never Utopia


    • Revenir en haut
    Anonymous
    Invité

    Ven 28 Mar 2014 - 20:16

    Parce que pour l'installer tu dois procéder comme dans le tutoriel où tout est expliqué (CAD créer une page HTML et te servir d'Iframe, entre autre).
    • Revenir en haut
    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Ven 28 Mar 2014 - 20:20

    -_- cherche pas je suis à la masse XD
    • Revenir en haut
    Anonymous
    Invité

    Ven 28 Mar 2014 - 20:21

    Pas de soucis, dis-moi quand même si ça passe xD
    • Revenir en haut
    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Ven 28 Mar 2014 - 20:37

    bhe je l'est mise en iframe et cela fait la même affichage :/
    • Revenir en haut
    Anonymous
    Invité

    Ven 28 Mar 2014 - 21:21

    Avec la page HTML ? Tu es sûre d'avoir fais exactement comme dans le tuto ?
    • Revenir en haut
    Angie Harkness
    Angie Harkness
    FémininAge : 40Messages : 725

    Ven 28 Mar 2014 - 21:26

    c'est mon amie qui l'a fait elle a suivi le tutot mais pas pris les changement mais t'inquiète on va y arriver lol XD

    Edit: C'EST BON OUF XD l'afichage est correcte ^^
    • Revenir en haut
    Anonymous
    Invité

    Sam 29 Mar 2014 - 10:06

    Bonne continuation alors ^^
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 10 Mai 2024 - 1:35