Centrer le message d'accueil

3 participants

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

Résolu Centrer le message d'accueil

Message par Invité Dim 10 Déc 2017 - 12:25

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
Anonymous

Invité
Invité


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

Résolu Re: Centrer le message d'accueil

Message par Faline Dim 10 Déc 2017 - 13:20

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.


Dernière édition par Faline le Dim 10 Déc 2017 - 13:28, édité 1 fois
Faline

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le message d'accueil

Message par Invité Dim 10 Déc 2017 - 13:26

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

Invité
Invité


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

Résolu Re: Centrer le message d'accueil

Message par Faline Dim 10 Déc 2017 - 13:47

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

Faline
Membre habitué

Féminin
Messages : 1480
Inscrit(e) le : 16/08/2006

Voir le profil de l'utilisateur https://laststickers.forumactif.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le message d'accueil

Message par Invité Lun 11 Déc 2017 - 13:41

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

Invité
Invité


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

Résolu Re: Centrer le message d'accueil

Message par Invité Mar 12 Déc 2017 - 13:12

UP la foule...... salut
Anonymous

Invité
Invité


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

Résolu Re: Centrer le message d'accueil

Message par Invité Mer 13 Déc 2017 - 13:14

UP
Anonymous

Invité
Invité


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

Résolu Re: Centrer le message d'accueil

Message par Invité Jeu 14 Déc 2017 - 12:56

UP
Anonymous

Invité
Invité


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

Résolu Re: Centrer le message d'accueil

Message par Lixyr Jeu 14 Déc 2017 - 21:50

Centrer le message d'accueil 4qhGdLE
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 Centrer le message d'accueil 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Centrer le message d'accueil 3592387030 pour prévenir la modération.

Centrer le message d'accueil Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7005
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le message d'accueil

Message par Invité Ven 15 Déc 2017 - 8:26

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

Centrer le message d'accueil Msgacc10


Anonymous

Invité
Invité


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

Résolu Re: Centrer le message d'accueil

Message par Lixyr Ven 15 Déc 2017 - 14:19

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 ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Centrer le message d'accueil 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Centrer le message d'accueil 3592387030 pour prévenir la modération.

Centrer le message d'accueil Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7005
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le message d'accueil

Message par Invité Ven 15 Déc 2017 - 16:49

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}
Anonymous

Invité
Invité


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

Résolu Re: Centrer le message d'accueil

Message par Invité Sam 16 Déc 2017 - 16:12

UP
Anonymous

Invité
Invité


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

Résolu Re: Centrer le message d'accueil

Message par Invité Dim 17 Déc 2017 - 16:22

UP
Anonymous

Invité
Invité


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

Résolu Re: Centrer le message d'accueil

Message par Lixyr Dim 17 Déc 2017 - 17:57

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 !


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Centrer le message d'accueil 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Centrer le message d'accueil 3592387030 pour prévenir la modération.

Centrer le message d'accueil Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7005
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le message d'accueil

Message par Invité Dim 17 Déc 2017 - 18:11

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Centrer le message d'accueil

Message par MasDan Lun 18 Déc 2017 - 4:00

Bonjour Surricate,

Pour déplacer le texte du cadre rouge au cadre bleu
Centrer le message d'accueil Msg10

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

MasDan
Aidactif
Aidactif

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

Voir le profil de l'utilisateur http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le message d'accueil

Message par Invité Lun 18 Déc 2017 - 13:05

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

Invité
Invité


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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum