Personnalisation de la Barre de Connexion

Page 1 sur 4 1, 2, 3, 4  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Personnalisation de la Barre de Connexion

Message par *angiesworld* le Sam 24 Mar 2012 - 18:33

Bien le Bonjour à vous les Loulous! (Oui je me permet.. xD)
Si je vous écris en ce magnifique samedi c’est parce que j’aurais aimée personnaliser ma Barre de Connexion mais rien y fait je n’arrive pas à l’effet escompté.
Pourtant je pense qu'il s'agit de la même façon de personnaliser les codes, spoilers et citations.

Voici l’effet que j’aimerai obtenir :


J’aimerai pouvoir :
- Arrondir, tant les cases à remplir que le bouton « Connexion », ainsi que leur mettre une Bordure.
- Déplacer l’option « Connexion Automatique » à côté du Nom d’Utilisateur, comme sur l’exemple fourni.

Croyez vous pouvoir m’aider sur le sujet?!
En remerciant par avance tout ceux qui essaieront de m’éclairer!
Amicalement, Angie.


Dernière édition par *angiesworld* le Lun 26 Mar 2012 - 17:26, édité 1 fois

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par Matriochka le Sam 24 Mar 2012 - 18:42

Re-bonjour Smile
Il ne s’agit pas des mêmes attributs que pour les codes et les citations, non. Ce sont des attributs particuliers, spécifiques aux formulaires.

Si vous voulez leur attribuer du style, vous devrez utiliser input, comme ceci :
Code:
input {
styles ici}

En espérant vous avoir de nouveau aidée Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Sam 24 Mar 2012 - 18:56

Comme on se retrouve..
Décidément le monde parait bien petit ce soir. Mais j’en suis ravie! Razz

Qui plus est maintenant que je sais, grâce à vous, que je pouvais toujours essayer, ne s’agissant pas des même attributs je n’étais donc pas prête de trouver.
Malheureusement le fait est que je ne connais pas du tout Input. Ni même son fonctionnement.
Pensez vous pouvoir m’expliquer?!

En vous remerciant de m’avoir, de nouveau, éclairé!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par Matriochka le Sam 24 Mar 2012 - 19:15

En fait, input c’est juste la balise qui vous génère les champs de saisie et les boutons d’envoi. Donc ici : le nom d’utilisateur, le mot de passe et le bouton "Connexion". Smile

Pour la modifier, il y a juste besoin de CSS. Donc par exemple, si on veut mettre les bords arrondis, ça va nous donner :
Code:
input {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}

Est-ce que vous comprenez ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Sam 24 Mar 2012 - 19:19

Oui en effet je comprend beaucoup mieux maintenant..
Je pensais qu'il s'agissait d'un autre type de codage vu que ce ne sont pas les mêmes attributs. Mais visiblement je pense très mal! xD
Vous dites que Input génèrera les champs de saisie et les boutons d’envoi.
Mais ca le fera pour tous les champs de saisie ou seulement celui de la connexion?!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par Matriochka le Sam 24 Mar 2012 - 19:24

Ça le fera sur tous les champs de votre forum, car tous les champs sont des iput (ou presque, les grosses zones de texte, elles, c’est autre chose). Testez le code plus haut et voyez par vous-même ? Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Sam 24 Mar 2012 - 19:40

Après avoir testée et constatée l’effet donné.. Je comprend mieux.
Il me suffira donc de transposer les codes CSS habituels dans la balise Input. Very Happy
Mais reste encore à savoir comment déplacer chaque partie de la Barre de Connexion pour les alignés comme sur l’effet désiré.
Ca je ne pense pas que ça se fasse via CSS.

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par Matriochka le Sam 24 Mar 2012 - 19:48

Euh, je ne comprends pas cette partie, par contre… scratch
"Comment déplacer chaque partie de la Barre de Connexion pour les alignés comme sur l’effet désiré", c’est-à-dire ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Sam 24 Mar 2012 - 20:00

Désolé j’ai tendance à mal m’exprimer.
Sur l’exemple : Nom d’utilisateur se situe en haut à gauche puis l’option Connexion Automatique en haut à droite
Ensuite le Mot de Passe se situe en bas à gauche puis le bouton Connexion en bas à droit.
Cela forme une sorte de tableau en parfaite harmonie. Très esthétique!

Tandis que sur un forum normal (comme le mien) :
Nom d’utilisateur, Mot de passe et le bouton Connexion se situent à la suite sur la même ligne.
Puis l’option Connexion Automatique la ligne d’en dessous.

J’aurais donc aimé pouvoir les déplacer, comme sur l’exemple.
Vous comprenez?!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Lun 26 Mar 2012 - 17:28

Petite Remontée de sujet.. Héhé

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Mar 27 Mar 2012 - 17:52

Personne ne sait comment obtenir un tel effet?!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Mer 28 Mar 2012 - 17:53

Upounet les Choupinets! Razz

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Ven 30 Mar 2012 - 17:15

Up les Choco Pops!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Dim 1 Avr 2012 - 18:14

Personne pour m'aider?!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Lun 2 Avr 2012 - 20:37

Up les Iggy Pops!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par Matriochka le Lun 2 Avr 2012 - 21:40

Navrée pour le retard de réponse, j'ai été quelque peu prise à côté du forum.

Je viens de comprendre votre souci. Je n'avais effectivement pas pris en compte le fait que votre capture et votre forum montraient deux choses différentes.

Enfin, soit. Il va donc falloir passer par les templates pour faire cette modification. Rendez-vous dans PA ► Affichage ► Templates ► Général, et ouvrez index_body. Nous allons effectuer quelques modifications sur la partie suivante :
Code:
   <!-- 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 -->
Situez-la, soit à l'autre de la recherche intégrée, soit via CTRL + F.

Cette partie gère effectivement l'affichage de votre barre de connexion rapide. Comme vous pouvez le constater, elle est formée à l'aide d'un tableau, dont chacune des cellules contient les variables sur lesquelles nous allons effectuer des changements.

Pour ce faire, on va donc tout simplement modifier la structure du tableau, ce qui n'est vraiment pas sorcier puisqu'il suffit simplement de le séparer en deux lignes.

Après cette partie :
Code:
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
Ajoutez :
Code:
</tr>
<tr>

Rappelons que TR = lignes. Là, nous avons tout simplement créé une ligne qui affiche :
Nom d'utilisateur [_____] [ x ] Connexion automatique
Et une deuxième, qui affiche :
Mot de passe [_____] [ CONNEXION ]

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Lun 2 Avr 2012 - 22:45

Ne vous excusez pas pour ça.
Vous m'avez déjà beaucoup aidée!
Puis on a tous un emploi du temps plus ou moins chargé et, fort heureusement, une vie à côté du PC donc je ne vous en veux absolument pas pour ça ^_^

@Matriochka a écrit:
Enfin, soit. Il va donc falloir passer par les templates pour faire cette modification. Rendez-vous dans PA ► Affichage ► Templates ► Général, et ouvrez index_body. Nous allons effectuer quelques modifications sur la partie suivante :
Code:
   <!-- 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 -->
Situez-la, soit à l'autre de la recherche intégrée, soit via CTRL + F.
Soit à l'autre de la recherche intégrée : Je n'ai pas compris ce que cela signifiée?!
J'ai eu beau chercher mais ce code ci ne figure, à aucun endroit de mon template Index_Body
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 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">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
              <td width="100%" valign="top" align="center" class="row1">
                <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
                <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
                {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
                <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
       
              </td>
          </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>
                <!-- 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_POSTERS}" class="gensmall">Posteurs du Jour </a> ♦ <a href="{U_OVERALL_POSTERS}" class="gensmall">Nos Killers</a> ♦ <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                    <!-- BEGIN switch_on_index -->
                      <!-- BEGIN switch_delete_cookies -->
                      <br />
                      <!-- 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="100%" valign="top" align="center" class="row1">
                <span class="genmed">{L_USERNAME}:</span>
                <input class="post" type="text" size="10" name="username"/>
                <span class="genmed">{L_PASSWORD}:</span>
                <input class="post" type="password" size="10" name="password"/>
                {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
                <span class="gensmall">{L_AUTO_LOGIN}</span>
                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
              </td>
          </tr>
        </table>
        </form>
        <!-- END switch_user_login_form_footer -->
       
       
            <!-- BEGIN disable_viewonline --><div align="center">
                <div style="background-image:url('http://nsm05.casimages.com/img/2012/01/06/1201060124351192549263443.png'); width:850px; height:600px; background-repeat:no-repeat">
                <table width="600px"><tr><td style="margin-left:250px; margin-top:110px"><div id="texte principal" style="overflow:auto; text-align:left; width: 318px; height:105px; margin-left:240px; margin-top:187px; padding-right:5px; font-family: georgia; font-size:11px; color:#2A2A2A"> Après avoir fait le tour du Fan Club, vous allez très vite constater que les habitants d’ici profitent de leur vie sans se tracasser du plus petit souci et non sans un sérieux grain de folie!<br>
        <span id="bert">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Ainsi chacun d’entre nous a nourri Kills’City en postant ");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"messages aussi électrisants que passionnants.");</script></span>
                        <span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/," Sans compter que nous n’avons pas moins de ");</script>
                        <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"Membre Déjanté ici même rassemblé.");</script>
                        <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"Membres Déjantés ici même rassemblés.");</script><br>
                  <span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Nous souhaitons d’ailleurs le bienvenu à ");</script>, le dernier Killer Invétéré à avoir été recensé.</span>
        </div><br>
                <div style="overflow:auto; width:325px; height: 120px; margin-left:235px; padding-right:5px; margin-top:25px; text-align:left; font-family: georgia; font-size:11px; color:#2A2A2A" id="utilisateursenligne"><justify><span id="delf">{TOTAL_USERS_ONLINE}</span>
                        <script type="text/javascript">
        document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"Fidèle Killer qui se promène tranquillement et follement parmi nous").replace(/utilisateurs en ligne/,"Fidèles Killers qui se promènent tranquillement et follement parmi nous").replace(/Enregistré(s?)/,"Détraqué$1 Enregistré$1").replace(/Invisible(s?) et/,"Barjot$1 Invisible$1 &").replace(/Invité(s?)/,"Givré$1 Invité$1.");
            </script><br>
                  <span id="maxuser">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('maxuser').innerHTML=document.getElementById('maxuser').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne/,"Le dernier record du nombre de fêlés regroupés ");</script><br>
                  <span id="connectes">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Utilisateurs enregistrés/,"Les Killers Members se baladant actuellement ");</script></span><br>
                        </justify></div><br>
                  <div style="overflow:auto; width:320px; height:46px; margin-left:230px; margin-top:30px; font-family: georgia; font-size:11px; color:#2A2A2A"><table class="fondtrans"><span id="anniv">{L_WHOSBIRTHDAY_TODAY}</span><script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant/,"Déjantés fêtant").replace(/Membre fêtant/,"Déjanté fêtant").replace(/Aucun membre ne fête/,"Aucun déjanté ne fête");</script></table></div>
                </td>
                  <td><div style="overflow:auto; width:245px; height:180px; margin-top:190px; padding-left:10px; font-family: georgia; font-size:11px; color:#2A2A2A"><table class="fondtrans" id="kaboum">{L_CONNECTED_MEMBERS} <script type="text/javascript">
                    jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','Killers Members qui se sont réunis au cours des 24 dernières heures sur Kills’City :'));
                    </script></table><script type="text/javascript">document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML=document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML.replace(/Membres connectés/,'Killers Members présents');</script></div><br><br><br><br>
    <table class="fondtrans"><div style="overflow:auto; width:253px; height:96px; padding-left:10px; font-family: georgia; font-size:11px; color:#2A2A2A"><span id="anniv1">{L_WHOSBIRTHDAY_WEEK}</div></span></table> <script type="text/javascript">document.getElementById('anniv1').parentNode.innerHTML=document.getElementById('anniv1').parentNode.innerHTML.replace(/Membres fêtant/,"Déjantés célébrant").replace(/Membre fêtant/,"Déjanté célébrant").replace(/Aucun membre ne fête/,"Aucun déjanté ne célèbre");</script>
                 
                  </td></tr></table>
           
           
                </div>
                        <div align="center"><img src="http://nsm07.casimages.com/img/2012/02/29/1202290826421192549514647.png"></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}

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Mer 4 Avr 2012 - 17:54

Etant donné que je n'ai pas la partie censé etre modifiée dans mon template.
Est ce qu'il serait possible de juste l'ajouter à la place à laquelle elle est censé l'être et ensuite la modifier pour que cela puisse fonctionner?!
Si oui pouvez vous me dire où ce code est censé se trouve dans le template, que je puisse le rajouter.. ^_^
Bien à vous.

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par Matriochka le Mer 4 Avr 2012 - 17:56

Vous devez forcément l’avoir dans votre template. S’il n’est pas sous cette forme, il y est forcément sous une autre, à moins que vous ne l’ayez supprimé par erreur.

Elle est ici :
Code:
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
              <td width="100%" valign="top" align="center" class="row1">
                <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
                <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
                {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
                <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
       
              </td>
          </tr>
        </table>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Mer 4 Avr 2012 - 18:05

Malheureusement si le code s'affiche différemment je n'etais, en effet, pas prête de le trouver.. Confused
Merci donc de m'avoir éclairée.

J'ai réussi à placer le code donné afin d’intégrer une ligne qui départagerai chaque partie comme je le voulais.
Néanmoins et j'en suis désolé.. Cela n'a rien modifié!
Le tableau est toujours le même qu'avant.

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par Matriochka le Mer 4 Avr 2012 - 18:07

Votre barre de connexion s’affiche en haut ou en bas ?

Si elle est en bas, modifier celle-ci :
Code:
        <!-- 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="100%" valign="top" align="center" class="row1">
                <span class="genmed">{L_USERNAME}:</span>
                <input class="post" type="text" size="10" name="username"/>
                <span class="genmed">{L_PASSWORD}:</span>
                <input class="post" type="password" size="10" name="password"/>
                {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
                <span class="gensmall">{L_AUTO_LOGIN}</span>
                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
              </td>
          </tr>
        </table>
        </form>
        <!-- END switch_user_login_form_footer -->

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Mer 4 Avr 2012 - 18:18

Je ne savais pas qu'il y avait des parties différentes dans le template selon l’endroit où elles s'affichaient. Je me coucherai moins bête ce soir c'est chose assurée! xD
Donc ma barre figurant en bas j'ai belle et bien modifiée le code.
Comme ceci :
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 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">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
              <tr>
                  <td width="100%" valign="top" align="center" class="row1">
                    <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
                    <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
                    {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
                    <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
         
                  </td>
              </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>
                    <!-- 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_POSTERS}" class="gensmall">Posteurs du Jour </a> ♦ <a href="{U_OVERALL_POSTERS}" class="gensmall">Nos Killers</a> ♦ <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                        <!-- BEGIN switch_on_index -->
                          <!-- BEGIN switch_delete_cookies -->
                          <br />
                          <!-- 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="100%" valign="top" align="center" class="row1">
                    <span class="genmed">{L_USERNAME}:</span>
                    <input class="post" type="text" size="10" name="username"/>        </tr>
        <tr>
                    <span class="genmed">{L_PASSWORD}:</span>
                    <input class="post" type="password" size="10" name="password"/>
                    {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  </td>
              </tr>
            </table>
            </form>
            <!-- END switch_user_login_form_footer -->
         
         
                <!-- BEGIN disable_viewonline --><div align="center">
                    <div style="background-image:url('http://nsm05.casimages.com/img/2012/01/06/1201060124351192549263443.png'); width:850px; height:600px; background-repeat:no-repeat">
                    <table width="600px"><tr><td style="margin-left:250px; margin-top:110px"><div id="texte principal" style="overflow:auto; text-align:left; width: 318px; height:105px; margin-left:240px; margin-top:187px; padding-right:5px; font-family: georgia; font-size:11px; color:#2A2A2A"> Après avoir fait le tour du Fan Club, vous allez très vite constater que les habitants d’ici profitent de leur vie sans se tracasser du plus petit souci et non sans un sérieux grain de folie!<br>
            <span id="bert">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Ainsi chacun d’entre nous a nourri Kills’City en postant ");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"messages aussi électrisants que passionnants.");</script></span>
                            <span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/," Sans compter que nous n’avons pas moins de ");</script>
                            <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"Membre Déjanté ici même rassemblé.");</script>
                            <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"Membres Déjantés ici même rassemblés.");</script><br>
                      <span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Nous souhaitons d’ailleurs le bienvenu à ");</script>, le dernier Killer Invétéré à avoir été recensé.</span>
            </div><br>
                    <div style="overflow:auto; width:325px; height: 120px; margin-left:235px; padding-right:5px; margin-top:25px; text-align:left; font-family: georgia; font-size:11px; color:#2A2A2A" id="utilisateursenligne"><justify><span id="delf">{TOTAL_USERS_ONLINE}</span>
                            <script type="text/javascript">
            document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"Fidèle Killer qui se promène tranquillement et follement parmi nous").replace(/utilisateurs en ligne/,"Fidèles Killers qui se promènent tranquillement et follement parmi nous").replace(/Enregistré(s?)/,"Détraqué$1 Enregistré$1").replace(/Invisible(s?) et/,"Barjot$1 Invisible$1 &").replace(/Invité(s?)/,"Givré$1 Invité$1.");
                </script><br>
                      <span id="maxuser">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('maxuser').innerHTML=document.getElementById('maxuser').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne/,"Le dernier record du nombre de fêlés regroupés ");</script><br>
                      <span id="connectes">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Utilisateurs enregistrés/,"Les Killers Members se baladant actuellement ");</script></span><br>
                            </justify></div><br>
                      <div style="overflow:auto; width:320px; height:46px; margin-left:230px; margin-top:30px; font-family: georgia; font-size:11px; color:#2A2A2A"><table class="fondtrans"><span id="anniv">{L_WHOSBIRTHDAY_TODAY}</span><script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant/,"Déjantés fêtant").replace(/Membre fêtant/,"Déjanté fêtant").replace(/Aucun membre ne fête/,"Aucun déjanté ne fête");</script></table></div>
                    </td>
                      <td><div style="overflow:auto; width:245px; height:180px; margin-top:190px; padding-left:10px; font-family: georgia; font-size:11px; color:#2A2A2A"><table class="fondtrans" id="kaboum">{L_CONNECTED_MEMBERS} <script type="text/javascript">
                        jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','Killers Members qui se sont réunis au cours des 24 dernières heures sur Kills’City :'));
                        </script></table><script type="text/javascript">document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML=document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML.replace(/Membres connectés/,'Killers Members présents');</script></div><br><br><br><br>
        <table class="fondtrans"><div style="overflow:auto; width:253px; height:96px; padding-left:10px; font-family: georgia; font-size:11px; color:#2A2A2A"><span id="anniv1">{L_WHOSBIRTHDAY_WEEK}</div></span></table> <script type="text/javascript">document.getElementById('anniv1').parentNode.innerHTML=document.getElementById('anniv1').parentNode.innerHTML.replace(/Membres fêtant/,"Déjantés célébrant").replace(/Membre fêtant/,"Déjanté célébrant").replace(/Aucun membre ne fête/,"Aucun déjanté ne célèbre");</script>
                   
                      </td></tr></table>
             
             
                    </div>
                            <div align="center"><img src="http://nsm07.casimages.com/img/2012/02/29/1202290826421192549514647.png"></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}

