Problemes affichage sur le forum

[atho]

Détails techniques

Version du forum : phpBB2
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
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous

J 'ai deux petits problemes visuels et je m acharnes dessus sans succès. Pouvez vous m aider ?

Tout d abord j ai appliqué à la barre d accueil un effet de police plus petite quand on passe la souris dessus.Le problème est que ça fait bouger l emplacement de ce que je pense être la bodyline je suppose qu il faut mettre un "fixed" quelque part mais je n 'ai pas trouvé où ?

Deuxièmement je mets en place en ce moment un thème qui change couleurs et images selon l heure. Mon code me convient à 99 % seulement je n arrive pas a changer le fond de couleur de la barre de recherche alors que sur le forum j ai vu que ça correspondait à #fa_search #fa_textarea
Du coup quand j applique mon code la couleurs ne change pas à cet endroit ( ça devrait être orange)

Je vous serais super reconnaissante si vous pouviez l aider Merci et bonne journée !

[Neptunia]

Bonjour ^^


Pour le second problème, quel code avez vous testé ?

[atho]

Bonjour ^^


Pour le second problème, quel code avez vous testé ?

Bonjour voici le code que j ai utilisé c'est la dernière ligne qui pose problème

Code:

jQuery(document).ready(function(){var date = new Date();
        var heure = date.getHours();
        if(heure >= 7 && heure < 19){
          $("#pun-logo img,#i_logo,#logo img").attr("src", "https://zupimages.net/up/21/13/lrt8.jpg");
          $("body").css("background-image", "url('https://zupimages.net/up/21/13/bz8c.png')");
              $("body").css("background-color","#4FCCC7");
      $("td.bodyline").css("background-color","#4FCCC7");
      $("td").css("background-color","#4FCCC7");
      $("th.secondarytitle").css("background-color","#FD6A6D");
      $("th").css("background-color","#FD6A6D");
      $("th.thLeft").css("background-color","#FD6A6D");
      $("th.thRight").css("background-color","#FD6A6D");
      $("td.row1.over:hover").css("background-color","#A2EDE9");
      $("select").css("background-color","#FD6A6D");
                $("input").css("background-color","#FD6A6D");
                $("div.fb_or").css("background-color","#FD6A6D");
              $("#fa_search #fa_textarea").css("background-color","#FD6A6D");
                       }
         });

Le principe de la manip c'est de mettre le thème de nuit et le code permet "d'appliquer" le thème de jour selon les horaire predefinis
Merci

[Neptunia]

Essayez de remplacer la ligne 17 par ceci :

Code:

$("#fa_search #fa_textarea").css("background-color","#FD6A6D !important");

[atho]

Essayez de remplacer la ligne 17 par ceci :

Code:

$("#fa_search #fa_textarea").css("background-color","#FD6A6D !important");

Re

Je viens de le faire mais la couleur ne change pas

[Neptunia]

Ce script est fonctionnel (et testé)

Code:

jQuery(document).ready(function(){$(function(){var date = new Date();
        var heure = date.getHours();
        if(heure >= 7 && heure < 19){
          $("#pun-logo img,#i_logo,#logo img").attr("src", "https://zupimages.net/up/21/13/lrt8.jpg");
          $("body").css("background-image", "url('https://zupimages.net/up/21/13/bz8c.png')");
              $("body").css("background-color","#4FCCC7");
      $("td.bodyline").css("background-color","#4FCCC7");
      $("td").css("background-color","#4FCCC7");
      $("th.secondarytitle").css("background-color","#FD6A6D");
      $("th").css("background-color","#FD6A6D");
      $("th.thLeft").css("background-color","#FD6A6D");
      $("th.thRight").css("background-color","#FD6A6D");
      $("td.row1.over:hover").css("background-color","#A2EDE9");
      $("select").css("background-color","#FD6A6D");
                $("input").css("background-color","#FD6A6D");
                $("div.fb_or").css("background-color","#FD6A6D");
              $("#fa_search #fa_textarea").css("background-color","#FD6A6D");
                      }
        })});

La toolbar étant gérée côté serveur par du javascript, il convient de rajouter une seconde temporisation ( $(function(){ )lorsque l'on veut agir sur ce composant.

Le paramètre !important que j'avais ajouté au code précédent est quant à lui nécessaire dans la feuille de style pour la même raison. La toolbar est chargée après le reste et son CSS est défini après et par conséquent irait écraser la valeur de la feuille CSS sans la présence du paramètre !important.

Comme ici c'est le javascript perso qui est exécuté en dernier, !important n'est plus nécessaire.

[atho]

Pardon si ce qui va suivre n'est pas juste, je debute

Du coup ça donnerais un truc comme ça ?

Code:

jQuery(document).ready(function(){$(function(){var date = new Date();
        var heure = date.getHours();
        if(heure >= 7 && heure < 19){
          $("#pun-logo img,#i_logo,#logo img").attr("src", "https://zupimages.net/up/21/13/lrt8.jpg");
          $("body").css("background-image", "url('https://zupimages.net/up/21/13/bz8c.png')");
              $("body").css("background-color","#4FCCC7");
      $("td.bodyline").css("background-color","#4FCCC7");
      $("td").css("background-color","#4FCCC7");
      $("th.secondarytitle").css("background-color","#FD6A6D");
      $("th").css("background-color","#FD6A6D");
      $("th.thLeft").css("background-color","#FD6A6D");
      $("th.thRight").css("background-color","#FD6A6D");
      $("td.row1.over:hover").css("background-color","#A2EDE9");
      $("select").css("background-color","#FD6A6D");
                $("input").css("background-color","#FD6A6D");
                $("div.fb_or").css("background-color","#FD6A6D");
{$(function(){var date = new Date();
        var heure = date.getHours();
        if(heure >= 7 && heure < 19){
              $("#fa_search #fa_textarea").css("background-color","#FD6A6D !important");
                       }
         })});

[Neptunia]

Non, mon code est suffisant.

J'expliquais simplement pourquoi le paramètre !important n'était pas nécessaire dans le script parce que la propriété CSS est modifiée en dernier (par le biais du script personnalisé)

Je résume :
- Si la feuille CSS définit un attribut (background-color ou autre) pour la toolbar, il faut utiliser le paramètre !important parce que le script interne de la toolbar, chargé après le css perso, va affecter l'attribut voulu.
- Si la feuille css ne définit rien, le script interne va configurer des valeurs pour la toolbar sans problème, et un éventuel script personnalisé pourra redéfinir ces valeurs sans qu'il soit nécessaire d'utiliser !important

Dans le cas qui nous interesse, le paramètre !important ne serait requis que si le css perso utilise déjà !important, par exemple pour le css utilisé la nuit.

[atho]

Donc si je ne retrouve dans mon CSS aucune mention à #fa_search #fa_textarea le script devrait marcher ? Mais pourtant je ne vois pas de mention dans le css et ça ne marche pas Désolée je dois vous paraitre neuneu mais mes connaissances dans le domaines sont très limités J apprend petit à petit

[Neptunia]

Vous pouvez voir par vous-même que le script fonctionne. Il suffit de changer l'heure de votre ordinateur pour voir que ça ne fonctionne qu'entre 7h du matin et 7h du soir.



Si ça ne marche pas chez vous, peut-être y a t'il une erreur dans l'un de vos autres scripts ?

---

Edité à 13h59

Pas étonnant que ça ne fonctionne pas chez vous. Vous utilisez ma réponse du 8 juin à 11h58 (non testée) au lieu de celle du même jour à 13h25, testée et fonctionnelle.

[atho]

Vous pouvez voir par vous-même que le script fonctionne. Il suffit de changer l'heure de votre ordinateur pour voir que ça ne fonctionne qu'entre 7h du matin et 7h du soir.



Si ça ne marche pas chez vous, peut-être y a t'il une erreur dans l'un de vos autres scripts ?

---

Edité à 13h59

Pas étonnant que ça ne fonctionne pas chez vous. Vous utilisez ma réponse du 8 juin à 11h58 (non testée) au lieu de celle du même jour à 13h25, testée et fonctionnelle.

Quelle idiote je suis Merci infiniment Neptunia ça marche ! Je voudrais pas abuser est ce que vous seriez dans quelle direction je dois aller pour mon deuxième problème qui est de fixer ce que je suppose être ma bodyline qui actuellement bouge quand on passe la souris sur le menue d 'accueil ? Merci d'avance  

[atho]

Hello je Up pour mon problème de bodyline qui bouge quand on passe la souris sur la barre d accueil Il faut probablement la fixer mais je n arrive pas à voir où Quelqu’un pour m aider svp ? Merci

[atho]

UP svp

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[atho]

Up svp

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.