Voila une question tellement vaste que je vais etre plus precis.

Contexte:

Je dispose d'une magnifique image dessinée par un pro sur le theme de la piraterie. Notre site traite justement d'un jeu de carte à construire ( si vous etes curieux, potsm-france)sur ce theme.

Nous sommes en train de faire la mise a jour vers 2.018 fr contenant xeaol que j'ai choisis comme base de depart ( a vrai dire, mon choix s'est surtout fait par meconnaissance des types de themes disponibles).

Données :

je dispose donc d'un site en localhost vierge de tout modules theme par default xeaol ( choix non arreté)
Je dispose d'une image que voici :






il vous faut aussi voir le site actuel:

http:\www.potsm-france.com


Problematique :

Apres un test rapide sur le forum actuel, le simple passage en fond de l'image donne un resultat plus que descevant... mais vous vous en doutez... cela m'a permis de comprendre que l'affichage de tout ces blocs sur notre page principal est surement une erreur.

A votre avis, quelles sont les options dont je dispose pour mettre en valeur cette image ?

Donnez moi les pistes, les options pour lesquels vous opteriez s'il vous plait.

Apres avoir pas mal lu sur le sujet, a l'instinct je dirais qu'il nous faudrait une page d'acceuil ultra simple. Mais comment avoir des fonds differents selon les pages ?

et enfin , en redigeant ce sujet, je vois que le X de xoops France ( la banniere de cette page ^^), recolle avec le fond de la marge de gauche ... Est ce une piste ? Existe t 'il des gabrits de decoupage pour chaque themes ?

Vous voyez le topo ...merci de votre aide et de toutes explications consernant la structure des themes ...

b'soir,

Je te conseille de commencer par utiliser un gabarit de thème morphogenesis pour comprendre le fonctionnement des thèmes (morphogenesis 2.10).

Ce gabarit de thème - sur lequel est basé xeaol je crois - dispose d'un calque d'arrière plan (xo-bgstatic), qu'il s'agit de "remplir" par une image de fond depuis la feuille style.css (#xo-bgstatic {...}).

Pour faire alterner l'image de fond pour chaque module, je crois que ce type de class (toujours dans style.css) doit fonctionner :
Citation :

Pour profiter de l'image de fond, il faut prévoir la transparence du contenu des zones :
- blocs -> blocks.css
- zone de contenu -> style.css (#xo-canvas-content puis #xo-content...)

Pour t'y retrouver avec ce gabarit de thème :
- la doc dans ma signature
- le wiki de Kris

@+

Tout d'abord merci, pour ces quelques liens qui vont m'etre tres utiles...et je vais poser une question derivées de mes premieres observations extraitent de mes premiers " bidouillage" du site de base, www.potsm-france.com.

j'ai tester l'insertion direct de l'image en fond et me suis aperçu qu'il fallait couper l'image en deux ( au moins) afin de placer la partie haute de l'image en header ( title) et le reste dans le corps de page ( wall). Aores avoir bien observé et modifié par test successif, j'arrive a une image de bonne largueur, de bonne hauteur ( qui m'obligera tout de meme a modifier mes menus...passons). POurtant, malgres toutes mes suppressions de reference de marge pour l'entete, un cadre persiste.

En observant la source html je contaste :

<table cellspacing="0" cellpadding="0">
<tr>
<td id="header3"><br><div align="center"><img src="http://www.potsm-france.com/themes/do ... ><br></td>

</tr>
</table>

La persistance d'un cadre autour de la banniere viens t'elle
de la presence du tableau ? ou ce cadre appartient il a header 3. Je ne trouve pas de fichier parlant de header x...

Dois modifier un fichier xoopsimiesque ? Si cela viens de la structure, peut etre vaut il mieux que je passe a autre chose comme tu me l'as conseillé en travaillant a partir du gabarit morphogenesis. En attendant, je n'arrive pas trouver
ce que je cherche et je suis piqué au vif ^^

Bonjour,

1) la bordure autour de ton image vient de celle-ci
2) en effet, comme burning, je te conseille l'utilisation du gabarit de thème morphogenesis pour faire ce que tu désires

@++

Je m'inscris en faux !! lol

NOn mais c'est pas grave pour la bordure, je part en effet du gabarit que vous me conseillez.

Je vais peut etre reposer la meme question mais plutot coté "faisabilité".

Je m'aperçois qu'integrer une image " complete" comme fond d'une page, n'est pas evident a cause de l'extensibilité du contenu des modules.
De plus la lisibilité du site qui est actuellement dans un ton marron et maron- creùme de saumon avec des morceaux ( vous comprenez ainsi ma volonté de changer tout ca) n'est pas top avec une image pleine.

J'ai vu que beaucoup de theme utilise l'astuce de repetition de motif pour completer les hauteurs des contenus des modules..

Apres le telechargement de plusieurs themes ( j'en cherche toujours un qui s'appuie sur un "vrai fond"...).

Je suis toujours a la recherche d'idée originale...

J'ai pensé à faire une image cliquable en corps...
J'ai pensé a rendre mobile tout les blocs...
J'ai pensé a retravailler l'image differemment et faire un degradé vers une couleur unie et utiliser la " repetition".

je ne sais pas moi...

Tiens une question... est t il possible d'afficher mon image par dessus la page actuelle et que au passge de la souris l'image devienne transparente, comme une lampe sur un mur ?
Pres la connection du membre je n'ai plus besoin de l'effet.

Voila, je suis en train de faire mes modifs de themes sur la base d'un gabarit Morphogensis.

Je m'inspire du theme thm_kris112... Qui m'a donné l'idée de placer l'image sur la partie droite de l'ecran avec un effet degradé vers la texture qui sera en background du canvas.

Malheureusement pour moi, ce type de theme basé sur un img background fixe plus grand que le canvas ne reagit pas de la meme façon selon que vous etes en 800 par 600 ou 1400 par ...

Existe t il un moyen de predefinir un jeu de css par type d'affichage ?

Bonjour,

Quelle est la dimension d'origine de ton image ?

@++

Mon image à l'origine fait 1256 par 850.

Je n'ai fait qu'utiliser le format du background du theme en fait.

En ce qui concerne les differents mode d'affichage, je peut effectivement faire trois themes et laisser visible le block theme...mais bon ... je suis sur que vous avez mieux que cela ^^

Bonjour,
Moi personnellement j'aurais ajouté un bloc au centre et réduit cette image avec possibilité de cliquer desus pour la voire en grandeur réel.tel une affiche publicitaire quoi, sinon tu vais être obligé de tout refaire ton site etc...enfin voila une idée comme une autre.
Pour résumer n'utilise pas cette belle image comme fond mais comme affiche et tu tourne autour

Pour répondre à ton effet sur l'image il y a un site de script et javascript qui en possède d'excellents, tu vas très vite trouver en tapant sur le moteur de recherche script passage de la souris sur image enfin tape ce que tu recherches.