Centrer le message d'accueil
3 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
Centrer le message d'accueil
Bonjour, serait-il possible de centrer le message/présentation d'accueil en prenant en compte le bloc widget ainsi que le bloc forum, donc sur toute la largeur de page et non comme actuellement, où le message est centré uniquement avec le corps du forum? Merci.
Dernière édition par Surricate le Lun 18 Déc 2017 - 13:06, édité 1 fois
Invité- Invité
Re: Centrer le message d'accueil
Bonjour,
Si tu inscris ton message d'accueil dans une annonce, il s'étendra sur toute la largeur du forum :
Tu n'es pas obligé(e) de la faire défiler. Malheureusement la hauteur limite des annonces est fixée à 500 px, mais cela devrait suffire pour ton message actuel.
Si tu inscris ton message d'accueil dans une annonce, il s'étendra sur toute la largeur du forum :
- Panneau d'admin/Général/Messages et Emails/Annonces
Tu n'es pas obligé(e) de la faire défiler. Malheureusement la hauteur limite des annonces est fixée à 500 px, mais cela devrait suffire pour ton message actuel.
Dernière édition par Faline le Dim 10 Déc 2017 - 13:28, édité 1 fois
Re: Centrer le message d'accueil
@Faline Je désire le laisser en message d'accueil, les annonces sont susceptibles de me servir par la suite, chaque chose à sa place.
Invité- Invité
Re: Centrer le message d'accueil
En ce cas il faut attendre quelqu'un d'autre, qui sache faire cela.
Re: Centrer le message d'accueil
Ma demande est toujours d'actualité, je up.
Invité- Invité
Re: Centrer le message d'accueil
UP la foule......
Invité- Invité
Invité- Invité
Invité- Invité
Re: Centrer le message d'accueil
Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse. |
Bonsoir,
Un moyen rapide serait d'entourer le contenu de votre message d'accueil comme ceci :
- Code:
<div id="index_surricate">
----- ici votre contenu
</div>
En mettre dans le CSS (panneau > affichage > couleurs > feuille de style CSS) :
- Code:
#index_surricate { text-align: center; }
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Invité- Invité
Re: Centrer le message d'accueil
Bonjour,
Ah oui je vois.
L'accueil est compris dans le template index-body, mais vos widget à gauche décalent tout. Il faudrait modifier le template pour que la partie de l'accueil soit déplacée.
Pouvez-vous m'envoyer le début de votre template index-body, que je puisse voir si c'est faisable ?
Ah oui je vois.
L'accueil est compris dans le template index-body, mais vos widget à gauche décalent tout. Il faudrait modifier le template pour que la partie de l'accueil soit déplacée.
Pouvez-vous m'envoyer le début de votre template index-body, que je puisse voir si c'est faisable ?
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Centrer le message d'accueil
Voici le template
index_body
index_body
- Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
<input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
<br />
<label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{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>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<!-- 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 -->
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div class="block">
<!-- BEGIN switch_viewonline_link -->
<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<div class="block-footer"><strong>{LEGEND}:</strong> {GROUP_LEGEND}</div>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div class="block">
<div class="h3">
<a href="{S_JOIN_CHAT}" target="ChatBox"><i class="ion-ios-chatboxes-outline"></i>{CHATBOX_NAME}</a>
<!-- 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 -->
</div>
{TOTAL_CHATTERS_ONLINE}: {CHATTERS_LIST}
</div>
<!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
<input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
<br />
<label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{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>
</div>
<!-- END switch_user_login_form_footer -->
<!-- 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}
Invité- Invité
Invité- Invité
Invité- Invité
Re: Centrer le message d'accueil
Bonsoir,
Alors à première vue on ne peut pas faire ça depuis ce template. Il faudrait réussir à sortir le contenu de l'index du conteneur global. Avec du JavaScript ça peut se faire, mais je laisse à quelqu'un le soin de trouver une solution plus désirable !
Alors à première vue on ne peut pas faire ça depuis ce template. Il faudrait réussir à sortir le contenu de l'index du conteneur global. Avec du JavaScript ça peut se faire, mais je laisse à quelqu'un le soin de trouver une solution plus désirable !
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Centrer le message d'accueil
@Lixyr bonsoir et merci. Je ne pensais pas que ma demande serait si complexe. Dommage, de ne pas pourvoir centrer le message d'accueil en tenant compte du bloc widget. Cela ne fait vraiment pas harmonieux, c'est encore plus flagrant depuis que j'ai mis une annonce. Je vais patienter et voir si une autre personne à une solution.
Invité- Invité
Re: Centrer le message d'accueil
Bonjour Surricate,
Pour déplacer le texte du cadre rouge au cadre bleu
Nous réutilisons le code CSS proposé par Lixyr si toujours présent, sinon ajouter à votre CSS
et créer un javasript (placement sur l'accueil) avec le code suivant
Pour déplacer le texte du cadre rouge au cadre bleu
Nous réutilisons le code CSS proposé par Lixyr si toujours présent, sinon ajouter à votre CSS
- Code:
#index_surricate { text-align: center; }
et créer un javasript (placement sur l'accueil) avec le code suivant
- Code:
$(function(){
var bloc = $(".panel.introduction").html();
if (bloc != null) {
var bloc2 = "<div id='index_surricate'>" + bloc + "</div>";
$("div#content-container").before(bloc2);
$(".panel.introduction").remove();
}
});
Re: Centrer le message d'accueil
@MasDan, bonjour, c'est parfait ! Merci infiniment.
Invité- Invité
Sujets similaires
» Affichage des visiteurs sur la page daccueil.
» Centrer les message
» centrer un message automatiquement
» Centrer profil dans message
» Centrer le profil au dessus du message
» Centrer les message
» centrer un message automatiquement
» Centrer profil dans message
» Centrer le profil au dessus du message
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