Les duos de la mort qui tue
    avatar
    Invité




    Message le Mer 30 Aoû - 13:41
    Les duos de la mort qui tue

    Suite à un sondage récent je vous propose une "micro" animation qui s'étendra je l'espère sur une longue durée. C'est d'ailleurs plus une collaboration qu'une animation à la réflexion  :grum:

    Voici donc l'occasion de travailler en binômes (les trios ne sont pas bannis non plus hein) ! Ce sujet va permettre de faire le lien entre les graphistes et les codeurs essentiellement, mais aussi avec les écrivains (pour ceux qui cherchent à poster un LS contexte avec une mise en forme spéciale par exemple).

    Je vous propose donc un fonctionnement tout simple : on complète un p'tit formulaire, on voit pour qui ça match et on se lance :3 L'objectif étant de proposer un max de LS 8D

    Exemple de formulaire :
    Code:
    <b>Type de partenaire recherché :</b> Graphiste, Codeur, Rédacteur
    <b>Présence souhaitée :</b> 24/24h, régulièrement ...
    <b>Participation pour :</b> 1LS, 2LS, nombre précis ou infinité (8D)
    <b>Avez-vous une idée du type de LS que vous souhaitez proposer ?</b> Thème, type (fiche, page d'accueil, contexte ...)
    <b>Si vous avez déjà commencé quelque chose, présentez-le ici :</b>
    <b>Autre chose ?</b>

    LES PROPOSITIONS

    Øfty
    Type de partenaire recherché : Codeur,
    Présence souhaitée : Je m'en fiche
    Participation pour : Comme vous voulez
    Avez-vous une idée du type de LS que vous souhaitez proposer ? Je peux tout faire :3
    Si vous avez déjà commencé quelque chose, présentez-le ici : Nop
    Autre chose ? love u

    A vous !



    avatar

    Feuille de personnage
    Team: Nom de ta team
    Equipiers: Pseudos de tes comparses
    Devise: Votre cri de guerre !

    Message le Mer 30 Aoû - 14:05
    Type de partenaire recherché : Codeur,
    Présence souhaitée : Je m'en fiche
    Participation pour : Comme vous voulez
    Avez-vous une idée du type de LS que vous souhaitez proposer ? Je peux tout faire :3
    Si vous avez déjà commencé quelque chose, présentez-le ici : Nop
    Autre chose ? love u
    Message le Jeu 31 Aoû - 8:34
    Hello Ofty ! Je veux bien être ta codeuse, mais suis une débutante, est-ce que ça suffira ? Je sais faire des trucs simples mais efficaces, comme un Page d'Accueil par exemple. Je te montre un code créé par mes soin et dis-moi si mon niveau te conviens ^^

    Code:
    <link href="https://fonts.googleapis.com/css?family=Asap|PT+Sans+Narrow" rel="stylesheet">
    <div class="entete_lmdrpa">Bienvenue, jeune renard !</div>
    <div class="corps_lmdrpa">
        <div class="col1_lmdrpa">
           <div class="contexte_lmdrpa">
          <img src="https://i.goopics.net/Vd7my.png"/>
          <div>Autrefois, les renards de la grande vallée vivaient en petits groupes mais, comme tout renard, chacun chassaient pour soi. Il n'y avait aucune entraide au sein des groupes. Autrefois, les renards n'habitaient pas le territoire actuel. Mais un jour, la menace humaine atteint leurs précieuses terres. Des centaines de renards périrent. Les survivants durent fuir leur territoire. Il marchèrent, ensemble pour la première fois, avec un but commun : découvrir un endroit où ils pourront s'installer et vivre en paix...</div>
          </div>
          <div class="effectifscont_lmdrpa">
              <div class="effectifsinfo"><img class="effectifs_lmdrpa" src="https://i.goopics.net/b57jD.png"/><div><span style="font-family: Asap; font-size: 15px; font-variant: small-caps; color: #C29957;">Lune</span><br/><span style="font-family: PT Sans Narrow; font-size: 15px; color: #ccffcc;">Ouvert</span><br/>x ♂ - x ♀</div></div>
             <div class="effectifsinfo"><img class="effectifs_lmdrpa" src="https://i.goopics.net/QXDQx.png"/><div><span style="font-family: Asap; font-size: 15px; font-variant: small-caps; color: #416570;">Infini</span><br/><span style="font-family: PT Sans Narrow; font-size: 15px; color: #ccffcc;">Ouvert</span><br/>x ♂ - x ♀</div></div>
             <div class="effectifsinfo2"><img class="effectifs_lmdrpa" src="https://i.goopics.net/mRdgV.png"/><div><span style="font-family: Asap; font-size: 15px; font-variant: small-caps; color: #7D9988;">Constellation</span><br/><span style="font-family: PT Sans Narrow; font-size: 15px; color: #ccffcc;">Ouvert</span><br/>x ♂ - x ♀</div></div>
             <div class="effectifsinfo3"><img class="effectifs_lmdrpa" src="https://i.goopics.net/l8waw.png"/><div><span style="font-family: Asap; font-size: 15px; font-variant: small-caps; color: #4D3761;">Nébuleuse</span><br/><span style="font-family: PT Sans Narrow; font-size: 15px; color: #ccffcc;">Ouvert</span><br/>x ♂ - x ♀</div></div>
             <div class="effectifsinfo3"><img class="effectifs_lmdrpa" src="https://i.goopics.net/KEAw1.png"/><div><span style="font-family: Asap; font-size: 15px; font-variant: small-caps; color: #A1A1A1;">Galaxies</span><br/><span style="font-family: PT Sans Narrow; font-size: 15px; color: #ccffcc;">Ouvert</span><br/>x ♂ - x ♀</div></div>
             <div class="effectifsinfo4"><img class="effectifs_lmdrpa" src="https://i.goopics.net/E2A3K.png"/><div><span style="font-family: Asap; font-size: 15px; font-variant: small-caps; color: #7A3939;">Solitaire</span><br/><span style="font-family: PT Sans Narrow; font-size: 15px; color: #ccffcc;">Ouvert</span><br/>x ♂ - x ♀</div></div>
          </div>
        </div>
       <div class="col2_lmdrpa">
           <div class="staffcont_lmdrpa">
              <div class="stafftitre_lmdrpa">Staff :</div>
             <div class="staffinfo_lmdrpa"><img class="staffimg_lmdrpa" src="https://i.goopics.net/D4AaX.png"/><div><span class="staffpseudo_lmdrpa">Ambrée</span><br/>Fondatrice de notre cher forum, je suis actuellement en vacances.<br/><a class="hypertext_lmdrpa" href="http://lemondedesrenards.forumactif.be/privmsg?mode=post&u=1">MP</a> // <a class="hypertext_lmdrpa" href="http://lemondedesrenards.forumactif.be/u1">Profil</a></div></div><div class="staffinfo_lmdrpa"><img class="staffimg_lmdrpa" src="https://i.goopics.net/qb2pd.png"/><div><span class="staffpseudo_lmdrpa">Jasmin</span><br/>Codeuse et graphiste, mes oreilles de renards sont attentives à toutes questions !<br/><a class="hypertext_lmdrpa" href="http://lemondedesrenards.forumactif.be/privmsg?mode=post&u=3">MP</a> // <a class="hypertext_lmdrpa" href="http://lemondedesrenards.forumactif.be/u3">Profil</a></div></div><div class="staffinfo2_lmdrpa"><img class="staffimg2_lmdrpa" src="https://i.goopics.net/gqn1W.png"/><div><span class="staffpseudo_lmdrpa">Pseudo</span><br/>Personne n'occupe ce poste, mais bientôt, ce sera peut-être ton pseudo qui figurera ici.<br/><a class="hypertext_lmdrpa" href="">MP</a> // <a class="hypertext_lmdrpa" href="">Profil</a></div>
          </div>
          <div class="news_lmdrpa">
            <span class="newstitre_lmdrpa">Que se passe-t-il dans les bois //</span> C'est l'été sur la grande vallée. Les renards profitent de la chaleur et de l'abondance du gibier avant l'arrivée de la mauvaise saison. Le calme règne entre les Clans, mais ce n'est qu'un simulacre : dès que les difficulté reparaîtrons, les tensions se lèvront. Toi, jeune renard qui hésite peut-être à entrer dans cette forêt plein de mystères et d'aventure, je dois te mettre en garde : la forêt est loin d'être aussi calme qu'elle y paraît, même sous ce beau soleil d'été...
          </div>
        </div>
    </div>
    <div class="lienscont_lmdrpa">
    <div class="liens_lmdrpa"><a class="hypertext_lmdrpa" href="http://lemondedesrenards.forumactif.be/t2-le-reglement">Règlement</a></div><div class="liens_lmdrpa"><a class="hypertext_lmdrpa" href="http://lemondedesrenards.forumactif.be/f11-coin-presentation">Présentations</a></div><div class="liens_lmdrpa"><a class="hypertext_lmdrpa" href="http://lemondedesrenards.forumactif.be/f5-demandes-de-partenariat">Partenariat</a></div><div class="liens_lmdrpa"><a class="hypertext_lmdrpa" href="http://lemondedesrenards.forumactif.be/register">S'inscrire</a></div>
    </div>

    <style>
    .lienscont_lmdrpa {
    width: 864px;
    height: 30px;
    background-color: #e0bb78;
    }

    .liens_lmdrpa {
    display: inline-block;
    width: 216px;
    height: 26px;
    font-family: PT Sans Narrow;
    font-size: 15px;
    text-align: center;
    color: #fff;
    padding-top: 4px;
    transition: all 0.5s;
    }

    .liens_lmdrpa:hover {
    background-color: #aaaaaa;
    }

    .corps_lmdrpa {
    width: 864px;
    height: 454px;
    background-color: #eaeaea;
    }

    .entete_lmdrpa {
    height: 70px;
    width: 864px;
    background-color: #e0bb78;
    color: #fff;
    font-family: Asap;
    font-size: 55px;
    font-variant: small-caps;
    }

    .col1_lmdrpa {
    display: inline-block;
    vertical-align: top;
    width: 440px;
    height: 454px;
    }

    .col2_lmdrpa {
    display: inline-block;
    vertical-align: top;
    width: 420px;
    height: 454px;
    }

    .contexte_lmdrpa {
    position: relative;
    width: 400px;
    height: 200px;
    margin-top: 20px;
    margin-left: 20px;
    background-color: #fafafa;
    }

    .contexte_lmdrpa div {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 380px;
    height: 180px;
    background-color: #fafafa;
    text-align: justify;
    font-family: PT Sans Narrow;
    font-size: 15px;
    color: #000;
    overflow: auto;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    }

    .contexte_lmdrpa:hover div {
    opacity: 1;
    visibility: visible;
    }

    .effectifscont_lmdrpa {
    width: 400px;
    height: 200px;
    margin-top: 20px;
    margin-left: 20px;
    }

    .effectifs_lmdrpa {
    width: 115px;
    height: 90px;
    }

    .effectifsinfo {
    display: inline-block;
    position: relative;
    width: 115px;
    height: 90px;
    margin-right: 23px;
    margin-bottom: 20px;
    }

    .effectifsinfo div {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background-color: #e0bb78;
    padding: 5px;
    width: 105px;
    height: 80px;
    text-align: center;
    font-family: PT Sans Narrow;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    }

    .effectifsinfo:hover div {
    opacity: 1;
    visibility: visible;
    }

    .effectifsinfo2 {
    display: inline-block;
    position: relative;
    width: 115px;
    height: 90px;
    margin-bottom: 20px;
    }

    .effectifsinfo2 div {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background-color: #e0bb78;
    padding: 5px;
    width: 105px;
    height: 80px;
    text-align: center;
    font-family: PT Sans Narrow;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    }

    .effectifsinfo2:hover div {
    opacity: 1;
    visibility: visible;
    }

    .effectifsinfo3 {
    display: inline-block;
    position: relative;
    width: 115px;
    height: 90px;
    margin-right: 23px;
    }

    .effectifsinfo3 div {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background-color: #e0bb78;
    padding: 5px;
    width: 105px;
    height: 80px;
    text-align: center;
    font-family: PT Sans Narrow;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    }

    .effectifsinfo3:hover div {
    opacity: 1;
    visibility: visible;
    }

    .effectifsinfo4 {
    display: inline-block;
    position: relative;
    width: 115px;
    height: 90px;
    }

    .effectifsinfo4 div {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background-color: #e0bb78;
    padding: 5px;
    width: 105px;
    height: 80px;
    text-align: center;
    font-family: PT Sans Narrow;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    }

    .effectifsinfo4:hover div {
    opacity: 1;
    visibility: visible;
    }

    .staffcont_lmdrpa {
    width: 400px;
    height: 200px;
    margin-top: 20px;
    }

    .stafftitre_lmdrpa {
    height: 35px;
    background-color: #e0bb78;
    font-family: Asap;
    font-size: 30px;
    font-variant: small-caps;
    color: #fff;
    padding-left: 10px;
    }

    .staffimg_lmdrpa {
    width: 120px;
    height: 165px;
    margin-right: 20px;
    }

    .staffimg2_lmdrpa {
    width: 120px;
    height: 165px;
    }

    .staffinfo_lmdrpa {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    width: 120px;
    height: 165px;
    overflow: hidden;
    }

    .staffinfo_lmdrpa div{
    position: absolute;
    top: -120px;
    left: 0px;
    z-index: 2;
    width: 120px;
    height: 165px;
    background-color: #e0bb78;
    text-align: center;
    color: #fff;
    font-family: PT Sans Narrow;
    font-size: 15px;
    visibility: hidden;
    transition: all 0.5s;
    }

    .staffinfo_lmdrpa:hover div {
    opacity: 1;
    visibility: visible;
    transform: translate(0,120px);
    -webkit-transform: translate(0,120px);
    -o-transform: translate(0,120px);
    -moz-transform: translate(0,120px);
    }

    .staffinfo2_lmdrpa {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 165px;
    overflow: hidden;
    }

    .staffinfo2_lmdrpa div{
    position: absolute;
    top: -120px;
    left: 0px;
    z-index: 2;
    width: 120px;
    height: 165px;
    background-color: #e0bb78;
    text-align: center;
    color: #fff;
    font-family: PT Sans Narrow;
    font-size: 15px;
    visibility: hidden;
    transition: all 0.5s;
    }

    .staffinfo2_lmdrpa:hover div {
    opacity: 1;
    visibility: visible;
    transform: translate(0,120px);
    -webkit-transform: translate(0,120px);
    -o-transform: translate(0,120px);
    -moz-transform: translate(0,120px);
    }

    .staffpseudo_lmdrpa {
    font-family: Asap;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-variant: small-caps;
    }

    .news_lmdrpa {
    width: 380px;
    height: 180px;
    margin-top: 20px;
    background-color: #fafafa;
    font-family: PT Sans Narrow;
    font-size: 15px;
    color: #000;
    padding: 10px;
    overflow: auto;
    }

    .newstitre_lmdrpa {
    font-family: Asap;
    font-size: 20px;
    color: #000;
    text-align: center;
    font-variant: small-caps;
    }

    .hypertext_lmdrpa {
    color: #fff;
    text-decoration: none!important;
    font-size: 15px;
    }
    </style>





    avatar

    Feuille de personnage
    Team: Nom de ta team
    Equipiers: Pseudos de tes comparses
    Devise: Votre cri de guerre !

    Message le Jeu 31 Aoû - 20:39
    Coucou @Ariemm !
    Il n'y a aucun soucis, je fais quelque chose avec vous donc de votre niveau. C'est avec plaisir que je ferai une collaboration avec toi.
    Cela ne te déranges pas si nous passons par discord pour la communication. Je trouve cela plus simple personnellement, je ne sais pas toi ?

    Message le Ven 1 Sep - 8:55
    Hello @Øfty ! Super alors ! Pour Discord, je trouve que c'est une excellente idée ! Je passe beaucoup de temps sur Discord depuis que j'ai compris comment l'utiliser dans ses rudiments, donc je pense que c'est là-bas que je serai la plus disponible ^^
    Mon pseudo Discord, c'est Ariemm, pareil qu'ici. Je suis sur le salon de tchat des Jakkals, tu devrait me trouver facilement pour m'envoyer un MP ;). Par contre je ne t'ai pas trouvé ^^"





    avatar

    Feuille de personnage
    Team: Nom de ta team
    Equipiers: Pseudos de tes comparses
    Devise: Votre cri de guerre !

    Message le Ven 1 Sep - 12:23
    @Ariemm Nous nous sommes déjà parlé pour les mathématiques é-é

    Message le Ven 1 Sep - 13:55
    Ah désolée x) J'avais oublié que c'était toi :ooooh:







      La date/heure actuelle est Sam 18 Nov - 22:41