Mettre un fond au QEEL

4 participants

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

Résolu Mettre un fond au QEEL

Message par LOBODU89 Mar 9 Jan 2018 - 18:05

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : origine
Lien du forum : http://amicaledescallois.forumactif.com/

Description du problème

Bonjour,

J'ai vu plusieurs sujets mais je n'ai pas tout saisi. Je souhaite mettre un fond à mon QEEL et par la suite j’enlèverai le footer (c'est lui qui deviendra l'image de fond du QEEL)

Je vous joins mon index_body qui doit être mofifier

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
 {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>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
 <div class="panel introduction">
 <div class="inner"><span class="corners-top"><span></span></span>
 <!-- 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 -->
 <span class="corners-bottom"><span></span></span></div>
 </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->


    <div class="M14_stats">
      <script>
    $(function(){if(_userdata["session_logged_in"] !== 1)
    $('.M14_stats').remove();
      });
    </script>








 <!-- BEGIN switch_viewonline_link -->
      
      
 
      
      
      
 <!-- END switch_viewonline_link -->

 <!-- BEGIN switch_viewonline_nolink -->
 <div class="h3">{L_WHO_IS_ONLINE}</div>
 <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
    
  
  
  
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

 <!-- BEGIN switch_statistics_link -->
 <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
 <!-- END switch_statistics_link -->

 <!-- BEGIN switch_statistics_nolink -->
 <div class="h3">{L_STATISTICS}</div>
 <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
      
      </div>
      
      
 <!-- BEGIN switch_chatbox_activate -->
 <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
 <div class="page-bottom">
 {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
 {CHATTERS_LIST}<br />
 </div>
 <!-- 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 -->
 <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
 {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>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

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

Je sais aussi qu'il faut modifier le CSS mais je ne sais pas comment et Mettre le lien de la photo
https://i.servimg.com/u/f62/14/75/62/44/bandea11.png)

Merci d'avance.


Dernière édition par LOBODU89 le Ven 12 Jan 2018 - 16:30, édité 1 fois
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par _Ayno Mer 10 Jan 2018 - 18:55

Bonjour,




Pour effectuer un fond au QEEL:

1. On va utiliser une balise id, pour l'exemple on va l'appeler "QEELperso".

2. Se rendre dans la feuille de style CSS et affecter les propriétés suivant à la balise QEELperso :
Code:
#QEELperso {
 .background-color: #FFFFF; /* blanc pour exemple */
}

3. Se rendre dans PA > Templates > Général > index_body.

3.1. Pour englober seulement le Qui est en ligne :
Repérer :
Code:
<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
et placer avant :
Code:
<div id="QEELperso">
Puis placer
Code:
</div>
après :
Code:
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>


3.2. Pour englober le Qui est en ligne avec les statistiques :
Repérer :
Code:
<p class="page-bottom">
{NEWEST_USER}
</p>
Puis placer la fermeture de balise
Code:
</div>
derrière.

3.3. Pour englober jusqu'à la chatbox :
Repérer :
Code:
{CHATBOX_BOTTOM}
Puis placer la fermeture de balise derrière.

4. Visualiser le template temporairement avec le lien rouge "en attente" puis Valider.
_Ayno

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par Chacha Mer 10 Jan 2018 - 19:37

Bonjour @_Ayno,

Mettre un fond au QEEL YtQNsY0Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite :
  • Le gras et la couleur (réservés au staff de ce forum),
  • L'écriture en SMS (abréviations)
Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par LOBODU89 Mer 10 Jan 2018 - 19:38

Bonsoir @_Ayno,

Merci pour votre réponse, je ne trouve pas la ligne rubrique "3.1."    

<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>

Car mon template est modifier et mon QEEL très allégé, comme vous pouvez le voir ci-dessous.

Mettre un fond au QEEL Qeel410

Mon souhait serait d'insérer l'image ci-dessous:
Mettre un fond au QEEL Bandea13

en fond de QEEL.
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par _Ayno Mer 10 Jan 2018 - 20:36

Chacha a écrit:Bonjour @"_Ayno",

Mettre un fond au QEEL YtQNsY0Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite :

  • Le gras et la couleur (réservés au staff de ce forum),
  • L'écriture en SMS (abréviations)

Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum.

Pour le gras je reconnais en avoir mis beaucoup afin de mettre de la clarté dans mon explications qui prend particulièrement de la place.

Pour le sms ou les abréviations je ne vois pas.
_Ayno

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par _Ayno Mer 10 Jan 2018 - 20:42

@LOBODU89,

pour trouver facilement la ligne; utiliser la fonction de rechercher en insérant "L_WHO_IS_ONLINE" par exemple. (ou un autre mot pour l'exemple)

pour le background utiliser la propriété :
Code:
.QEELperso {
 background-image: url('http://lienversvotreimage');
 background-repeat: no-repeat; /*pour éviter la répétition du bg*/
}
_Ayno

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par Chacha Mer 10 Jan 2018 - 22:14

_Ayno a écrit:
Chacha a écrit:Bonjour @_Ayno,

Mettre un fond au QEEL YtQNsY0Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite :

  • Le gras et la couleur (réservés au staff de ce forum),
  • L'écriture en SMS (abréviations)

Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum.

Pour le gras je reconnais en avoir mis beaucoup afin de mettre de la clarté dans mon explications qui prend particulièrement de la place.

Pour le sms ou les abréviations je ne vois pas.
Vous avez mis :

Bonjour,
Code:
[size=16][color=#0066ff][b]Bonjour, [/b][/color][/size]
Gras, couleur bleue et size16 : prière d'éviter à l'avenir !

Cordialement.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par LOBODU89 Jeu 11 Jan 2018 - 12:19

Bonjour @_Ayno,

Merci pour votre aide.
Dans la recherche de "L_WHO_IS_ONLINE" , voici le code que je trouve correspondant


Code:

 <!-- BEGIN switch_viewonline_nolink -->
 <div class="h3">{L_WHO_IS_ONLINE}</div>
 <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />

il n'y a pas d'autres "L_WHO_IS_ONLINE"

Je ne sais donc pas exactement quel endroit je doit mettre

Code:
   <div id="QEELperso">
</div>
    

Bien Cordialement
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par _Ayno Jeu 11 Jan 2018 - 12:50

Bonjour,

voilà vous avez trouvé, il faut mettre l'ouverture de balise div avant ce que vous avez montré, et la fermture "</div>" là où vous le souhaitez selon ce que vous voulez prendre en compte avec le bg.
_Ayno

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par LOBODU89 Jeu 11 Jan 2018 - 13:09

@_Ayno,

Je n'obtiens pas le résultat escompté, il n'y a pas l'image de fond de qeel et la barre de liens et le footer se trouvent décaler vers le bas et agrandis.
Je vous poste une copie du résultat
Mettre un fond au QEEL Oied10

Cordialement
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par _Ayno Jeu 11 Jan 2018 - 13:48

Pouvez-vous coller le template modifié ici sil vous plait
_Ayno

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par LOBODU89 Jeu 11 Jan 2018 - 14:02

@_Ayno

Les lignes ajoutées dans le index-body se situent aux lignes 77 et 138

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
 {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>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
 <div class="panel introduction">
 <div class="inner"><span class="corners-top"><span></span></span>
 <!-- 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 -->
 <span class="corners-bottom"><span></span></span></div>
 </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->


    <div class="M14_stats">
      <script>
    $(function(){if(_userdata["session_logged_in"] !== 1)
    $('.M14_stats').remove();
      });
    </script>


Voici les lignes ajoutées au CSS

*********************************** QEEL **************************************/
          .

    .QEELperso {
     background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
     background-repeat: no-repeat; /*pour éviter la répétition du bg*/
    }


Cordialement






 <!-- BEGIN switch_viewonline_link -->
      
      
 
      
      
      
 <!-- END switch_viewonline_link -->

 <!-- BEGIN switch_viewonline_nolink -->
      
     <div id="QEELperso">
      
      
 <div class="h3">{L_WHO_IS_ONLINE}</div>
 <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
    
  

  
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

 <!-- BEGIN switch_statistics_link -->
 <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
 <!-- END switch_statistics_link -->

 <!-- BEGIN switch_statistics_nolink -->
 <div class="h3">{L_STATISTICS}</div>
 <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
      
      </div>
    
      
 <!-- BEGIN switch_chatbox_activate -->
 <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
 <div class="page-bottom">
 {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
 {CHATTERS_LIST}<br />
 </div>
 <!-- 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 -->
 <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
 
{CHATBOX_BOTTOM}
</div>

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
 {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>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- 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}
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par _Ayno Jeu 11 Jan 2018 - 20:21

Vous vous méprenez,
ce que vous avez fait n'est pas bon.

Le code
Code:
#QEELperso {
     background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
     background-repeat: no-repeat; /*pour éviter la répétition du bg*/
    

est à mettre dans la feuille de style css, pour se faire il faut se rendre dans le Panneau d'administration > Affichage > Couleurs > Feuille CSS

Ensuite sur le template :

mettre l'ouverture de la balise :
Code:
<div id="QEELperso">
avant cette ligne :
Code:
<!-- BEGIN switch_viewonline_nolink -->
puis mettre la fermeture de la balise :
Code:
</div>
après cette ligne :
Code:
<!-- END disable_viewonline -->
_Ayno

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par LOBODU89 Jeu 11 Jan 2018 - 20:49

Bonsoir @Ayno,

Merci pour l'aide
J'ai bien mis les lignes dans le CSS et j'ai rajouté le "}" manquant

J'ai bien mis l'ouverture de la balise à la ligne 74 juste avant (<!-- BEGIN switch_viewonline_nolink -->)

J'ai bien mis la fermeture de la balise à la ligne 132 juste après (<!-- END disable_viewonline -->)

Je n'obtiens aucun changement mais aucune erreur et aucun décalage, rien ne change.

J'ai aussi changé l'adresse de l'image dans le CSS pour ne pas la confondre avec le footer qui était la même image et toujours pas de fond de QEEL. C'est à se tirer les cheveux.

Cordialement

LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par _Ayno Ven 12 Jan 2018 - 14:43

en relisant mon code css j'ai vu que j'ai fait une erreur entre les parenthèses, il faut y mettre des apostrophes : url('LIEN').

si aucun changement, merci de copier/coller la template complète pour voir si y'a à modifier

sur mon phpbb3 avec bg color :
Mettre un fond au QEEL Captur20
avec bg image :
Mettre un fond au QEEL Captur15
_Ayno

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par LOBODU89 Ven 12 Jan 2018 - 15:19

Bonjour _Ayno,

Merci pour votre patiente et votre persévérance, je n'ai toujours pas le fond de qeel qui apparait.
Je vous joins mon template, les deux lignes ajoutées se trouvent  aux lignes 75 et 133.

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
 {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>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
 <div class="panel introduction">
 <div class="inner"><span class="corners-top"><span></span></span>
 <!-- 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 -->
 <span class="corners-bottom"><span></span></span></div>
 </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}
    
<!-- BEGIN disable_viewonline -->
                                                
                                                                                           <div class="qeel"><center>

    <div class="M14_stats">
      <script>
    $(function(){if(_userdata["session_logged_in"] !== 1)
    $('.M14_stats').remove();
      });
    </script>






 

 <!-- BEGIN switch_viewonline_link -->
      
      

      
      
 
 <!-- END switch_viewonline_link -->
                                                                                                   <div id="QEELperso">
 <!-- BEGIN switch_viewonline_nolink -->
 <div class="h3">{L_WHO_IS_ONLINE}</div>
 <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
    
  
  
                                                                
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
                                                                                  
<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

 <!-- BEGIN switch_statistics_link -->
 <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
 <!-- END switch_statistics_link -->

 <!-- BEGIN switch_statistics_nolink -->
 <div class="h3">{L_STATISTICS}</div>
 <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
      
      </div>
      
      
 <!-- BEGIN switch_chatbox_activate -->
 <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
 <div class="page-bottom">
 {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
 {CHATTERS_LIST}<br />
 </div>
 <!-- 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 -->
 <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
                                                                                                        </div>                                                                      
{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
 {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>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

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

Cordialement.
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par _Ayno Ven 12 Jan 2018 - 15:25

Re,

j'ai vérifié la template ça me semble correct,
après le css il y avait juste le petit oublie de ma part.

J'ai tout essayé, je ne comprends, sur mon forum ça fonctionne.
_Ayno

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par LOBODU89 Ven 12 Jan 2018 - 15:27

Re,

Pourrait il y avoir des interférences entre le template et mon CSS ?

Cordialement
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par Miettes Ven 12 Jan 2018 - 15:46

Hum... Le problème ici, c'est que dans ton template tu as ça :
Code:
<div class="qeel"><center>

et dans ta CSS tu as ça :
Code:
. #QEELperso{
    background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
    background-repeat:no-repeat
}

Du coup, ça ne matche pas...

Correction :

Dans le template :
Code:
<div id="QEELperso"><center>

Dans la CSS :(on supprime le "point" qui ne sert à rien)
Code:
#QEELperso{
    background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
    background-repeat:no-repeat
}
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par _Ayno Ven 12 Jan 2018 - 15:47

Merci @Miettes d'être intervenu, je n'ai pas fait attention a ces choses
_Ayno

_Ayno
***

Messages : 127
Inscrit(e) le : 29/10/2017

http://second-monde.probb.fr
_Ayno a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par LOBODU89 Ven 12 Jan 2018 - 16:09

Merci @Miettes @_Ayno

J'ai fait la modification dans le CSS et le template en supprimant la ligne "<div class="qeel"><center>" et en ajoutant l'autre mais toujours le même résultat , pas de fond à l’horizon.

Cordialement
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par Miettes Ven 12 Jan 2018 - 16:11

tu as bien publié le template ? Parce qu'en regardant le code de ton forum, je vois toujours
Code:
<div class="qeel"><center>

EDIT :
Et je vois toujours l'erreur dans la CSS :
Code:
. #QEELperso{
    background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
    background-repeat:no-repeat
}

il faut supprimer le . avant #


Dernière édition par Miettes le Ven 12 Jan 2018 - 16:15, édité 1 fois
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par LOBODU89 Ven 12 Jan 2018 - 16:14

Oups @Miettes

Là il est publié, c'est pareil.
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par Miettes Ven 12 Jan 2018 - 16:16

C'est bien sur ce forum hein ?
http://amicaledescallois.forumactif.com/

Et je vois toujours l'erreur dans la CSS :
[code]. #QEELperso{
background-image:url(https://i.servimg.com/u/f62/14/75/62/44/bandea11.png);
background-repeat:no-repeat
}[/b]

il faut supprimer le . avant #
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par LOBODU89 Ven 12 Jan 2018 - 16:22

Big merci @Miettes @_Ayno

Vous êtes des chefs, je n'avais pas vu le point plus haut dans le CSS.
Je vais maintenant essayer de centrer l'image et la réduire en hauteur dans le QEEL, c'est une autre paire de manches.

Merci beaucoup
LOBODU89

LOBODU89
**

Masculin
Messages : 87
Inscrit(e) le : 30/11/2017

http://amicaledescallois.forumactif.com/
LOBODU89 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond au QEEL

Message par Miettes Ven 12 Jan 2018 - 16:27

Ah nickel =)

N'oublie pas de passer le topic en résolu du coup ^^

bon courage pour ton autre problème Smile
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes 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