Mais petit souci.. Non seulement cela n’a pas changé la disposition du tableau mais en plus TOUT le contenu du tableau est sorti du cadre censé contenir le contenu.
Seul la partie « Nom d’Utilisateur » est resté dans le cadre blanc.
Voyez plutôt http://becrazy.forumactif.org/

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Jeu 12 Avr 2012 - 15:18

Cela ne viendrait il pas de chaque partie qu'il faudrait repositionner dans le template.
De façon à ce que le Nom d’utilisateur soit situé en haut à côté du bouton de la Connexion Automatique
Et vice versa pour le reste de la barre. (?!)

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Dim 15 Avr 2012 - 15:31

Remontée de sujet..

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par Anzu le Lun 23 Avr 2012 - 21:15

Edit Anzu: sujet déplacé à la demande de l'auteur

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Mar 24 Avr 2012 - 18:52

Merci Infiniment Anzu de votre compréhension. Razz
Je remonte donc le sujet en espérant qu'il y aura des gens pour m'aider..
Amicalement.

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Mer 25 Avr 2012 - 19:09

Up les Iggy Pop!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Ven 27 Avr 2012 - 17:34

Up.
Et merci à ceux qui prendront de leur temps pour s’arrêter sur ce sujet.

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Sam 28 Avr 2012 - 18:28

Remontée de sujet.. Neutral

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de la Barre de Connexion

Message par *angiesworld* le Dim 29 Avr 2012 - 19:38

J'ai remit mon code initial donc je retombe au niveau zéro.
Pour ceux que ca intéresserai de m'aider.. xD

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 4 1, 2, 3, 4  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum