Le thème du forum

[Ami]

Parler librement du thème du forum, donnez des idées pour le prochain, montrez-nous vos créations... :3

Ici je mettrai différent avatar pour le thème de Juin, dites moi lequel vous voulez :
Mio (k-on) :

Spoiler:

2ème image : (dans l'eau) :

Spoiler:

3ème image :

Spoiler:

4ème image :

Spoiler:

5ème image :

Spoiler:

Pour le thème je penser à une page html et il faudrait tout revoir boutons, logo, header, etc... j'aimerai un truc tout jouliie *^* Bien sûr je suis là pour aider :3 Chaque thème sera poster 1 mois, le prochain et celui de Mizuni qui débutera donc le 1 mai 2013.

Je peux préparer une page d'accueil qui irait sur le forum faudrait me dire les couleurs du prochain thème

Les couleurs plutôt nuance bleu/vert :) Je vais faire des avatars pour chaque membre de mon côté et après aider sur le reste si je peux ;)

[Vous devez être inscrit et connecté pour voir ce lien]
Sa irait si je change les couleurs en bleu/vert et si je change les images?

attend je vais voir :)

Oui tu pourra me passais le code quand tu aura modifier les couleurs ?

il faudrait que tu me fasse une image de cette dimension
[Vous devez être inscrit et connecté pour voir ce lien]

Ensuite pour le staff, il y a quatre case, tu pourrai me faire des images comme celle ci de même dimension?
[Vous devez être inscrit et connecté pour voir ce lien]

Hitomi tu peux m'écrire en message comme ceci 100*140 car je ne vois pas la pemière image :)

Laisse tomber, sa irait un truc comme sa?
[Vous devez être inscrit et connecté pour voir ce lien]

Ouah mais tu fais du travail de pro xD Tu m'apprendra, please x) Je t'adoreuuh, super codeuse *^*

Je finit les couleurs et je te passe les codes a placer ^^.

Je comprends rien a ces histoires de codes -sors- xD
Sinon les avatars sont trop choupi! *o*

Ok, si je peux je l'utiliserai pour ce mois-ci ton thème faudra que je fasse les boutons x)

Merci Kimi *^* Mais c'est que du travail de débutant tu sais. Je débute juste..

si quelqu'un me trouve un gif de mizupon de la taille 100*100 je le bénit a vit XD

J'adore les vava *o* je préfère le thème 3 et 5

Oki :)

Ami:

Affichage => Couleur => Feuille de style => Partie CSS.

Code:

margin:0; /* Annule toutes les marges par défaut, étant différentes selon les navigateurs et pour une meilleure compatibilité */
padding:0; /* Annule tous les remplissages par défaut, étant différents selon les navigateurs et pour une meilleure compatibilité */
a
  outline:0; /* Supprime la bordure à l'activation du lien */

#menu{
  width:150px;
  margin:20px auto 0 auto; /* Sert à centrer le menu dans la page pour l'exemple, valeurs à modifier selon votre gré ou à supprimer */
}
.menu{
  height:20px;
  line-height:20px;
  width:150px;
  background:#483D8B;
  color:#FF1493;
  text-align:center;
}
.menu a{
  display:block;
  width:100%;
  height:100%;
}

.menu a:link, .menu a:visited, .menu a:hover{
  color:#FF1493;
  font-family:arial,sans-serif;
  font-size:12px;
  font-weight:bold; /* Met le texte du menu en gras, à supprimer si vous n'en voulez pas */
  text-decoration:none; /* Supprime le soulignement du lien, pour le rétablir passez la valeur à underline */
  background:#483D8B;
}
.menu a:hover{
  background:#00BFFF;
  color:#696969;
}
#desc{
  background:#696969;
  height:50px;
  font-family:georgia,sans-serif;
  font-size:10px;
  color:#696969;
  padding:2px;
  border:1px solid #696969;
}
.fond {
background-image:url('http://www.sailorfuku.com/temp/1336813655.gif');
width:740px;
height:auto;
border:5px solid #9681B6;
border-radius: 20px 20px 0px 0px;
padding:20px;}

.phrasepa {
opacity:0.8;
font-family:georgia;
font-size:30px;
color:#00FA9A;
text-align:center;
text-shadow:1px 1px 2px black; }

.phrasepa2 {
opacity:0.8;
font-family:georgia;
font-size:30px;
color:#00FA9A;
text-align:center;
text-shadow:1px 1px 2px black;}

.phrasepa3 {
opacity:0.8;
font-family:georgia;
font-size:25px;
color:#00FA9A;
text-align:center;}

