Mer 30 Aoû - 13:41

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

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>

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 ?

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é ^^"

Ven 1 Sep - 12:23

@Ariemm Nous nous sommes déjà parlé pour les mathématiques é-é

Ven 1 Sep - 13:55

Ah désolée x) J'avais oublié que c'était toi