Merci beaucoup Joy !

Invité

Rappel du premier message :

Un grand merci beaucoup !
♠ Votre question : C'est pas vraiment une question c'est surtout un grand merci. Cela fait un bout de temps que je regardais la galerie, j'y ai vu franchement de très jolie chose et je me suis permis de prendre deux de tes créations non sans sur mon forum mettre dans la partie règlement qu'elle venait de ton site. Mais voilà, c'était pour remercier, pour encourager (pour vénérer une personne qui sait magner les codes-pas comme moi-)

♠ Autre chose ? Oui, en fait, comme il n'y a pas les années, je ne sait plus trop si ce forum est beaucoup ou un peu moins actif, bref c'était pour savoir si ton domaine d'action s'étendais aussi au page d'accueil. (Non non, je ne viens pas du tout demander, c'est pas vrai) :)

Invité

Merci beaucoup pour les info bulles, je vais essayer de voir comment ça marche avec plus de détail !

Je voulais savoir, nous allons faire une MAJ du forum toute la semaine prochaine et je me demandais s'il y avait un jour dans la semaine ou je pourrais récupérer la Page d'accueil. :)
Les membres seraient super content. (il y en a une qui a sauté de joie en voyant ton travail).

Si jamais elle est presque fini je peux très bien faire le reste (comme mettre les liens pour le règlement et autre. :)

Est ce que c'est possible ? Je sais que j'en demande énormément. :/

Je suis en train de finir, j'ajoute les infobulles et tu me dis si ça te va ! :D Et dans ce cas tu pourras prendre la PA ! ;)

DP : je trouve pas les images de partenariat, mais tu sais comment les ajouter non ? (La très basique <*img src="URL DE L'IMAGE" /> (sans l'étoile *) est suffisante. :3)

EDIT 18h48 : J'ai enfin fini ! http://dream-test.forumactif.org/

Codes nécessaires:

Copier/coller dans...
Affichage ► Page d'accueil ► Généralités

Code:: <div class="pa">

<table class="pa">

   <tbody>

      <tr>

         <td class="cel1">
            <a href="http://olympus-forumrpg.forumactif.org/t1-le-reglement"> Règlement</a> <a href="http://olympus-forumrpg.forumactif.org/f98-recapitulatif-des-personnages">Récaptulatif </a><a href="http://olympus-forumrpg.forumactif.org/t5-le-contexte">Contexte</a> <a href="CODE VERS PRÉSENTATION">Présentation </a><a href="http://olympus-forumrpg.forumactif.org/f11-demande-de-rp">Demande de RP </a> <a href="http://olympus-forumrpg.forumactif.org/f10-absence">Absence </a>
         </td>

         <td class="cel2" id="imgfor">
            <img src="http://i56.servimg.com/u/f56/18/50/08/89/i_logo12.jpg" />
         </td>

         <td class="cel6" rowspan="2">
            News du moment : <br /> • Pensez à faire votre demande de logement. <br /> • Le pôle emplois est enfin ouvert pour tous les adultes désirant travailler. <br /> • Notre maire actuel est Ezra Miller. <br /> • Bienvenue à Miku qui vient de commencer sa fiche, à Will qui ne s'est pas encore montrer et à Kanen qui poste sa fiche activement. <br /> • De nouvelle façon de gagner des points ont été mis en place. <br /> • Le Twitter du Forum a été créer: <a href="https://twitter.com/RPGOlympus">https://twitter.com/RPGOlympus</a> <br />
         </td>

      </tr>

      <tr>

         <td class="cel4">
            Votre staff de rêve :
            <table>

               <tbody>

                  <tr>

                     <td>
                        <a class="infopa" href="http://olympus-forumrpg.forumactif.org/privmsg?mode=post&u=1"><img src="http://i56.servimg.com/u/f56/18/50/08/89/aphrod10.jpg" /><span>Fondatrice <br />Aphrodite <br /> MP </span></a>
                     </td>

                     <td>
                        <a class="infopa" href="http://olympus-forumrpg.forumactif.org/privmsg?mode=post&u=2"><img src="http://i56.servimg.com/u/f56/18/50/08/89/bic_bi10.jpg" /><span>Co-fondatrice <br />Elisa Vitellius <br /> MP </span></a>
                     </td>

                  </tr>

               </tbody>

            </table>

         </td>

         <td class="cel5">
            Prédéfinis : <br /><a class="infopp" href="http://olympus-forumrpg.forumactif.org/t137-les-habitants-de-la-terre-3-3"><span style="background-image: url(http://i39.servimg.com/u/f39/18/50/08/89/ootany13.jpg);">Nom & Prénom 1 - Âge - Groupe </span></a> <a class="infopp" href="http://olympus-forumrpg.forumactif.org/t137-les-habitants-de-la-terre-3-3"> <span style="background-image: url(http://i39.servimg.com/u/f39/18/50/08/89/zzzzzz10.jpg);"> Nom & Prénom 2 - Âge - Groupe </span></a><a class="infopp" href="http://olympus-forumrpg.forumactif.org/t137-les-habitants-de-la-terre-3-3"><span style="background-image: url(http://i39.servimg.com/u/f39/18/50/08/89/gaelle11.jpg);"> Nom & Prénom 3 - Âge - Groupe </span></a>
         </td>

      </tr>

      <tr>

         <td class="cel7">
            Partenaires
         </td>

         <td class="cel8">
            Contexte : <br /> La jeune Elisa se bat pour voir son centre de journalisme ouvert. Elle veut que l’information passe plus vite là où elle habite. Peut être arrivera-t-elle à convaincre le maire. Son but est de faire circuler l’information plus vite et de se donner à cœur joie pour sa passion littéraire. Elle compte bien reprendre l’entrepôt et en refaire un beau centre pour elle et sa future équipe. <br /><br /> Sur l’Olympe, une déesse s’intéresse de plus près à un village. Elle est bien décidée à se faire une place. La déesse est bien décidée à aider ou tourmenter les humains de ce village, selon ses envies.
         </td>

         <td class="cel9">

            <div>
               Message du maire : <br /> Joyeuse et bonne année à tout le monde !Alors , pour cette nouvelle et fraiche année j'ai crée une petite liste de choses que j'aimerais accomplir : <br /> 1) Faire connaisance de tous les habitants de la ville. <br /> 2) Faire un tas d'événements (Kermesses , soirés , barbecues,saint Valentin et plusieurs sorties ... ) <br /> 3) Aider à mettre en pied le projet d'Elisa . En attendant c'est tout ce que j'ai , car je crois qu'il serait bien mieux que chaque personne donne une petite idée ci-dessous , ou bien me visite à la mairie si c'est nécéssaire ! <br />
            </div>

         </td>

      </tr>

   </tbody>

</table>

</div>

<div id="cred">
Le forum appartient à ses deux administratrices. Le codage de la PA a été fait par Joy. Toute copie partielle ou totale est interdite.
</div>

Affichage ► Couleurs ► Feuille de style CSS

Code:: /* Début code PA by Joy */
div.pa {
  width: 90%;
  border-left: 4px #D1C696 solid;
  border-right: 4px #D1C696 solid;
  color: #fff;
  background: #fff;
}
table.pa {
  border-left: 4px #E4D5B2 solid;
  border-right: 4px #E4D5B2 solid;
  width: 100%;
  padding: 5px 20px;
}
table.pa td {
  border: 2px solid #3CB3C9;
  background: #3CB3C9;
  vertical-align: top;
  text-align: center;
  padding: 5px;
  border-radius: 30px/10px;
  margin: 15px;
  height: 140px;
  width: 33%;
  overflow: auto;
}
td.cel1 {
  vertical-align: middle;
}
td.cel1 a {
  display: block;
}
td#imgfor { /* Logo Olympus */
  border: none;
  background: none;
  height: 177px;
}
/* Staff & infobulles */
a.infopa img {
  width: 80px;
  height: 80px;
}
a.infopa {
  display: inline;
  text-decoration: none;
  vertical-align: middle;
}
a.infopa span { /* On masque l'infobulle. */
  opacity: 0;

  position: absolute;
  width: 80px;
  height: 80px;

  margin-top: 80px;

  transition: all 0.6 ease;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}
a.infopa:hover {
  background: none; /* Correction d'un bug d'Internet Explorer. */
  z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
}
a.infopa:hover span {
  display: inline-block; /* On affiche l'infobulle. */

  opacity: 1;
  margin-top: -80px;

  background: #FFFFFF; /* On change la couleur du fond. */
  text-align: center; /* On aligne le texte dans l'infobulle. */
}
/* Fin partie Staff */
/* Partie Prédéfinis */
td.cel5 span {
  display: inline-block;

  margin: 1px;

  width: 60px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
}
a.infopp span {
  color: transparent;
}
a.infopp span:hover {
  color: #D1C696;
  background: #FFFFFF !important;
  opacity: 0.9;

  transition: all 0.6 ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
}
/* Fin des Prédéfinis */
div#cred {
  padding: 3px;
  max-width: 80%;
  border: 1px solid #FFF;
  border-radius: 10px;
  background: #D1C696;
  color: #fff;
  position: relative;
  right: 0;
}
/* Fin code PA by Joy */

J'ai aussi modifié le template index_body afin d'enlever le fond de la PA. Si tu désires l'enlever je t'amène à ce lien : http://forum.forumactif.com/t325770-enlever-fond-de-la-pa afin de le faire. Si tu le souhaites, je peux te l'expliquer avec des screens et tout le tralala, bref, plus en profondeur. ^^

Voilà ! J'espère qu'elle te plaît ! Il manque un lien, celui des présentations. :o J'ai essayé d'écrire en gros pour que tu puisses trouver où le mettre mais je suppose que comme tu t'y connais un minimum ça devrait pas être trop compliqué. Voilààà.

PS : J'ai aussi pris la liberté de modifier la disposition histoire de rétablir un peu d'équilibre visuel. Si tu veux que je remette comme avant dis-le moi.

Invité

Merci beaucoup. :)

Elle est magnifique ! Je vais tout de suite l'installer et commencer la rénovation du forum ! o/

Merci mille fois. :D

De rien ! Contente qu'elle te plaise ! ^^

» Merci beaucoup !!
» Merci beaucoup
» Merci :3
» Merci!
» Merci !!

Merci beaucoup Joy !

Merci beaucoup Joy !

Sujets similaires

Sujets similaires