Centrer le message d'accueil

[Invité]

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.

[Faline]

Bonjour,

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.

[Invité]

@Faline Je désire le laisser en message d'accueil, les annonces sont susceptibles de me servir par la suite, chaque chose à sa place.

[Faline]

En ce cas il faut attendre quelqu'un d'autre, qui sache faire cela.

[Invité]

Ma demande est toujours d'actualité, je up.

[Invité]

UP la foule......

[Invité]

UP

[Invité]

UP

[Lixyr]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher 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; }

[Invité]

@Lixyr bonjour et merci mais le message n'a pas bougé.
J'aimerai qu'il soit centré sur l'ensemble de la page en tenant compte des widgets ainsi que du corps du forum.

Avec un screen c'est plus parlant.

[Lixyr]

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 ?

[Invité]

Voici le template
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>&nbsp;{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}:&nbsp;{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é]

UP

[Invité]

UP

[Lixyr]

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 !

[Invité]

@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.

[MasDan]

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

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();
  }
});

[Invité]

@MasDan, bonjour, c'est parfait ! Merci infiniment.