Demande de PA (page d'acceuil)

[Valendium]

Rebonjour! \o
Maintenant, j'aimerais demander de l'aide pour la confection d'une jolie Page d’accueil! ^^' S'il vous plait!

Voila mon shéma : Ici

J'espère qu'il est assez clair...

Je peux peut-être juste dire pour les cases en rose, qu'à cet endroit, j'aimerais des icones de 50*50px ou 100*100px.
Voila, je ne sais pas quoi dire de plus.

Merci d'avance! \o

[SoraNoHime]

Bonsoir,

quelle est la taille que vous désireriez pour votre tableau ? DOit-elle faire toute celle de la page d'accueil ? de même souhaiter vous conserver le forumline autour ?

COrdialement.

Edit : testez déjà ceci, nous verrons ensuite pour les tailles

dans PA > Affichage > Généralités, mettez :

Code:

<table width="40%"><tr>
<td><div class="position">  <div class="infobulle">a<img src="lien image ou apparait l'infobulle 1">
<span>Contenu de la bulle 1</span></div> </div></td>
<td><div class="position">  <div class="infobulle">b<img src="lien image ou apparait l'infobulle 2">
<span>Contenu de la bulle 2</span></div></div></td>
<td><div class="position">  <div class="infobulle">c<img src="lien image ou apparait l'infobulle 3">
<span>Contenu de la bulle 3</span></div> </div></td>
<td><div class="position">  <div class="infobulle">d<img src="lien image ou apparait l'infobulle 4">
<span>Contenu de la bulle 4</span></div> </div></td>
</tr></table>
<table width="100%" class="tabtour" cellspacing="5"></tr>
<td class="tablogo" width="50%" height="100" valign="top"> logo </td>
<td rowspan="2" class="tabhistoire" width="50%" height="200" valign="top"><DIV align="left" style="WIDTH: 100%; HEIGHT: 200px; OVERFLOW: auto"> histoire </div></td>
</tr><tr>
<td class="tabpartenaires" width="50%" height="100" valign="top"><DIV align="left" style="WIDTH: 100%; HEIGHT: 100px; OVERFLOW: auto"> partenaires </div></td>
</tr><tr>
<td colspan="2" class="tabvotez" width="50%" height="100" valign="top"> votez </td>
</tr></table>

et dans votre css (PA > Affichage > Couleurs : onglet feuille de style CSS)

mettez :

Code:

.position {
    position: relative;
   top : 8px;
   }
   
   .tabtour {
   background-color : #ffffff;
border : 6px solid #ff0000;
padding-right : 15px;
padding-top : 15px;
padding-left : 15px;
padding-bottom : 5px;
  -moz-border-radius-topleft: 40px;
  -webkit-border-top-left-radius: 40px;
  border-top-left-radius: 40px;
  -moz-border-radius-topright: 40px;
  -webkit-border-top-right-radius: 40px;
  border-top-right-radius: 40px;
   }
   
   .tablogo  {
   background-color : #CC99FF;
   }
   
   .tabhistoire {
   background-color : #FFCC99;
   }
   
   .tabpartenaires {
   background-color : #CCFFFF;
   }
   
   .tabvotez {
   background-color : #99CCFF;
   }

  .infobulle{
    position: relative;
   background-color : #FF99CC;
height : 50px;
width : 50px;
    z-index: 0;}

    .infobulle:hover{
    background-color: transparent;
    z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #000000;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #FFFFFF;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#FF0000;
    border: 2px solid #0000FF;}

Cordialement.

[Valendium]

Merci! Tu gères tout Macema ♥
J'admire *.*
En plus la taille est pile bonne, je peux pas trouver mieux!!

Merciiiiiiiiiiiii ♫
C'est trop génial!!

Maintenant, c'est vrai que si on pouvait retirer le forumline qui a autour, ça serait peut-être plus beau.
Je veux bien \o s'il vous plait!

[SoraNoHime]

votre template index_body est-il modifié ? si oui me le fournir ^^

[Valendium]

Voici :

Merci ^^

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" perms="{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="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><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" perms="{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 -->
<table border="0" width="100%" class="qeel_start" cellpadding="2" background-color:#FFFFFF>

  <tr>
  <td width="100%" colspan="2" align="center" valign="bottom" class="fondgroupes">
            <span class="groupes"><a href="http://pokemon-tsuki.forumsactifs.com/g3-dresseurs"><font color="Dresseurs">Dresseurs</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://pokemon-tsuki.forumsactifs.com/g5-coordinateurs"><font color="#FF9626">Coordinateurs</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://pokemon-tsuki.forumsactifs.com/g14-hunters"><font color="#FFC71F">Hunters</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://pokemon-tsuki.forumsactifs.com/g16-crazy-maniacs"><font color="#9FDE18">Crazy Maniacs</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://pokemon-tsuki.forumsactifs.com/g17-journalistes"><font color="#5C98FF">Journalistes</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://pokemon-tsuki.forumsactifs.com/g6-eleveurs"><font color="#1F32FF">Eleveurs</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://pokemon-tsuki.forumsactifs.com/g4-scientifiques"><font color="#A12EFF">Scientifiques</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
        <span class="groupes"><a href="http://pokemon-tsuki.forumsactifs.com/g20-pokemon"><font color="#23DB73">Pokémon</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png"></div>


                  <br><br>
 
      </td>
  </tr>
 
  <tr>
      <td width="50%">     
        <div class="qeel_align"><span class="gensmall"><span id="messages">{TOTAL_POSTS}</span>
            <script type="text/javascript">
      document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les pokémaniacs de Tsuki ont vécu");
            </script>
            <script type="text/javascript">
            document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"aventures");
                </script>

            <br>
                          <span id="users">{TOTAL_USERS}</span>
            <script type="text/javascript">
              document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"Pokémaniac. ");
              document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"pokémaniacs. ");
            </script>


                        <br><br> <span id="newuser">{NEWEST_USER}</span>
            <script type="text/javascript">
              document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier dresseur a nous avoir rejoint est");
            </script>.
            <br>Capturez les tous! Tsuki vous attend!

            <br><br> <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
            <script type="text/javascript">
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"pokémaniac");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"Pokémaniacs");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Explorateur");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Explorateurs");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Voyeur");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Voyeurs");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Voyageur");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Voyageurs");
            </script>
            <br><br>
                          <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
            <script type="text/javascript">
              document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Les pokémaniacs parcourant actuellement Tsuki");
            </script>
            <br><br>
                          <span id="record">{RECORD_USERS}</span>
            <script type="text/javascript">
              document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de pokémaniacs s'aventurant Tsuki en même temps est de ");
            </script>
        </span></div>


      </td>
   
      <td style="padding-left: 10px; vertical-align: top; border-left: 3px dashed #FFFFFF;" width="50%"></div></div>

<br><div style="background;>{L_CONNECTED_MEMBERS}</div>
</table>
      </td>
  </tr>

  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
        <span class="gensmall">Utilisateurs connectés sur la Chatbox: {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- 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>  </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
});
//]]>
</script>
<!-- END switch_fb_index_login -->
<table style="position: fixed; bottom: 50px; left: 0px;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://img11.hostingpics.net/pics/971994open.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://img11.hostingpics.net/pics/971994open.png')?'block':'none';this.src=(this.src=='http://img11.hostingpics.net/pics/971994open.png')?'http://img11.hostingpics.net/pics/410590close.png':'http://img11.hostingpics.net/pics/971994open.png';"/></td></tr></table>

[SoraNoHime]

Repérez ceci tout au début :

Code:

<!-- 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 -->

et changez le ainsi :

Code:

<!-- BEGIN message_admin_index -->
<table width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td 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 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 -->

Cordialement.

[Valendium]

Yeah! Nikel =3
Ça rend super bien!
Un énorme merci encore \o

Si vous voulez voir le résultat, cliquez : ici.

(Il est loin d'être finis, mais bon ^^)

Bonne soirée!