Fork me on GitHub






Module PAGES: background-image
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Bonjour ...

Je souhaite utiliser le module "pages" et mettre une image de fond pour chaque page créée.

Je n'y arrive malheureusement pas ! J'ai tenté du code html en insérant l'article dans des balises (div,p,span,...) pour lesquelles j'avais défini en style inline "background-image", j'ai essayé avec balise "img" avec "z-index" et/ou "position" , mais rien n'y fait je n'arrive pas à mettre une image de fond...

Quelqu'un a-t'il la solution ?

Posté le : 18/02/2008 11:37

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Module PAGES: background-image
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Pour l'instant j'utilise un pis aller, c'est à dire que j'affiche une image (qui servira de fond) et ensuite je créé le texte que j'englobe dans une balise span avec les attributs style="position:relative;top:-hauteur de l'image;z-index:2".

Mais comme je le dis, ce n'est qu'un artifice qui ne me satisfait pas. J'aimerais trouver comment définir un background.

Posté le : 18/02/2008 14:00

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Module PAGES: background-image
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Salut,
Peux-tu préciser la version ? et éventuellement un lien vers l'archive.
De cette façon, si quelqu'un veut le tester pour voir ton souci, on arrive directement au bon module.

Posté le : 18/02/2008 15:26
Partager Twitter Partagez cette article sur GG+
Re: Module PAGES: background-image
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Je viens de tester le module pages 1.16rc
Lorsque je créé une nouvelle page, j'ajoute ce code au tout début, dans la zone de contenu :
<style type="text/css">div#xo-content div#test {background-image:url("./Image/help.gif");}</style><div id="test">


Puis je tape mon texte complet.

et je termine par le code
</div>


Et lorsque je regarde ma page, dans un thème à base de morphogenesis, je vois l'image en question sur le fond de mon article.

Pour m'économiser un peu de peine à chaque création d'article, j'édite le fichier /pages/admin/index.php, à la ligne 59
et je remplace le code existant par celui-ci
$page '<style type="text/css">div#xo-content div#test {background-image:url("./Image/help.gif");}</style><div id="test">';


De cette façon, à chaque fois que je créé un article, j'ai ce code qui est inséré au tout début de mon texte.
Je dois juste penser à fermer la balise DIV.

Après, tout dépend du thème que tu utilises (pour la bonne déclaration du style), et tout dépend de l'image que tu veux mettre (son emplacement, si elle doit être répétée en hauteur, en largeur, les deux ou pas du tout).

Posté le : 18/02/2008 16:39
Partager Twitter Partagez cette article sur GG+
Re: Module PAGES: background-image
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Une petite modification de code !
Plus besoin d'ajouter à la main la fermeture du < div > initial.
Toujours dans pages/admin/index.php
Vers la ligne 587, juste sous
$created time();

J'ajoute ceci :
$page .= '</div>';


De cette façon, lorsque je clique sur le lien pour créer une nouvelle page, j'ai ma déclaration de style qui apparaît dans le bloc de saisie du contenu.
Je saisis donc mon texte.
Puis je valide simplement.
La fermeture du < div > sera ajoutée automatiquement.

Par la suite, si tu édites ton texte, tu retrouveras la déclaration de style au début du bloc, et tu trouveras bien le < /div > tout à la fin.

C'est de l'archi-bricolage, mais ça semble fonctionner.

Posté le : 18/02/2008 16:50
Partager Twitter Partagez cette article sur GG+
Re: Module PAGES: background-image
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Tout ça parait excellent, je vais essayer de suite !!!

Cependant tu reprends ce que j'avais essayé (div englobant le contenu) à la différence que le style était en attribut dans la balise elle-même. Et ça ne marchait pas ...

Je vais essayer tout de même. J'utilise page 1.16rc aussi.

Merci !

Posté le : 18/02/2008 17:08

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Module PAGES: background-image
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
J'avais testé avec le style dans le div, et j'avais pas eu de soucis non plus.
Ensuite, j'ai 'sorti' la déclaration de < div >

Je ne mets pas cette déclaration dans un fichier externe pour le moment.
Dans tous les cas, tu pourrais facilement (et depuis l'administration avec la méthode actuelle), modifier ton article/style (et mettre une image différente pour chaque article par exemple).

Posté le : 18/02/2008 17:15
Partager Twitter Partagez cette article sur GG+
Re: Module PAGES: background-image
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Ca fonctionne ! Merci ...

Par curiosité j'ai omis le div #xo-content et ça fonctionne.

Pourquoi ce div #xo-content ??

Posté le : 18/02/2008 17:31

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Module PAGES: background-image
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Ca faisait partie de la structure de mon thème

Posté le : 18/02/2008 18:06
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

49 Personne(s) en ligne (39 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 49 | Plus ...