.blocpa {
background-color:#FBD1CB;
padding:8px;
box-shadow:0px 0px 10px #9681B6;
margin:10px;
margin-left:-10px;}

.contexte {
  position: relative;
  overflow:hidden;
  height: 225px;
  width: 300px;
padding:8px;
  background: #00BFFF;
  color: white;
  margin-top: 2px;
box-shadow:0px 0px 10px #00BFFF;
text-align:justify;

}

.contexte:hover {
overflow-x: hidden;
overflow-y: auto;
width:300px;
height:225px;}

.contexte img{
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 3s;
  -moz-transition: -moz-transform 4s;
  -o-transition: -o-transform 4s;
  -webkit-transition: -webkit-transform 4s; }


.contexte:hover img{
  transform: translateX(+338px);
  -moz-transform: translateX(+338px);
  -o-transform: translateX(+338px);
  -webkit-transform: translateX(+338px);
}

.toppart img {
box-shadow:0px 0px 10px #00BFFF;
opacity:0.5;}

.toppart img:hover {
box-shadow:0px 0px 10px #00BFFF;
opacity:1;

}

.wanted {
position: relative;
width:80px;
height:90px;
opacity:0.8;
font-family:georgia;
font-size:15px;
color:#6FC4C1;
text-align:center;
 background: #9681B6;}

.wanted img {
position:absolute;
left: 0;
  top: 0;
  opacity:1;
 -moz-transition: all 2s;
-webkit-transition: all 2s;}

.wanted:hover img {
opacity:0;
}

div.staff {
position: relative;
float: left;
}

div.staff span {
display: none; /* ceci masque l'infobulle */
}
div.staff:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.staff:hover span {
height:66px; < hauteur
width: 100px; < Largeur
display: inline;
position: absolute;
top: 0px;
left: 40px;
background-color: #00BFFF; < couleur de fond
color: #00BFFF; < couleur de l'écriture
padding: 6px;
border-top: 2px solid #9681B6; < Bordure du haut
border-right: 2px solid #9681B6; < Bordure de droite
border-bottom: 2px solid #9681B6; < Bordure du bas
border-radius: 0px 15px 15px 0px; < Arrondis des bordures
}


div.staff2 {
  position: relative;
  float: left;
}

div.staff2 span {
  display: none; /* ceci masque l'infobulle */
}
div.staff2:hover {
  background: none; /* correction d'un bug IE */
  z-index: 40; /* on définit une valeur pour l'ordre d'affichage */
}
div.staff2:hover span {
height:66px;
  width: 72px;
display: inline;
position: absolute;
top: 0px;
left: 40px;
background-color: #00BFFF;
color: #00BFFF;
padding: 3px;
border-top: 2px solid #9681B6;
border-right: 2px solid #9681B6;#FF1493
border-bottom: 2px solid #9681B6;
  border-radius: 0px 15px 15px 0px;
  z-index:40;
}


.staffie {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  position: relative;
  z-index:30;
  }

.staffie:hover {
  position: relative;
  z-index:30;
    transform: rotate(360deg);
      transition:  rotate(360deg);
      -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transition:  rotate(360deg);
    -ms-transition:  rotate(360deg);
    -khtml-transition:  rotate(360deg);
  }

.staffie2 {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  position: relative;
  z-index:50;
  }

.staffie2:hover {
  position: relative;
  z-index:50;
    transform: rotate(360deg);
      transition:  rotate(360deg);
      -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transition:  rotate(360deg);
    -ms-transition:  rotate(360deg);
    -khtml-transition:  rotate(360deg);
}

Affichage => Généralité => Message sur la page d'accueil => Contenu du message:

Code:

<center><div class="fond"> <span class="phrasepa">Bienvenue sur Kya!Project, cher {USERNAME}.</span><br/><br/>

<table><tr><td><center><div class="blocpa" style="height:225px;width:180px;"><span class="phrasepa3" >Links</span><div id="menu">
  <div class="menu" onmouseover="afficheDesc('Description breve ici')" onmouseout="cacheDesc()">
      <a href="http://kyaryproject.forumdefans.com/t1-reglement-du-forum">Règlement</a>
  </div>
  <div class="menu" onmouseover="afficheDesc('Description breve ici')" onmouseout="cacheDesc()">
      <a href="http://kyaryproject.forumdefans.com/">Contexte</a>
  </div>
  <div class="menu" onmouseover="afficheDesc('')" onmouseout="cacheDesc()">
      <a href="http://kyaryproject.forumdefans.com/f9-auditions">Audition</a>
  </div>
  <div class="menu" onmouseover="afficheDesc('Description breve ici')" onmouseout="cacheDesc()">
      <a href="http://kyaryproject.forumdefans.com/c7-culture">Culture</a>
  </div>
  <div class="menu" onmouseover="afficheDesc('Description breve ici')" onmouseout="cacheDesc()">
      <a href="http://kyaryproject.forumdefans.com/c4-fandub-libre">Libre</a>
  </div>
  <div id="desc"></div>
</div></div></center></td>

<td><div class="contexte"><p><center><b>CONTEXTE</b></center><br/>
Kya! Project est un forum de doublage de chanson française, coréenne et japonaise... Mais vous pouvez aussi flooder, jouez ou encore en apprendre un peu plus sur l'Asie... Nous recherchons en ce moment des : graphistes, codeurs, modérateurs et animateurs, venez nombreux... On compte sur vous Yeaah </p><img src="http://2f.img.v4.skyrock.com/2f5/world-dramas/pics/1757727946.gif"></div></td>

<td><div class="blocpa" style="height:225px;width:190px;margin-left:5px;"><center><span class="phrasepa3" >Staff</span>
<table cellspacing="8"><tr><td><div class="staff2"><div class="staffie2" style="background-image:url('http://media.tumblr.com/tumblr_l7kkzhpENK1qam0cl.gif');height:80px;width:80px;border: 2px solid #9681B6; border-radius:100px;"></div><span><blockquote style="float:right;width:30px;"> <br/><b>Ami</b><br/>
____</br>
<font size="1px">Profil - <a href="http://lien">MP</a></font></span></div></td>
<td><div class="staff"><div class="staffie" style="background-image:url('http://nsa28.casimages.com/img/2011/11/06//111106123010706506.gif');height:80px;width:80px;border: 2px solid #9681B6; border-radius:100px;"></div><span> <blockquote style="float:right;width:30px;"> <br/><b>Kimi</b><br/>
____</br>
<font size="1px">Profil - <a href="http://lien">MP</a></font></span></div></td></tr>
<tr><td><div class="staff2"><div class="staffie2" style="background-image:url('http://fc06.deviantart.net/fs71/f/2013/077/7/6/fukumura_mizuki_avatar_by_beforeidecay1996-d5yh21h.png');height:80px;width:80px;border: 2px solid #9681B6; border-radius:100px;"></div><span> <blockquote style="float:right;width:30px;"> <br/><b>Natsuki</b><br/>
____</br>
<font size="1px">Profil - <a href="http://lien">MP</a></font></span></div></td>
<td><div class="staff"><div class="staffie" style="background-image:url('http://i755.photobucket.com/albums/xx198/luvmassu/Und-1.gif');height:80px;width:80px;border: 2px solid #9681B6; border-radius:100px;"></div><span> <blockquote style="float:right;width:30px;"> <br/><b>Hitomi</b><br/>
____</br>
<font size="1px">Profil - <a href="http://lien">MP</a></font></span></div></td></tr></table></td></tr>

<tr><td><div class="toppart" style="margin-top:-20px;"><span class="phrasepa2" >Top  -  Koupains</span><br/><table><tr><td><a href="http://epicode.bbactif.com"><img src="http://i47.servimg.com/u/f47/11/97/95/88/logo114.png"/></a></td><td><a href="http://epicode.bbactif.com"><img src="http://i47.servimg.com/u/f47/11/97/95/88/logo114.png"/></a></td></tr><tr><td><a href="http://epicode.bbactif.com"><img src="http://i47.servimg.com/u/f47/11/97/95/88/logo114.png"/></a></td><td><a href="http://epicode.bbactif.com"><img src="http://i47.servimg.com/u/f47/11/97/95/88/logo114.png"/></a></td></tr></table></div></td>

<td><div class="blocpa" style="height:130px;width:280px;margin-left:15px;"><center><span class="phrasepa3" >Wanted</span>
<table><tr><td><div class="wanted"><p><br/> Nom<br/><br/> <a href="http://lien">ICI</a></p><img src="http://www.hello-online.org/res/articlemedia/article1739.jpg"></div> </td>
<td><div class="wanted"><p><br/> Nom<br/><br/> <a href="http://lien">ICI</a></p><img src="http://i1.jpopasia.com/pv/16686.jpg"></div> </td>
<td><div class="wanted"><p><br/> Nom<br/><br/> <a href="http://lien">ICI</a></p><img src="http://www.hello-online.org/res/articlemedia/article1742.jpg"></div></td></tr></table></center></div></td>

</tr></table>
<br/><span style="text-align:center;font-size:10px;color:black;opacity:0.7;">Code by <a href="http://epicode.bbactif.com/u52">UmiBwack</a> sur <a href="http://epicode.bbactif.com/">Epicode</a>.</span></div></div></center>

Si les couleurs ont besoin d'être modifié dit le moi

Merci, je suis entrain de modifié un gif au format 100*100 pour toi de Fukumura Mizuki, c'est bien elle ? xD

oui c'est bien Fukumura Mizuki tu pourra le mettre dans cette partie là?

Code:

<font size="1px">Profil - <a href="http://lien">MP</a></font></span></div></td></tr>
<tr><td><div class="staff2"><div class="staffie2" style="background-image:url('http://fc06.deviantart.net/fs71/f/2013/077/7/6/fukumura_mizuki_avatar_by_beforeidecay1996-d5yh21h.png');height:80px;width:80px;border: 2px solid #9681B6; border-radius:100px;"></div><span> <blockquote style="float:right;width:30px;"> <br/><b>Natsuki</b><br/>

____</br>

Oui Mizupon c'est Fukumura Mizuki :3
Autrement j'adore la page d'accueil *o*
C'est celui du fo de Hito sur les 1D xD

oui, je me suis servi de mon forum pour faire la page d'accueil de Kya Project xD

Et voici pour Hitomi : :)

