Mettre une marge sur le haut du QEEL

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

Résolu Mettre une marge sur le haut du QEEL

Message par LOBODU89 le Ven 12 Jan 2018 - 18:06

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : origine
Lien du forum : http://amicaledescallois.forumactif.com/

Description du problème

Bonjour,

Comme vous pouvez le voir sur l'image jointe, je souhaiterai pouvoir descendre (mettre une marge top) le texte en surbrillance sur le milieu du fond de QEEL et éventuellement changer la police et la couleur.
Merci d'avance.

Cordialement.


Dernière édition par LOBODU89 le Sam 13 Jan 2018 - 20:33, édité 1 fois
avatar

LOBODU89
**

Masculin
Messages : 76
Inscrit(e) le : 30/11/2017

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

Résolu Re: Mettre une marge sur le haut du QEEL

Message par _Ayno le Ven 12 Jan 2018 - 22:20

Re,
edit: est-il possible de faire revenir le template sur ce topic ?
avatar

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une marge sur le haut du QEEL

Message par LOBODU89 le Ven 12 Jan 2018 - 22:28

Bien volontiers @_Ayno

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
 {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

                <!-- BEGIN switch_social_login -->
                <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>
                <!-- END switch_social_login -->
 </div>
 </form>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
 <div class="panel introduction">
 <div class="inner"><span class="corners-top"><span></span></span>
 <!-- BEGIN message_admin_titre -->
 <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
 <!-- END message_admin_txt -->
 <span class="corners-bottom"><span></span></span></div>
 </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}
   
<!-- BEGIN disable_viewonline -->
                                               
                                                                                     

    <div class="M14_stats">
      <script>
    $(function(){if(_userdata["session_logged_in"] !== 1)
    $('.M14_stats').remove();
      });
    </script>






 

 <!-- BEGIN switch_viewonline_link -->
     
     

     
     
 
 <!-- END switch_viewonline_link -->
                                                                                                  <div id="QEELperso"><center>
 <!-- BEGIN switch_viewonline_nolink -->
 <div class="h3">{L_WHO_IS_ONLINE}</div>
 <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
   
 
 
                                                               
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
                                                                                 
<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

 <!-- BEGIN switch_statistics_link -->
 <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
 <!-- END switch_statistics_link -->

 <!-- BEGIN switch_statistics_nolink -->
 <div class="h3">{L_STATISTICS}</div>
 <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
     
      </div>
     
     
 <!-- BEGIN switch_chatbox_activate -->
 <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
 <div class="page-bottom">
 {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
 {CHATTERS_LIST}<br />
 </div>
 <!-- BEGIN switch_chatbox_popup -->
 <div id="chatbox_popup"></div>
 <script type="text/javascript">
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 </script>
 <!-- END switch_chatbox_popup -->
 <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
                                                                                                        </div>                                                                     
{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
 {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

                <!-- BEGIN switch_social_login -->
                <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>
                <!-- END switch_social_login -->
 </div>
 </form>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
 <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
 <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
 <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

avatar

LOBODU89
**

Masculin
Messages : 76
Inscrit(e) le : 30/11/2017

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

Résolu Re: Mettre une marge sur le haut du QEEL

Message par _Ayno le Sam 13 Jan 2018 - 13:45

Re,

si je prends en considération ce qui est visible, qui équivaut à :
Code:
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />

Donc le but serait de créer une balise id autour.

Code:
<div id="QEELtexte"

{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />

</div>

Puis on va lui apporter des propriétés CSS :
Code:
#QEELtexte {
 margin-top: 30px; /*modifier la valeur au besoin*/
 color: #FFFFFF;
 font-family: Verdana, sans-serif;
}

Si la balise n'englobe pas bien les variables ce n'est pas un problème pour le css.
avatar

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une marge sur le haut du QEEL

Message par LOBODU89 le Sam 13 Jan 2018 - 15:36

@_Ayno ,

La marge fonctionne bien pour la ligne "Utilisateurs enregistrés : Admin"

Mais ne fonctionne pas pour la ligne "Il y a en tout 1 utilisateur en ligne :: 1 Enregistré, 0 Invisible et 0 Invité" qui reste toujours à la même hauteur.

J'ai supprimer les deux variables {L_ONLINE_USERS} et {L_CONNECTED_MEMBERS}, cela ne change pas dans l'aspect du QEEL.

Merci.


PS : Je viens de m'apercevoir que la balise "<div id="QEELperso"> <center> " que l'on a mis dans le précédent problème de fond de QEEL ne se ferme pas, et je n'arrive à trouver où la fermer car peut importe l'endroit "</div>" reste rouge


Dernière édition par LOBODU89 le Sam 13 Jan 2018 - 17:13, édité 1 fois (Raison : balise ne ferme pas)
avatar

LOBODU89
**

Masculin
Messages : 76
Inscrit(e) le : 30/11/2017

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

Résolu Re: Mettre une marge sur le haut du QEEL

Message par LOBODU89 le Sam 13 Jan 2018 - 20:33

Bonsoir à tous,

J'ai trouvé la solution

J'ai sorti la variable {TOTAL_USERS_ONLINE} des marques <p> <br /> . Je ne sais pas si c'est bien mais j'ai le résultat souhaité.

Merci à _Ayno



avatar

LOBODU89
**

Masculin
Messages : 76
Inscrit(e) le : 30/11/2017

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

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