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.

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

    Creativ'Mess #4 - Il est l'heure de se faire connaitre ! - [Halloween]

    Shinomix
    Shinomix
    MasculinAge : 31Messages : 3445

    Jeu 6 Déc 2012 - 19:42

    Avec les fêtes de Noël approchant, les grandes marques redoublent d'efforts pour mettre en valeur leurs produits sur les différentes chaines de télévision.
    Vous aussi succombez à la folie de la publicité afin de faire connaitre votre forum !

    Redoublez d'ingéniosité, d'imagination et réalisez la meilleur fiche de publicité pour le forum.
    Grâce au duo Html/CSS ou au BBCode seulement, tant que ça tient dans un message, c'est l'essentiel !

    Comment faire pour participer ? Et bien rien de plus simple !
    Vous avez jusqu'au 16 décembre pour poster votre résultat à la suite de ce message. Par contre, n'oubliez de poster votre rendu ET le code de la fiche de publicité Razz


    Quelles images et textes utiliser ? Pourquoi pas ceux de Never-Utopia !

    Aucune ressource n'est imposée, si vous pensez avoir besoin d'autre chose, allez-y !

    Les ressources ! a écrit:
    >>Lien vers les icônes de publicité du forum<<

    Texte de présentation:
    Spoiler:
    Dernières statistiques :
    Spoiler:
    A vous maintenant de réaliser la plus belle fiche de publicité et que le meilleur gagne ! cheers


    Dernière édition par Shinomix le Jeu 6 Déc 2012 - 20:02, édité 1 fois



    Creativ'Mess #4 - Il est l'heure de se faire connaitre ! - [Halloween] Doctor_who_zpsf16db84d
    Anonymous
    Invité

    Jeu 6 Déc 2012 - 19:57

    Je vais tout casser mais on peut participer jusqu'à quand ? =3
    Shinomix
    Shinomix
    MasculinAge : 31Messages : 3445

    Jeu 6 Déc 2012 - 20:01

    Jusqu'au 16 décembre, désolé d'avoir oublié de le mentionner.

    J'édite pour le rajouter, merci de me l'avoir signalé x3



    Creativ'Mess #4 - Il est l'heure de se faire connaitre ! - [Halloween] Doctor_who_zpsf16db84d
    Anonymous
    Invité

    Jeu 6 Déc 2012 - 20:08

      Han j'veux tester aussi !!!! *o*
      Shinomix
      Shinomix
      MasculinAge : 31Messages : 3445

      Ven 7 Déc 2012 - 10:35

      Petite question qui m'est revenue, je la poste ici pour que tout le monde puisse profiter de la réponse Razz

      Peut-on utiliser un code proposé sur le forum, comme le système d'onglets, pour l'intégrer dans la pub ?

      La réponse est : "Bien sûr ! A vous d'utiliser tout le code dont vous aurez besoin, qu'il vienne des tutoriels du forum ou qu'il soit de vous, afin de réaliser la plus belle publicité !"


      Encore une fois, bonne chance à tous ! cheers



      Creativ'Mess #4 - Il est l'heure de se faire connaitre ! - [Halloween] Doctor_who_zpsf16db84d
      Sparrow-style
      Sparrow-style
      FémininAge : 39Messages : 32055

      Ven 7 Déc 2012 - 10:43

      Je précise quand même que le css étant censé se trouver dans le message, le système d'onglets ne fonctionnera pas, tout comme d'autres systèmes de changement en "hover" (au survol). L'exception est bien évidemment de passer par iframe, pour ceux qui connaissent, mais je pense qu'un gentil css intégré est très bien Very Happy. Sinon oui si vous souhaitez vous aider de certains tutoriels c'est autorisé, évidemment.



      sign
      Anonymous
      Invité

      Lun 10 Déc 2012 - 23:14

        Hello,

        Voici mon essai, pas réussi à coller les quatre blocs è.é Et les images sont pas tops, je graph pas moi u.u



        Code:
        <iframe src="http://halloweens-test.forumactif.org/h1-test" width="100%" height="1500px" border="0" frameborder="0"></iframe>

        Le code en lui-même :
        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 Never Utopia</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;
        }

        .description
        {
          display: block;
          width: 200px;
          margin: auto;
          height: 100px;
          overflow: hidden;
        }
        .description_contenu
        {
          position: absolute;
          width: 190px;
          height: 90px;
          overflow: 100px;
          background-color: #EFE9DD;
          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;
        }</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-image: url('http://i47.servimg.com/u/f47/17/97/89/15/sans_t10.png'); 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://i47.servimg.com/u/f47/17/97/89/15/sans_t12.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;">More than a dream ...</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: #EFE9DD; text-align: center; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0px 0px 5px rgb(177, 189, 171);"><table width="100%" border="0" cellspacing="2"><tr><td width="30%"><center><img src="http://i47.servimg.com/u/f47/17/97/89/15/staff11.png"></center>

        </td>
            <td width="70%"><div style="font-size: 25px; color: #1E1A19;">« Pas de rats sur ce navire ! »</div>

        </td>
          </tr>
        </table></div><br><br>
        <div style="background-color: #EFE9DD; text-align: justify; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0px 0px 5px rgb(177, 189, 171); padding: 20px; color:#3E352E;">Cela fait désormais 5 années que le navire fondé par Sparrow-Style & Pheanomen, voyage au grès des flots grâce à ses matelots volontaires et fidèles qui s'échangent des trésors précieux mais aussi se prêtent une oreille attentive. Car oui, Never Utopia n'est pas un forum où l'on se contente de passer commande et de s'en aller, où l'on prend sans jamais rendre. Non, Nu s'est aussi des discussions sans queues ni tête sur la chatbox, des membres qui ne se font pas virer au bout d'un mois sans signe de vie ou à la moindre ereur : sur NU, on est humain !  C'est-à-dire que l'on demande des nouvelles des plus absents, on lie de vraies amitiées, tout le monde est important, du matelot au modérateur, le partage surplombe les envie de "fliquer", les conflits se règlent avec du rhum ... et cela sans rien attendre en retour puisque chacun fait cela par distraction, de manière bénévole ne réclamant qu'un simple "merci", un peu de reconnaissance, du savoir-vivre en somme.
        <br><br><div style="text-align: center; color: #1E1A19;"><b>Never Utopia c'est un navire sans rat,<br>
        Un pillier solide comme un mat,<br>
        Une ambiance digne de Tortuga,<br>
        Notre trésor, c'est vous, c'est moi. </b></div></div>
        <br><br>
        <font color="#CC7332">▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ✄</font>
        <br><br>
        <div style="background-color: #EFE9DD; text-align: justify; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0px 0px 5px rgb(177, 189, 171); padding: 20px; color:#3E352E;">Never Utopia vous accompagne tout au long de la création et du développement de votre forum, quelque soit son type et votre expérience. De manière plus personnelle, il vous donne la possibilité d’approfondir ou de poser des bases solides sur vos compétences, de découvrir de nouveaux horizons. Que ce soit dans le codage, le graphisme, la rédaction de contenu, de "jugement" ... tout le monde a un domaine de prédilection qui pourrait être échangé sur le navire, et dans beaucoup de cas amélioré.</div></div><br><br><br><br>

        <table width="100%" border="0" cellspacing="-2"><tr><td width="50%"><div class="description"><div style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i47.servimg.com/u/f47/17/97/89/15/graph10.png) center center no-repeat;"><div class="description_contenu"><div style="OVERFLOW: auto; width: 180px; height: 70px; padding: 5px;">Que ce soit pour passer des commandes de kits, de thèmes, pour demander un avis sur l’une de vos créations, parce que vous vous interrogez sur l’utilisation de votre/vos logiciel(s), pour en apprendre davantage … la section graphisme est là pour vous, des parties « Questions » à « Tutoriels & Astuces ».</div></div></div></div><div class="description"><span style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i47.servimg.com/u/f47/17/97/89/15/codage10.png) center center no-repeat;"><span class="description_contenu"><div style="OVERFLOW: auto; width: 180px; height: 70px; padding: 5px;">Tout comme la section graphisme, la section codage vous permet d’échanger et de découvrir des astuces pour maintenir votre forum dans la « modernité », tout en vous démarquant. Pour les plus courageux, vous pourrez également tenter de découvrir cette discipline à votre rythme avec des exercices et des estimations de niveaux. Pour les moins aguerris, les commandes vous tendent les bras.</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://i47.servimg.com/u/f47/17/97/89/15/aide10.png) center center no-repeat;"><span class="description_contenu"><div style="OVERFLOW: auto; width: 180px; height: 70px; padding: 5px;">Parce que tout le monde n’est pas une plume vaillante, parce que les gens ne tombent pas du ciel, parce que « RPG » n’est pas un mot qui vient naturellement à tout le monde, parce que  parfois les idées des autres se tarissent moins vite que les nôtres, NU a mit en place la section « RPG Conception ». Les recherches de staff, de personnages ou de forum où jouer, de partenaires, des astuces … Nous proposons également un répertoire d’idées pour vos RPG, une ava’thèque pour élargir vos choix d’avatars, mais aussi une aide pour rédiger vos règlements, des idées pour vos contextes, vos systèmes de jeux, vos évents, vos lancés de dés … et tout bêtement des explications et aides pour vos jeux, c’est-à-dire les définitions du Role Play, des conseils d’écriture, de mise en page, et des débats pour échanger vos opinions de cette bête curieuse.</div></span></span></div><div class="description"><span style="display: block; text-align: justify; width: 200px; height: 100px; background: url(http://i47.servimg.com/u/f47/17/97/89/15/evol10.png) center center no-repeat;"><span class="description_contenu"><div style="OVERFLOW: auto; width: 180px; height: 70px; padding: 5px;">Et comme personne n’est parfait, chacun a toujours quelque chose à améliorer. Pour chercher la petite bête, nous avons de vilains « pou » que l’on nomme « Critiques » qui analysent vos petits bijoux et vous conseille pour améliorer toujours plus vos forum. Mais ce n’est pas tout. Une partie publicité est à votre service afin de promouvoir vos plateformes. Et comme sur NU on creuse les idées, un système de labels est en place pour récompenser les meilleurs d’entre vous dans plusieurs catégories, ainsi qu’un concours pub mettant en avant les vainqueurs de chaque édition dans le prestigieux N’Utopia Mag.</div></span></span></div></td>
          </tr>
        </table>
        <br><br>
        <font color="#CC7332">▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ✄</font>
        <br><br>
        <div style="background-color: #EFE9DD; 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="http://www.never-utopia.com"><img src="http://img4.hostingpics.net/pics/211544logo5.jpg"></a><br> <br>
        </span><table width="90%" style="table-layout:fixed;" cellspacing="1" cellpadding="0" border="0" align="center"><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="http://www.never-utopia.com"><img src="http://img4.hostingpics.net/pics/211544logo5.jpg"></a></div></td></tr></table><span class="postbody">
         <br> <br>
        ▬ <a href="http://www.never-utopia.com/f1-les-regles">Règlement</a> ▬ <a href="http://www.never-utopia.com/f40-les-news">News</a> ▬ <a href="http://www.never-utopia.com/f3-presentations">Présentations</a> ▬ <a href="http://www.never-utopia.com/f42-questions-suggestions">Questions</a></center></div>
        <br>
        <div align="right"><span style="font-size: 9px; line-height: normal">© Never Utopia</span></div></div>
        </div>
        </div></div></center></div></body> </html>

        Merci =)
      Sparrow-style
      Sparrow-style
      FémininAge : 39Messages : 32055

      Dim 16 Déc 2012 - 12:41

      Superbe Very Happy

      Pas d'autres volontaires ?? =O



      sign
      Neva
      Neva
      FémininAge : 33Messages : 18565

      Ven 28 Déc 2012 - 12:02

      Je pense qu'on peut dire qu'Halloween a remporté ce Creative Mess en effrayant ses potentiels adversaires avec ce cpde :p



       
      Anonymous
      Invité

      Ven 28 Déc 2012 - 12:09

        C'est pas sympa de pas avoir participé avec moi, c'pas drôle TT

        Et pis je fais pas peur Neva è.é Merci =)
      Contenu sponsorisé


        La date/heure actuelle est Sam 23 Nov 2024 - 19:26