Spoiler:

Génial faut l'ajouter, c'est pour le profil de Natsuki donc dans la partie que je t'ai dite un peu plus haut

Oui bien sûr je vais le mettre attend :)

Si les couleurs te déplaise tu me le dit je te modifie les couleurs ^^

J'avais remarquer c'était la seul sans .gif x)

J'en avais pas trouver c'est pour sa xD

Faut que tu m'aide je suis trop nul à ca donc y'a un décalage

Supprime toute la partie page d'accueil et met le code que je viens de te donner =)

Code:

<center><div class="fond"> <span class="phrasepa">Bienvenue sur Kya!Project, cher {USERNAME}.</span><br/><br/>

<table><tr><td><center><div class="blocpa" style="height:225px;width:180px;"><span class="phrasepa3" >Links</span><div id="menu">
  <div class="menu" onmouseover="afficheDesc('Description breve ici')" onmouseout="cacheDesc()">
      <a href="http://kyaryproject.forumdefans.com/t1-reglement-du-forum">Règlement</a>
  </div>
  <div class="menu" onmouseover="afficheDesc('Description breve ici')" onmouseout="cacheDesc()">
      <a href="http://kyaryproject.forumdefans.com/">Contexte</a>
  </div>
  <div class="menu" onmouseover="afficheDesc('')" onmouseout="cacheDesc()">
      <a href="http://kyaryproject.forumdefans.com/f9-auditions">Audition</a>
  </div>
  <div class="menu" onmouseover="afficheDesc('Description breve ici')" onmouseout="cacheDesc()">
      <a href="http://kyaryproject.forumdefans.com/c7-culture">Culture</a>
  </div>
  <div class="menu" onmouseover="afficheDesc('Description breve ici')" onmouseout="cacheDesc()">
      <a href="http://kyaryproject.forumdefans.com/c4-fandub-libre">Libre</a>
  </div>
  <div id="desc"></div>
</div></div></center></td>

<td><div class="contexte"><p><center><b>CONTEXTE</b></center><br/>
Kya! Project est un forum de doublage de chanson française, coréenne et japonaise... Mais vous pouvez aussi flooder, jouez ou encore en apprendre un peu plus sur l'Asie... Nous recherchons en ce moment des : graphistes, codeurs, modérateurs et animateurs, venez nombreux... On compte sur vous Yeaah </p><img src="http://2f.img.v4.skyrock.com/2f5/world-dramas/pics/1757727946.gif"></div></td>

<td><div class="blocpa" style="height:225px;width:190px;margin-left:5px;"><center><span class="phrasepa3" >Staff</span>
<table cellspacing="8"><tr><td><div class="staff2"><div class="staffie2" style="background-image:url('http://media.tumblr.com/tumblr_l7kkzhpENK1qam0cl.gif');height:80px;width:80px;border: 2px solid #9681B6; border-radius:100px;"></div><span><blockquote style="float:right;width:30px;"> <br/><b>Ami</b><br/>
____</br>
<font size="1px">Profil - <a href="http://lien">MP</a></font></span></div></td>
<td><div class="staff"><div class="staffie" style="background-image:url('http://nsa28.casimages.com/img/2011/11/06//111106123010706506.gif');height:80px;width:80px;border: 2px solid #9681B6; border-radius:100px;"></div><span> <blockquote style="float:right;width:30px;"> <br/><b>Kimi</b><br/>
____</br>
<font size="1px">Profil - <a href="http://lien">MP</a></font></span></div></td></tr>
<tr><td><div class="staff2"><div class="staffie2" style="background-image:url('http://www.servimg.com/u/f77/18/19/61/00/mizupo10.gif');height:80px;width:80px;border: 2px solid #9681B6; border-radius:100px;"></div><span> <blockquote style="float:right;width:30px;"> <br/><b>Natsuki</b><br/>

