[PHPBB2] Connexion rapide sur la page index

Bonjour

J'ai installé un bloc connexion rapide mais elle ne fonctionne pas. Il manque aussi 'mot de passe oublié"

Voici le script :

Code:

<div class="cor">
  <div class="cort1">petit titre du module</div>
  <div class="cor2">
    <div class="cor3">
      <div class="cortexte">Sed quid est quod in hac causa maxime homines admirentur et reprehendant meum consilium, cum ego idem antea multa decreve.</div>
      <div class="corins"><a href="f=lien vers la page d'inscription">inscription</a></div>
    </div>
          <div class="cor4">
          <div class="corapi">
            <input class="coo" size="11" type="text" name="username" value="Pseudo"  onFocus="this.value='';" /><br/>
              <input class="coo" size="11" type="password" name="password" value="Mot de passe" onFocus="this.value='';"/><br/>
              <input class="radio" type="checkbox" name="autologin" id="autologin" {AUTOLOGIN_CHECKED} />
<label for="autologin">Connexion automatique</label>
            <input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          </div>
    </div>
    </div>
  </div>
</div>

Voici la css :

Code:

.cor {width:400px; padding:10px; height:180px; margin:auto; margin-bottom:30px; background:#EEEEEE; box-shadow: 0 0 2px silver;} /*bloc global, gris*/
  .cort1 {width:390px; padding:5px; text-align:center; background:#C4082A; text-transform:uppercase; color:#fff; letter-spacing:8px; text-shadow:1px 1px 0px #A90825; font-family:abel; font-size:22px;} /*titre du module*/
  .cor2 {width:400px; height:134px; margin-top:10px;}
  .cor3 {height:130px; width:160px; float:left;}
  .cortexte {height:90px; width:160px; overflow:auto; text-align:justify; font-family:arial; text-shadow:1px 1px 0px white; font-size:12px; lien-height:15px; color:#4B4B4B;} /*bloc du petit texte sur la gauche*/
  .cor4 {height:130px; width:230px; background:url('http://img11.hostingpics.net/pics/749406seigaiha2.png'); float:left; margin-left:10px; box-shadow: 0 0 1px silver} /*bloc contenant les informations de connexion*/
  .corapi {text-align:center; font-family:arial; font-size:9px; text-transform:uppercase; width:210px; height:115px; margin:5px; padding:5px 5px 0px 5px;}
  .corapi input.coo {color:#A1A1A1; text-align:center; background:#fff; width:204px; box-shadow: 0 0 1px silver; padding:3px; margin-bottom:6px; border:none !important; font-size:11px;} /*bloc des entrées de texte "pseudo" et "mdp"*/
  .corapi input.mainoption{margin-top:9px; padding:4px; background-color:#A00823; font-size:10px; font-family:arial; text-transform:uppercase; color:#fff; border:2px solid #D20C2F;} /*bouton "connexion"*/
  .corapi input.mainoption:active {border:2px solid #FE9E39 !important; background:#FCA951 !important;}
  .corins {font-family:abel; text-transform:uppercase; font-size:15px; text-align:center; letter-spacing:5px; width:144px; padding:5px; border:3px solid #C70039; height:19px; background:#94162D; margin-top:5px;} /*bouton "inscription*/
  .corins a {text-decoration:none; color:#fefefe}


Le script est pourtant bien placé entre les balises dans le template index body.

Code:

   <!-- BEGIN switch_user_login_form_header -->
    <!-- END switch_user_login_form_header -->

Pourriez vous voir le problème. Merci

Bonne fin de journée

A bientôt

Hello Kaeyla,
effectivement, ce petit module est bien plus agréable à l’œil et fonctionnel .

Il faut activer la connexion rapide:
Affichage/Page d'accueil/Généralités/Général

Affichage de la connexion rapide :

Bonjour Phil.,

Oui c'est ce que j'ai fait. Il ne fonctionne pas lorsque je clique sur connexion.

Je l'ai mis sur mes forum test et il a le même pb.

Bonne journée

Hello Phil.,

Voici mon template où j'ai juste remplacé à la bonne place pour le haut du forum mais il ne fonctionne toujours pas.

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 -->
<!-- Ajout de la police -->
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
<br/>
<div class="cor">
  <div class="cort1">Saveurs Mélées</div>
  <div class="cor2">
    <div class="cor3">
      <div class="cortexte">“La variété est la véritable épice de la vie Qui lui donne toute sa saveur.”</div>
      <div class="corins"><a href="f=lien vers la page d'inscription">inscription</a></div>
    </div>
          <div class="cor4">
          <div class="corapi">
            <input class="coo" size="11" type="text" name="username" value="Pseudo"  onFocus="this.value='';" /><br/>
              <input class="coo" size="11" type="password" name="password" value="Mot de passe" onFocus="this.value='';"/><br/>
              <input class="radio" type="checkbox" name="autologin" id="autologin" {AUTOLOGIN_CHECKED} />
<label for="autologin">Connexion automatique</label>
            <input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          </div>
    </div>
    </div>
  </div>
</div>
            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</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></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </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" rel="nofollow">{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">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

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

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- 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> &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}

Merci et bonne fin de soirée

Re,
Tu peux remplacer par la partie donnée en mp car il y a un codage erroné sur celui-ci.

Hello Phil.,

Ca marche mais j'ai bcp de rouge... Regardes :



Merci et bonne fin de soirée

Effectivement, il faut supprimer une des trois balises de fermeture :

Code:

</div>

Hello Phil.,

Ça fonctionne, merci

Je remet ce petit module corrigé pour les membres du forum souhaitant une connexion rapide stylée.

Code:

<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td>    <div class="cor">
      <div class="cort1">petit titre du module</div>
      <div class="cor2">
        <div class="cor3">
          <div class="cortexte">Sed quid est quod in hac causa maxime homines admirentur et reprehendant meum consilium, cum ego idem antea multa decreve.</div>
          <div class="corins"><a href="/register">Inscription</a></div>
        </div>
              <div class="cor4">
              <div class="corapi">
                <input class="coo" size="11" type="text" name="username" value="Pseudo"  onFocus="this.value='';" /><br/>
                  <input class="coo" size="11" type="password" name="password" value="Mot de passe" onFocus="this.value='';"/><br/>
                  <input class="radio" type="checkbox" name="autologin" id="autologin" {AUTOLOGIN_CHECKED} />
    <label for="autologin">Connexion automatique</label>
                <input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
              </div>
        </div>
        </div>
  
    </div></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>

Code:

   .cor {width:400px; padding:10px; height:180px; margin:auto; margin-bottom:30px; background:#EEEEEE; box-shadow: 0 0 2px silver;} /*bloc global, gris*/
      .cort1 {width:390px; padding:5px; text-align:center; background:#C4082A; text-transform:uppercase; color:#fff; letter-spacing:8px; text-shadow:1px 1px 0px #A90825; font-family:abel; font-size:22px;} /*titre du module*/
      .cor2 {width:400px; height:134px; margin-top:10px;}
      .cor3 {height:130px; width:160px; float:left;}
      .cortexte {height:90px; width:160px; overflow:auto; text-align:justify; font-family:arial; text-shadow:1px 1px 0px white; font-size:12px; lien-height:15px; color:#4B4B4B;} /*bloc du petit texte sur la gauche*/
      .cor4 {height:130px; width:230px; background:url('http://img11.hostingpics.net/pics/749406seigaiha2.png'); float:left; margin-left:10px; box-shadow: 0 0 1px silver} /*bloc contenant les informations de connexion*/
      .corapi {text-align:center; font-family:arial; font-size:9px; text-transform:uppercase; width:210px; height:115px; margin:5px; padding:5px 5px 0px 5px;}
      .corapi input.coo {color:#A1A1A1; text-align:center; background:#fff; width:204px; box-shadow: 0 0 1px silver; padding:3px; margin-bottom:6px; border:none !important; font-size:11px;} /*bloc des entrées de texte "pseudo" et "mdp"*/
      .corapi input.mainoption{margin-top:9px; padding:4px; background-color:#A00823; font-size:10px; font-family:arial; text-transform:uppercase; color:#fff; border:2px solid #D20C2F;} /*bouton "connexion"*/
      .corapi input.mainoption:active {border:2px solid #FE9E39 !important; background:#FCA951 !important;}
      .corins {font-family:abel; text-transform:uppercase; font-size:15px; text-align:center; letter-spacing:5px; width:144px; padding:5px; border:3px solid #C70039; height:19px; background:#94162D; margin-top:5px;} /*bouton "inscription*/
      .corins a {text-decoration:none; color:#fefefe}


Bonne fin de soirée