Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Déplacer la légende et qui est en ligne

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

Résolu Déplacer la légende et qui est en ligne

Message par @To le Ven 27 Fév 2015 - 16:59

Détails techniques


Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://diamant-mandarin-evo.superforum.fr/

Description du problème

Hello,

Comment puis-je déplacer la légende, personnes en ligne etc du bas de forum vers le centre?

Merci à vous! Smile


Dernière édition par tony26 le Dim 1 Mar 2015 - 19:22, édité 1 fois
avatar

@To
*****

Masculin
Messages : 976
Inscrit(e) le : 26/02/2015

https://eleveur-de-mandarin.superforum.fr/
@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer la légende et qui est en ligne

Message par @To le Dim 1 Mar 2015 - 17:05

up
avatar

@To
*****

Masculin
Messages : 976
Inscrit(e) le : 26/02/2015

https://eleveur-de-mandarin.superforum.fr/
@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer la légende et qui est en ligne

Message par Alzufen le Dim 1 Mar 2015 - 17:34

Tu voudrais que le texte soit centré un peu comme ça aussi :

Texte centré

Ou qu'il reste vers la droite mais soit au centre de la page ? ^^
avatar

Alzufen
***

Masculin
Messages : 172
Inscrit(e) le : 31/07/2011

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

Résolu Re: Déplacer la légende et qui est en ligne

Message par @To le Dim 1 Mar 2015 - 17:45

Disons que je voudrais dégager l'image de la gauche. Certains membre tiennent beaucoup à cette image.

Donc qu'il reste sur la droite et au centre de la largeur restante sans l'image.. lol pas facile a expliquer clown

Si il est possible de régler soit même le placement en px ce serait le top!
avatar

@To
*****

Masculin
Messages : 976
Inscrit(e) le : 26/02/2015

https://eleveur-de-mandarin.superforum.fr/
@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer la légende et qui est en ligne

Message par Alzufen le Dim 1 Mar 2015 - 18:37

Je peux avoir ton template Index-body stp ? ^^
avatar

Alzufen
***

Masculin
Messages : 172
Inscrit(e) le : 31/07/2011

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

Résolu Re: Déplacer la légende et qui est en ligne

Message par @To le Dim 1 Mar 2015 - 18:41

Le voici en vrac...j'ai juste rajouté le code pour un traducteur.


Code:
{JAVASCRIPT}
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'fr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>

          <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{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>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p class="right">{TOTAL_POSTS}</p>
         <p>{TOTAL_USERS}</p>
         <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

         <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
         {CHATTERS_LIST}<br />
         <!-- 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 -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" 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>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
   </li>
</ul>
<!-- 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,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


Dernière édition par Chacha le Dim 1 Mar 2015 - 19:43, édité 1 fois (Raison : Mis entre balises)
avatar

@To
*****

Masculin
Messages : 976
Inscrit(e) le : 26/02/2015

https://eleveur-de-mandarin.superforum.fr/
@To a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer la légende et qui est en ligne

Message par MlleAlys le Dim 1 Mar 2015 - 18:42

Bonjour,

(merci de mettre les codes entre balises [ code].... [/code], pour plus de confort et de lisibilité ^^)


je peux proposer sinon deux codes css qui conviendront peut être :

Le premier permet de centrer le texte dans l'espace restant et donc l'éloigne de l'image :
Code:
div#onlinelist, div#stats {
    text-align: center;
}


Le deuxième permet d'ajouter des marges autour de l'image et donc en éloigne le texte :
Code:
div#onlinelist img {
    margin: 10px 50px 30px 20px;
}
Les 4 valeurs correspondent dans l'ordre à la marge au dessus, à droite, en dessous, et à gauche de l'image ; valeurs à modifier selon votre souhait.
avatar

MlleAlys
Membre actif

Messages : 4669
Inscrit(e) le : 12/09/2012

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

Résolu Re: Déplacer la légende et qui est en ligne

Message par @To le Dim 1 Mar 2015 - 19:14

Bonsoir,

Merci MlleAlys, je me disais bien qu'il existais une astuce,,ok je retiens pour les balises.

J'ai opté pour ton 2e code.

Il n'y a plus que la légende du bas qui ne s'aligne pas avec les reste des infos.
Comment puis-je faire pour que la légende s'aligne aussi? si vous connaissais un autres code, merci
avatar

@To
*****

Masculin
Messages : 976
Inscrit(e) le : 26/02/2015

https://eleveur-de-mandarin.superforum.fr/
@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer la légende et qui est en ligne

Message par MlleAlys le Dim 1 Mar 2015 - 19:19

ajoutez le code suivant à votre css ^^ :
Code:
div#onlinelist div.clear {
    clear: none;
}
div#onlinelist {
    min-height: 185px;
}
avatar

MlleAlys
Membre actif

Messages : 4669
Inscrit(e) le : 12/09/2012

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

Résolu Re: Déplacer la légende et qui est en ligne

Message par @To le Dim 1 Mar 2015 - 19:22

Magnifique! merci, bonne soirée
avatar

@To
*****

Masculin
Messages : 976
Inscrit(e) le : 26/02/2015

https://eleveur-de-mandarin.superforum.fr/
@To 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