Déplacer la légende et qui est en ligne
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Déplacer la légende et qui est en ligne
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!
Dernière édition par tony26 le Dim 1 Mar 2015 - 19:22, édité 1 fois
Invité- Invité
Invité- Invité
Re: Déplacer la légende et qui est en ligne
Tu voudrais que le texte soit centré un peu comme ça aussi :
Ou qu'il reste vers la droite mais soit au centre de la page ? ^^
Texte centré
Ou qu'il reste vers la droite mais soit au centre de la page ? ^^
Re: Déplacer la légende et qui est en ligne
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
Si il est possible de régler soit même le placement en px ce serait le top!
Donc qu'il reste sur la droite et au centre de la largeur restante sans l'image.. lol pas facile a expliquer
Si il est possible de régler soit même le placement en px ce serait le top!
Invité- Invité
Re: Déplacer la légende et qui est en ligne
Je peux avoir ton template Index-body stp ? ^^
Re: Déplacer la légende et qui est en ligne
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>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{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} : {GROUP_LEGEND}</p>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{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>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{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}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {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)
Invité- Invité
Re: Déplacer la légende et qui est en ligne
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 :
Le deuxième permet d'ajouter des marges autour de l'image et donc en éloigne le texte :
(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;
}
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Déplacer la légende et qui est en ligne
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
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
Invité- Invité
Re: Déplacer la légende et qui est en ligne
ajoutez le code suivant à votre css ^^ :
- Code:
div#onlinelist div.clear {
clear: none;
}
div#onlinelist {
min-height: 185px;
}
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Déplacer la légende et qui est en ligne
Magnifique! merci, bonne soirée
Invité- Invité
Sujets similaires
» Déplacer icônes légende message dans derniers messages
» Maudite légende du " Qui est en ligne ? " :)
» Pseudo en gras dans la légende "qui est en ligne"
» Retour à la ligne dans la légende des groupes
» Déplacer MP & En ligne dans l'encadrement du profil, affiché dans les messages
» Maudite légende du " Qui est en ligne ? " :)
» Pseudo en gras dans la légende "qui est en ligne"
» Retour à la ligne dans la légende des groupes
» Déplacer MP & En ligne dans l'encadrement du profil, affiché dans les messages
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum