image de fond ?

johannès

Juin 2004

bonjour,
je suis complètement novice avec spip (mais je me soigne)
voilà mon problème : je voudrais mettre une image de fond sur toutes les pages de mon futur site mais ça ne marche pas !
j’ai édité spip_style.css pour ajouter l’image dans le body comme ça

body {background-image:url(mon_image.jpg)}

bien sûr mon image est à la racine du site, donc dans le bon dossier, l’édition est effectuée à l’éditeur de texte (KWrite)
quelqu’un peut-il m’indiquer mon erreur ?

CSS Pagination Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Henri

Juin 2004

Bonjour,

Ta formule semble bonne. Essaye de donner tout le chemin qui permet à aller sur ton image, non pas de manière relative, mais absolue. Il faut donc commencer par http://

Dans le cas de mon site (et l’image s’affiche !! ) ça donne :

body background : white ;
background-image : url(http://pagesperso.laposte.net/henridevos/img/frise.gif) ;
background-repeat : repeat-x ;
margin : 1em ;

Courage !

Henri

ps : tu me pardonneras, je n’arrive par à débrayer les raccourcis typo de Spip, en particulier ici le crochet simple ... c’est un peu rageant, il y a un truc puisque tu arrives à le faire ! (explique moi ! )
le lien vers cette feuille de style :
http://pagesperso.laposte.net/henridevos/css/accueil.css
Indiquez l’intérêt que vous portez à cette réponse

0

Hattu

Juillet 2004

Salut,

Ton code est correct.
Quelle est la taille de ton image ?
Tu peux aussi ajouter les specifs pour régler la position de l’image : top, bottom, right, left. Evidemment tu peux coupler ces specs, pour placer ton image par eexemple en haut à gauche tu devras utiliser :

body
background : url(mon_image.jpg) top left ;

Tu remarqueras que l’appel n’est plus "background-image" mais "background".

Ciao
Indiquez l’intérêt que vous portez à cette réponse

0
Luc Baudry

Juillet 2005
Bonjour.
Desirant mettre une image de fond sur ma page d’article, j’ai modifié le CSS typographie.css ainsi :
body {background-image:url(urldemonimage.jpg); background-attachment : fixed; background-repeat : no-repeat; background-position : center top; margin: 10px; } a { text-decoration: none; color: #505050; } a:hover { text-decoration: none; color: #303030; background: #e8e8e8; }
Mais celà n’a aucun effet, le fond de mes articles reste desespérement blanc.
Qu’ai je donc fait pour mériter celà ?
Indiquez l’intérêt que vous portez à cette réponse

0

Manu

Juillet 2005

Je suis en train d’explorer la crétion de squelettes SPIP, donc ma réponse est à prendre avec des pincettes.
Si tu veux modifier le fond des articles (body modifie "toute" la page) il faut que tu regarde dans autre chose que body (".texte" peut-être ?) et peut-être aussi dans un autre fichier CSS que typographie.css
Désolé de pas être plus précis, mais je débute en SPIP.

Sinon, ça peut paraitre bête, mais tu as bien recalculé ta page ?

Manu.
Indiquez l’intérêt que vous portez à cette réponse

0

Luc Baudry

Juillet 2005

Bien sûr j’ai recalculé :)

En fait, j’ai egalement appliqué ce style à spip-styles.css

Mais je ne veux pas l’appliquer sur .texte car mes squelettes sont des tableaux contenant un espace #Texte, un espace #chapo, un espace #Description etc...
Et j’ai besoin de faire apparaître une image de fond sur l’ensemble de la page article. Je ne comprend pas que l’appliquer sur le BODY ne fonctionne pas
Indiquez l’intérêt que vous portez à cette réponse

0

Manu

Juillet 2005

Ton code a l’air bon.
Y’a-t-il plusieurs feuilles de style liées ?
Si tu spécifie la même chose dans habillage.css et spip_style.css (et autre fichier css... je sais plus lequel prends le pas sur les autres) cela peut-être marcher.

D’autre part, une autre hypothèse "bête", un élément ne cache-t-il pas ton fond ?
Teste en laissant juste "background-image:url(urldemonimage.jpg) ;"

Bon courage.
Indiquez l’intérêt que vous portez à cette réponse

0

Luc Baudry

Juillet 2005

C’est bien entendu la première chose que j’ai faite.
J’utilise plusieurs CSS (Habillage.css, spip_style.css, impression.css, typographie.css, spip_admin.css et un couleur.css que j’ai créé moi-même)
Ils ont tous le même code mais pas de resultat.

Quant à ne mettre que l’url de l’image, c’est la première chose que j’avais faite ;)
Indiquez l’intérêt que vous portez à cette réponse

0

Manu

Juillet 2005

Ca me semble étrange...
Si c’est en ligne, peut-on voir le site ?
Indiquez l’intérêt que vous portez à cette réponse

0

Luc Baudry

Juillet 2005

Pourquoi pas ?
Le contenu est present à titre d’essai ;)

http://pc.dde42.net/article.php3?id_article=26
Indiquez l’intérêt que vous portez à cette réponse

0

Manu

Juillet 2005

Chez moi (Safari 2.0 et Firefox 1.0.4) le logo s’affiche dans la page sommaire (et dans les autres aussi) mais effectivement pas dans l’article "avant-propos"...
As tu essayé d’enlever les couleurs de fond (blanc et gris) au bloc du haut et au bloc de texte ?
Indiquez l’intérêt que vous portez à cette réponse

0
Luc Baudry

Juillet 2005
Celà m’etonne, j’utilise IE6 et mon logo de fond n’apparait vraiment nulle part. Or, c’est une necessité que celà fonctionne sur cette plateforme.

Les pages d’articles (hors menu de gauche, du haut et du bas à fond violet) sont de type celluleb défini dans mon couleur.css ainsi :
.celluleb { background-image:url(http://pc.dde42.net/fond.jpg); background-attachment : fixed; background-repeat : no-repeat; background-position : center top; margin: 10px; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
Mes autres CSS ne contiennent pas de mentions de couleur de fond
Indiquez l’intérêt que vous portez à cette réponse

0

Luc Baudry

Juillet 2005

J’ai trouvé finalement tout seul, miracle :)

En réalité, j’avais tout simplement oublié de changer la couleur du cadre de tableau principal, ce dernier ecrasait donc de son blanc l’ensemble des cellules de tableau.

Le code fourni plus haut était donc bien correct mais il faut faire attentions aux couleurs definies dans le squelette.

Merci pour tou Manu
Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2005

Tant mieux si ça marche :)
Indiquez l’intérêt que vous portez à cette réponse

0

pichaillon42

Mai 2012

Bonjour
je voudrais inserer une image en fond de site dans mon site, mais je ne sais comment faire,( je débute avec spip)
merci de votre aide