AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -29%
PC portable Gamer ERAZER DEPUTY P60 – ...
Voir le deal
999.99 €

Partagez
 

 QEEL 2014 groupe en haut et en bas des informations

Aller en bas 
AuteurMessage

Admin
Admin - Blablateur - Movie Maker - Aviseur
_____________________

Admin
Admin - Blablateur - Movie Maker - Aviseur

Date d'arrivée sur PRD : 04/07/2014
Total de messages : 219
Ton âge : 31
Localisation : PRD

https://nouilles8frites51.forumactif.org
QEEL 2014 groupe en haut et en bas des informations Empty
Message(#) Sujet: QEEL 2014 groupe en haut et en bas des informations QEEL 2014 groupe en haut et en bas des informations EmptyJeu 29 Oct - 10:49

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="100%" align="center">
      <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a><br/>
         <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> • <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a> • <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <span style="padding-left: 4px;">• </span> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
  <br /><div class="fond_qeel">
  <center><img src="http://img15.hostingpics.net/pics/893672qeel.png"></center>
      <br />
<table width="100%">
<tr>
<td align="center" valign="top" colspan="2">
<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g1-administrateurs"><font color=#990000 size="2"><b>- Les admins</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
                Les administratrices du forum. Ce groupe est fermé aux nouvelles postulations, et ne peut donc être rejoint. Pour toute question n'hésitez pas à contacter les membres de ce groupe par message privé.
            </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g35-moderateurs"><font color=#E60000 size="2"><b>- Les Modos</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
              Les modératrices du forum. Ce groupe est fermé aux nouvelles postulations, et ne peut donc être rejoint. Tout comme les administratrices, n'hésitez pas à vous tourner vers les modératrices en cas de souci ou de question, leur boite de réception est toujours ouverte.
            </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g28-animateurs"><font color=#91BCC4 size="2"><b>- Animateurs</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
              Leur travail consiste à animer le forum donc à organiser des activités originales et diverses, sur les parties jeux du forum par exemple dans la section "Divertissements". Les animateurs préparent leurs futures activités dans un forum invisible au yeux des membres, afin de ne pas leur gâcher la surprise des jeux qui seront organisés par l'équipe d'animation.
            </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g92-journalistes"><font color=#FFA1A1 size="2"><b>- Journalistes</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
              Ce groupe est là pour les personnes qui écrivent des articles pour le journal de PRD sur n'importe quel sujet concernant PRD et les forums ou non.
            </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g21-ecrivains"><font color=#A37CB3 size="2"><b>- Ecrivains</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
              Un écrivain est une personne qui est passionnée d'écriture. Elle sera chargée sur le forum de répondre aux demandes de postes vacants, de contextes et d'intrigues. Néanmoins, il faudra également répondre aux demandes d'avis des contextes et postes vacants. En bref, un écrivain est une personne dotée d'imagination et qui aime écrire. Elle sera considérée sur le forum comme un expert en contexte, intrigues et postes vacants. Attention, un écrivain doit savoir s'adapter au membre qui poste sa demande et à ses exigences.
            </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g32-misster-projets"><font color=#995400 size="2"><b>- Miss/ter Projets</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
              C'est une personne qui donne son avis et des conseils dans les projets. Elle suit les projets de leur début à leur ouverture afin de conseiller au mieux les admins. Cette personne devra savoir expliciter ses idées sans être méchante mais également être disponible.
            </p>
        </div>
    </div>
</div>

</td>

</tr>

<tr>
 <td align="center" valign="top" width="50%">
 <div class="bloc_qeel">
 <div class="stat_qeel">
 <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER} <br />
      {TOTAL_USERS_ONLINE} <br />{RECORD_USERS}</span>
   </div>
<div class="online_qeel">   
  <span class="gensmall">{LOGGED_IN_USER_LIST}</span>
  </div></div></td>
  <td align="center" valign="top" width="50%">
      <div class="bloc_qeel">
        <div class="conne"><table class="heure_qeel"><tr><td>{L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}</td></tr></table></div></div>

 </td>
 </tr>
 <tr>
 
 <td align="center" valign="top" colspan="2">
