Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Identifiez-vous Inscrivez-vous Accueil du forum Aide sur le forum
Rester informé des mises à jour et offres TOWeb en souscrivant à la Newsletter TOWeb
pagexl.com pour la création gratuite et facile de sites "one page" (page unique)


IMPORTANT: Avant de poster un message sur le forum n'oubliez pas :
1. d'effectuer une recherche sur le forum ainsi que dans l'aide en ligne TOWeb
2. de consulter les tutoriels vidéo sur YouTube et les dernières informations du blog de TOWeb
3. de consulter les tutoriels de Frangin62
Forum TOWeb|-TOWeb| |-Scripts & astuces pour votre site| | |-Images en arrière plan « sujet précédent | | sujet suivant »
Pages: [1] Bas de page Imprimer
Auteur Fil de discussion: Images en arrière plan  (Lu 2195 fois)
frangin62
Hero Member
*****

Nombre de "j'aime" : 127
Messages: 2643



WWW
« le: 23 Février 2017 à 09h01 »

Bonjour,
Jacmgt a donné une solution pour changer l'image d'arrière plan dans chaque rubrique, merci à lui
 http://www.lauyan.com/forum-fr/index.php?topic=7811.0  
Seulement si l'on veut avoir une image identique sur presque tout le site, il faut le recopier dans le head de chaque rubrique. (trois ou quatre, ça va, cinquante et plus..... pfiou)

On peut améliorer ce script afin de pouvoir modifier cette image que pour une ou deux rubriques (pour les mettre plus en rapport avec le sujet traité par exemple). Les images doivent toujours être chargées dans " _fields "  ( voir lien jacmgt ) ,  
L'image principale est bien sûr chargée dans Thème/CSS/Site   onglet fond et avec les paramètres qui vont bien.

Voici le script modifié

<style type="text/css">
#site {
  background: url(_fields/images1.jpg) param1 param2 param3 param4 !important;
  background-size: param5 !important;
}
</style>
Les paramètres sont équivalents à ceux utilisés dans TOWeb

paramètres      eqiv TW            Valeurs possibles
param1           (Répéter)           repeat  ,  no-repeat   ,   repeat x  ,  repeat y
param2           (Origine)            scroll  ,  fixed
param3           (PositionH)        left   ,   center   ,   right
param4           (PositionV)        top   ,   center   ,   bottom
param5           (Taille)              25% , 50% , 75% , 100% , 100% 100% , cover , contain

Un exemple
<style type="text/css">
#site {
  background: url(_fields/images1.jpg) no-repeat fixed center top !important;
  background-size: cover !important;
}
</style>

Attention le paramètre   "  !important  "    est en effet très important, c'est lui qui permet de remplacer l'image, il est prioritaire.
Vous pouvez utiliser ce script dans tous les cas, il fonctionne même s'il n'y a pas d'image principale.

Voir ici http://jemontre62.free.fr/index.html     Accueil est sans paramètres (donc param par défaut de TW , Contact avec les paramètres mais une image distendue, Thème & CSS/Tous les tests/Liste de liens  avec les paramètres et une image dans la taille du site d'origine donc correcte. Toutes les autres rubriques sont avec l'image principale.

Cdlt
frangin62

J'ai oublié de dire que ce script tel quel est spécifique à TW, pas la peine de le revendre à un concurrent, ça ne marchera pas  Souriant  Souriant  Grima&ccedil;ant
« Dernière édition: 23 Février 2017 à 09h43 par frangin62 » Journalisée

Pages: [1] Haut de page Imprimer 
« sujet précédent | | sujet suivant »
Aller à:  


Cliquez ici pour vous abonner au flux RSS du forum  -  
Powered by SMF 1.1.18 | SMF © 2006-2009, Simple Machines