<font size="1px">Profil - <a href="http://lien">MP</a></font></span></div></td>
<td><div class="staff"><div class="staffie" style="background-image:url('http://i755.photobucket.com/albums/xx198/luvmassu/Und-1.gif');height:80px;width:80px;border: 2px solid #9681B6; border-radius:100px;"></div><span> <blockquote style="float:right;width:30px;"> <br/><b>Hitomi</b><br/>
____</br>
<font size="1px">Profil - <a href="http://lien">MP</a></font></span></div></td></tr></table></td></tr>

<tr><td><div class="toppart" style="margin-top:-20px;"><span class="phrasepa2" >Top  -  Koupains</span><br/><table><tr><td><a href="http://epicode.bbactif.com"><img src="http://i47.servimg.com/u/f47/11/97/95/88/logo114.png"/></a></td><td><a href="http://epicode.bbactif.com"><img src="http://i47.servimg.com/u/f47/11/97/95/88/logo114.png"/></a></td></tr><tr><td><a href="http://epicode.bbactif.com"><img src="http://i47.servimg.com/u/f47/11/97/95/88/logo114.png"/></a></td><td><a href="http://epicode.bbactif.com"><img src="http://i47.servimg.com/u/f47/11/97/95/88/logo114.png"/></a></td></tr></table></div></td>

<td><div class="blocpa" style="height:130px;width:280px;margin-left:15px;"><center><span class="phrasepa3" >Wanted</span>
<table><tr><td><div class="wanted"><p><br/> Nom<br/><br/> <a href="http://lien">ICI</a></p><img src="http://www.hello-online.org/res/articlemedia/article1739.jpg"></div> </td>
<td><div class="wanted"><p><br/> Nom<br/><br/> <a href="http://lien">ICI</a></p><img src="http://i1.jpopasia.com/pv/16686.jpg"></div> </td>
<td><div class="wanted"><p><br/> Nom<br/><br/> <a href="http://lien">ICI</a></p><img src="http://www.hello-online.org/res/articlemedia/article1742.jpg"></div></td></tr></table></center></div></td>

</tr></table>
<br/><span style="text-align:center;font-size:10px;color:black;opacity:0.7;">Code by <a href="http://epicode.bbactif.com/u52">UmiBwack</a> sur <a href="http://epicode.bbactif.com/">Epicode</a>.</span></div></div></center>

J'ai vérifier sur mon forum sa devrait fonctionner

Ok, merci Hitomi tu me sauve la vie :)

Voilà sa fonctionne maintenant =D
Mais de rien c'est normal

Ouaah :bouchebée: ca à marcher :D

J'ai juste mis le lien de ton image: [Vous devez être inscrit et connecté pour voir ce lien] dans la partie entre parenthèse du code ou il y a Natsuki c'est rien xD

Ok, j'ai compris :) Au fait je sais que ce n'est pas l'endroit xD Mais bon ça te dirai d'être partenaire avec moi, tu as le droit de pas accepter x)

Partenaire?Dans quel sens?8D

partenaire du forum avec ton forum à toi de doublage x)

Ouaiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiis *o* ♥ alors en fait je vais changer le thème et tout parce que sa m'saoul en fait se sera un forum de fansub *o* ♥♥♥ Mais ouiii

Youuuuuupiiiiiii :D Je vais créer un logo partenaire *^*

D'accord, sur le logo par exemple on peut mettre Jessica des SNSD et Tegoshi?**

Ok, je vais essayer je m'y colle tout de suite *^*

Ganbatte les filles! -dit la Co Fonda qui ne sert à rien xD-

Kimi c'est confirmer, on passe a ton resto avec a tante *0*

Oh super, quel jour? *^*
On va se voir en vraiiiiii yaaaaahhh >w< En plus Amiriin vient à Bordeaux aussi pendant les vacances (si elle peut), donc on pourrait s'arranger pour se voir toutes les 3 nee? :3

Je te lreviendrai ils arrivent samedi ou dimanche donc dans ces eaux la

Si vous vous voyez je vous souhaites une bonne rencontre :3 Hihihi, un jour je verrai peut-etre Hitomi :)