<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g29-movie-makers"><font color=#E60C80 size="2"><b>- Movie Makers</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
              Ce groupe est chargé de la réalisation des commandes de vidéos. Elles n'ont pas leur pareil pour assembler des extraits pour en faire un générique ou une vidéo promotionnelle pour votre forum, un atout parfois non négligeable
           </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g67-misster-css"><font color=#3818B8 size="2"><b>- Miss/ter CSS</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
              Dans ce groupe se trouvent les membres à même de réaliser vos commandes de codage et de répondre à vos questions et problèmes concernant le codage, dans la partie adéquate. Elles seront toujours là pour vous donner un coup de main, mais ne sont pas des machines, aussi n'oubliez pas de faire preuve de politesse et de bonne volonté dans vos demandes.
           </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g88-misster-avis"><font color=#0C6470 size="2"><b>- Miss/ter Avis</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
            Les Miss & Mister Avis sont chargés de donner leur avis un peu partout dans le forum ou plus précisément dans les parties suivantes : publicité, demande d'avis, contextes, intrigues, postes vacants, galerie. Leurs avis devront être détaillés, comme une mini-analyse en somme. Ils devront savoir donner leur avis de manière douce et non insultante ou méchante et devront donner un avis objectif, sans prendre en compte leurs goûts personnels.
          </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g20-analystes"><font color=#397500 size="2"><b>- Analystes</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
            Les analystes sont là pour réaliser pour les membres qui le désirne tune analyse complète de leur forum. Elles s'attarderont sur les petits détails qui défavorisent le forum, analyseront le design, les règles, la page d'accueil, les groupes & rangs, l'orthographe & propreté pour en faire une note sur 20. Suite à l'analyse faite, les membres peuvent améliorer leur forum.
          </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g13-createurs"><font color=#2F8CDE size="2"><b>- Créateurs</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
          Leur travail consiste à répondre le plus possible aux commandes des membres, les conseillers et les aider dans les parties d'aide au graphisme. Il est aussi important de tenir à jour sa galerie ainsi que votre partie "premade" si vous en avez une. Vous devez répondre au minimum une fois par mois aux commandes, sans quoi vous serez retiré du groupe.
        </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="http://www.pub-rpg-design.com/g98-chroniqueurs"><font color=#D9C700 size="2"><b>- Chroniqueurs</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
          Ce groupe est pour les membres ayant une chronique à la radio de PRD
        </p>
        </div>
    </div>
</div>

<div class="infobulle_groupe">
    <!-- Illustration de l'infobulle -->
<span class="groupe"> <a href="www.pub-rpg-design.com/g73-membres"><font color=#8A7479 size="2"><b>- Membres</b></font></a></span>

    <!-- Contenu de l'infobulle -->
    <div>
        <div class="fleche"></div>
        <div class="bouh">
            <p>
        Tous les membres du forum ne faisant pas partie d'un autre groupe. Vous adhérez à ce groupe automatiquement une fois que vous vous êtes présentés. Donc lorsque vous avez un message.
        </p>
        </div>
    </div>
</div>
 </td>
 </tr>
</table>
</div>

<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Code:

/* QEEL PAR PHANTA */
  .fond_qeel { background-color: #c9d78b; border-bottom: 2px solid #; border-top: 2px solid #;
  width: 800px; border-radius: 5px; -webkit-border-radius-: 5px;}
  .groupe { text-transform: uppercase; letter-spacing: 2px;}
  .bloc_qeel { background-color: #b2b758; border: 1px solid #; border-radius: 10px; -webkit-border-radius: 10px;}
  .stat_qeel{ width: 370px; height: 60px; padding: 10px; line-height: 11px; text-align: justify;}
  .online_qeel { width: 370px; height: 150px; padding: 10px; line-height: 11px;
  overflow: auto; text-align: justify;}
.conne {width: 360px; height: 230px; padding: 10px; line-height: 11px;
  text-align: justify; overflow : auto;}
.heure_qeel td.row1 {  background : none; border: transparent; }

.infobulle_groupe {
  display: inline-block;}

.infobulle_groupe > div {
  position: absolute;
  margin-top: -10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.3) rotate(-45deg);
  -moz-transform: scale(0.3) rotate(-45deg);
  -o-transform: scale(0.3) rotate(-45deg);
  transform: scale(0.3) rotate(-45deg);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;}

.infobulle_groupe:hover > div {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);}

.bouh { /* bulle*/
  width: 200px; height: 150px; overflow: auto;
  padding: 5px;
  margin: auto;
  background-color:#b2b758;
  color: #472d1e; border: 1px dashed #472d1e;
  text-align: justify; font-size: 10px; border-radius: 10px; -webkit-border-radius: 10px;}

.bouh a {
  padding: 5px;
  margin: 5px 0 0 0;
  display: inline-block;
  background-color:#b2b758;
  color: #000;
  text-decoration: none;}
.bouh a:hover {
  color: #000; }
.bouh p {
  text-align: justify;}

.fleche {
  width: 0;
  margin-left: -80px;
  border: 5px solid transparent;
  border-bottom: 10px solid #b2b758;}
 
/* FIN DU QEEL */
Revenir en haut Aller en bas
 
QEEL 2014 groupe en haut et en bas des informations
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» CSS Octobre 2013/Mai 2014
» Catégorie PRD Octobre 2013/Mai 2014

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Sous forum-
Sauter vers: