AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -17%
SSD interne Crucial SSD P3 1To NVME à ...
Voir le deal
49.99 €

    (Onyx) Emplacement de Connections (small)

    Eiv
    Eiv
    MasculinAge : 29Messages : 511

    Mer 21 Sep 2016 - 6:07

    Ma demande



    Plop,
    ALors ce serais un petit code simple, c'est pour virer cette petite box là : https://puu.sh/rix1K/cf586dea14.png
    Et si possible la remplacé par ça: https://puu.sh/rix44/e3e6c98d41.png et cela placé dans le coin supérieur gauche.
    Thanks again ^^"

    Schéma(s) et Eléments
    Schémas :
    https://puu.sh/rix44/e3e6c98d41.png
    Effets voulus : Quand on clique sur connexion le petit onglet descende.
    Version de votre forum : PHPBB3 si je me trompe pas

    Ressources
    https://puu.sh/rix9V/28d3f82a4e.png

    ET pour les Template je ne sais pas lequel vous avez besoin. Demandez :)
    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->

      <!-- BEGIN message_admin_titre -->
      <!-- END message_admin_titre -->
      <!-- BEGIN message_admin_txt -->

          <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>

      <!-- END message_admin_txt -->

    <!-- 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'" 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_header -->
    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="80%" border="0" cellspacing="0" cellpadding="0" style="margin:auto;">
      <tr>
          <td width="20%" valign="top">
            <div class="infos_cadre_bas">
                              <!-- 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 -->
                      </div>
          </td>
                <td width="20%" valign="top">
            <div class="infos_cadre_bas">
            <!-- BEGIN switch_on_index -->
                  <!-- BEGIN switch_delete_cookies -->
                  <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 -->
                      </div>
          </td>
          <td width="20%" align="right">
                      <div class="infos_cadre_bas">
            <span class="gensmall">
                <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>
               
            </span>
                      </div>
          </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'" 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 -->
    <div id="QEEL">
      <div id="bloc_image_qeel">
        <div id="titre_qeel">
        </div>
        <div id="image_qeel">
        </div>
      </div>
      <div id="contenu_qeel">
        <span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span><br /><br />
        <span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span>
        <table>
          {L_CONNECTED_MEMBERS}
      {L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY_WEEK}
        </table>
        <span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
      </div> 
      <div style="clear:both;"></div>
    </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>  </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>
        FB.init({
          appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
          cookie    : true,
          xfbml      : true,
          oauth      : true,
          version    : 'v2.3'
        });

      (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <!-- END switch_fb_index_login -->


    Dernière édition par Eiv le Jeu 22 Sep 2016 - 20:53, édité 3 fois



    (Onyx) Emplacement de Connections (small) Signautopia
    (Onyx) Emplacement de Connections (small) 472020userbarfanclubdelenthil
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 21 Sep 2016 - 6:15

    Salut!

    Ce n'est pas particulièrement difficile je crois. On aurais besoin du template index_body. Et où doit-on placer l'onglet connexion? Sous les catégories? Collé sur le rebord du haut de la page?



    • Revenir en haut
    Eiv
    Eiv
    MasculinAge : 29Messages : 511

    Mer 21 Sep 2016 - 6:18

    My bad, j'ai précisé merci ^^"


    Et pour le Template je l'ajouterais plus tard... mais il me semble que c’est celui d'origine



    (Onyx) Emplacement de Connections (small) Signautopia
    (Onyx) Emplacement de Connections (small) 472020userbarfanclubdelenthil
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 21 Sep 2016 - 19:34

    Salut!

    Est-ce que tu as activé la connexion facebook ou a l'intention de l'activer? (ça m'enlève du travail si tu ne l'as pas alors Rolling Eyes).



    • Revenir en haut
    Eiv
    Eiv
    MasculinAge : 29Messages : 511

    Mer 21 Sep 2016 - 19:35

    Nop ^^



    (Onyx) Emplacement de Connections (small) Signautopia
    (Onyx) Emplacement de Connections (small) 472020userbarfanclubdelenthil
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 21 Sep 2016 - 20:03

    Perfect ^^

    Ça, c'est ok pour toi ?
    http://forum-test-5.forum-canada.com/



    • Revenir en haut
    Eiv
    Eiv
    MasculinAge : 29Messages : 511

    Mer 21 Sep 2016 - 20:06

    Ouaip nikel ... pour la couleur du gris Attend .... j'ai le numéro exact ...

    c'est lui;rgba(61, 61, 61, 0.6) je crois ^^

    Si tu a une idée quelconque hésite pas

    forum: www.gauss.forumactif.org



    (Onyx) Emplacement de Connections (small) Signautopia
    (Onyx) Emplacement de Connections (small) 472020userbarfanclubdelenthil
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 21 Sep 2016 - 20:21

    J'ai changé le fond (pas que ça paraît à cause du fond de mon forum, mais bon ><)

    Du coup, je te files les codes?

    Tout d'abord, tu dois aller dans le panneau d'administrateur, onglet affichage, menu page d'accueil et section généralités. À l'affichage de la connexion rapide, tu coches "en bas".

    Puis, tu trouves ce bout de code dans ton template index_body (Lignes 109 à 171 du template par défaut) :
    Code:
    <!-- 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"/>&nbsp;</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'" 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 -->

    Que tu remplaces par ceci :
    Code:
    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login" class="loginform">
      <!-- BEGIN switch_fb_connect_no -->
      <table class="logininput" width="100%">
        <tr>
          <td valign="middle" align="left">
            {L_USERNAME}:
          </td>
          <td valign="middle" align="left">
            <input class="post" type="text" size="10" name="username"/>
          </td>
        </tr>
        <tr>
          <td valign="middle" align="left">
            {L_PASSWORD}:
          </td>
          <td valign="middle" align="left">
            <input class="post" type="text" size="10" name="password"/>
          </td>
        </tr>
        <tr>
          <td valign="middle" align="left">
            <input class="radio" type="hidden" name="autologin" {AUTOLOGIN_CHECKED} />
            {S_HIDDEN_FIELDS}
          </td>
          <td valign="middle" align="left">
            <input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          </td>
        </tr>
      </table>
      <img class="loginimg" src="https://puu.sh/rix9V/28d3f82a4e.png" alt="Connexion" />
      <!-- END switch_fb_connect_no -->
    </form>
    <!-- END switch_user_login_form_footer -->

    Ensuite, tu rajoutes ceci dans ton CSS :
    Code:
    /*Bloc de connexion rapide*/
    .loginform {
      position: fixed;
      z-index: 25;
      top: -90px;
      left: 30px;
      border: 2px white solid;
      border-top: none;
      border-radius: 0px 0px 10px 10px;
      padding: 10px 5px 10px 5px;
      width: 200px;
      background: rgb(61, 61, 61);
      background: rgba(61, 61, 61, 0.6);
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    /*Afficher la connexion rapide au clic*/
    .loginform:hover {
      top: 0px;
    }
    /*Hauteur du blocde champ de connexion rapide*/
    .logininput {
      padding-bottom: 10px;
      height: 90px;
      border-spacing: 0px;
      border: none;
    }
    /*Cellules de connexion rapide*/
    .logininput td {
      font-size: 14px;
      font-family: 'Times New Roman';
      color: #ffffff;
    }
    /*Image de connexion rapide*/
    .loginimg {
      margin: auto;
      width: 153px;
      display: block;
    }



    • Revenir en haut
    Eiv
    Eiv
    MasculinAge : 29Messages : 511

    Mer 21 Sep 2016 - 20:27

    Merci, je vais essayer ça la je suis en train de faire un jdr (et les avatars de Médusa) Je testerais après

    ps:
    Code:
      background: rgb(61, 61, 61);
      background: rgba(61, 61, 61, 0.6);



    (Onyx) Emplacement de Connections (small) Signautopia
    (Onyx) Emplacement de Connections (small) 472020userbarfanclubdelenthil
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 21 Sep 2016 - 20:55

    No problemo ^^

    PS : C'est volontaire, certains navigateurs gèrent mal le rgba alors on met le rgb en premier pour qu'au moins il y ait une couleur pour ces navigateurs, puis le rgba pour mettre la couleur avec 0.6 d'opacité pour les navigateurs ou ça fonctionne Wink



    • Revenir en haut
    Eiv
    Eiv
    MasculinAge : 29Messages : 511

    Jeu 22 Sep 2016 - 4:40

    Petit problème, qui reste important.

    Le mot de passe n'est pas dissimulé ^^ c'est un poil problématique ^^. Sry j'ai pas pensé a vérifier plus tôt.



    (Onyx) Emplacement de Connections (small) Signautopia
    (Onyx) Emplacement de Connections (small) 472020userbarfanclubdelenthil
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 22 Sep 2016 - 19:09

    Ah oui, j'ai pas fait attention quand j'ai copié/collé, désolée ><

    Remplace cela :
    Code:
    <td valign="middle" align="left">
            {L_PASSWORD}:
          </td>
          <td valign="middle" align="left">
            <input class="post" type="text" size="10" name="password"/>
          </td>

    Par cela :
    Code:
    <td valign="middle" align="left">
            {L_PASSWORD}:
          </td>
          <td valign="middle" align="left">
            <input class="post" type="password" size="10" name="password"/>
          </td>



    • Revenir en haut
    Eiv
    Eiv
    MasculinAge : 29Messages : 511

    Jeu 22 Sep 2016 - 20:53

    Nikel, ça marche parfaitement, merci a toi encore Onix.



    (Onyx) Emplacement de Connections (small) Signautopia
    (Onyx) Emplacement de Connections (small) 472020userbarfanclubdelenthil
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 22 Sep 2016 - 21:18

    De rien !

    Sur ce, j'archive le sujet ^^



    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 1:01