Bonjour,

voila.
je voulais monter un ptit site Xoops pour ma toute jeune société .

C'est fait.
C'est redoutablement bien foutu et votre aide precieuse m'a permis d'avoir un site fonctionel .

Par contre je souffre sur la creation du theme .
En fait je ne sais meme pas si on peut faire un theme comme celui ci avec Xoops .

C'est surement simple, mais ce n'est vraiment pas mon domaine.

...et pas moyen de degager un budget pour ca .
( la boite est toute jeune, et le site n'est vraiment pas indispensable a l'activité ).
Neanmoins moi ca me plait :)

Etant graphiste, je peux tomber toutes les images .
C'est le fichier theme que je n'arrive pas a gerer .

J'ai lu les tutos dispos, mais je souffre toujours autant .

Si je post une image du resultat a obtenir, qqun aurait la gentillesse de m'aiguiller sur la fabrication du theme ?


Bonne Année a tous

Pour commer je te conseil d'utiliser la fonction recherche en haut a droite.Je suis sur tu va trouver ton bonheur.

Autrement tu te chope un theme qui te plais niv. affichage et couleur ,ensuite tu ouvre le fichier theme.html et tu remplace les images avec les tien.Avec blocnote ou dreamweaver.
Car je pense il ya assez themes sur frxoops et xoops.org pour trouve qq choses bien avec tres peux de modifications.

je suis dedans !
Le forum est une mine d'or ....

je continue a fouiller ;)
En fait je cherche a mettre une image DERRIERE le menu de gauche .....

comme le "menu utilisateur" de Xoops FRANCE !
Ce template est il dispo quelque part ?

je ne trouve pas de theme en DL avec une image dans les menus.
La plupart du temp ce sont simplement des couleurs .



merci de ta reponse rapide

J'ai trouvé un lien sur les images de fond ....

http://www.openweb.eu.org/articles/background_css/

c'est ca la solution ?
mais dans ce cas comment gerer la transparence des menu ?

Tu as vu ça ?

vivivivivi .

c'est humiliant de simplicité :D

...mais je ne parviens toujours a pas mettre
mes menus sur une image JPG :'(

je pense qu'il suffit de rajouter dans la feuille de style un truc du genre :

.fondimage {
background-image: url(./images/monimage.gif);
background-repeat: no-repeat;
}


non ?

ensuite tu l'appliques au tableau des menus...

...ca avance !

j'ai encore 2 petites questions :


j'ai une ligne blanche qui delimite mon bloc central, et je ne trouve pas ou la supprimer .
A ce demander si elle n'est pas du a autre chose qu'au CSS .

voila le CSS ( modifié a partir d'un modele downloadé ici )
--------------------------------------------------------
html {
scrollbar-face-color: #e6a682;
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #f4340d;
scrollbar-3dlight-color: #f4340d;
scrollbar-arrow-color: #CCCCCC;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #333355;
}

body {
color: #079edd;
background-color: #000000;
margin: 5;
padding: 0;
border-bottom: 5px solid #079edd;
border-right: 5px solid #079edd;
border-top: 5px solid #079edd;
border-left: 5px solid #079edd;
}

table {
width: 100%;
margin: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #079edd;
text-align:left;
align:left;}

table#table {
width: 90%;
align: left;
background-image: url('images/fond.jpg');
background-repeat: no-repeat;
background-position: left top;
}

table td {
padding: 5;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
line-height: normal;
color: #079edd;
}

div#content {
padding: 9px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
line-height: normal;
color: #079edd;
background-color: transparent; }

a {
color: #DD2222;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #333355;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul {}
li {}

input.formButton {}

.outer {}
.head {background-color: #f4340d; padding: 5px; font-weight: bold;}
.even {background-color: #e6a682; padding: 5px; }
.odd {background-color: #f4340d; padding: 5px; }
.foot {background-color: #f4340d; padding: 5px; font-weight: bold;}
tr.even td {background-color: #e6a682; padding: 5px;}
tr.odd td {background-color: #f4340d; padding: 5px;}

.head a {color: #AA2222;}
.even a {color: #AA2222;}
.odd a {color: #AA2222;}
.foot a {color: #AA2222;}

.item {}
.itemHead {padding: 9px; background-color: #f4340d; color: #079edd; font-weight: bold; text-align: left; }
.itemInfo {text-align: right; padding: 3px; background-color: #f4340d; color: #079edd;}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #079edd; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {text-align:left; margin-top: 5px; margin-bottom: 5px; color: #079edd;}
.itemText:first-letter {font-size: 133%; font-weight: bold; color: #079edd;}
.itemFoot {text-align: right; padding: 3px; background-color: #000000}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #f4340d; font-weight:bold; background-color: #000000; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #FF0000; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0px none;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

th {background-color: #f4340d; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

td#headerbanner {vertical-align: middle;}
td#headerbar {align: right; text-align: center; vertical-align: middle; font-size:80%; }
td#headerbar_login {text-align: center; vertical-align: bottom; align:right; font-size:80%; }
td#headerbarleft {text-align: center; vertical-align: middle; font-size:80%; }

td#leftcolumn {width: 170px; font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
line-height: normal;
color: #079edd; text-align: left;}
td#leftcolumn th {color: #079edd; vertical-align: middle; align: center;}
td#leftcolumn div.blockTitle {padding: 9px; background-color: transparent; color: #f4340d; font-weight: bold; text-align: center;}

}




td#centercolumn th {padding: 6px; color: #079edd; font-weight: bold; text-align: left; }
td#centercolumn {align:center;}
td#centercolumn div.blockContent {text-align: left; padding: 60px; margin-left: 40px ;background-color: transparent;}

td#centerCcolumn {}
td#centerCcolumn legend.blockTitle {
color: #f4340d;
font-weight: bold;
text-align: center;

}

td#centerCcolumn div.blockContent {background-color: transparent;}

td#centerLcolumn {width: 50%;text-align: left;}
td#centerLcolumn legend.blockTitle {padding: 3px;
color: #f4340d;
font-weight: bold;
text-align: center;}

td#centerLcolumn div.blockContent {background-color: transparent;}

td#centerRcolumn {width: 50%;text-align: left;}
td#centerRcolumn legend.blockTitle {
padding: 3px;
color: #f4340d;
font-weight: bold;
text-align: center; }

td#centerRcolumn div.blockContent { background-color: transparent;}

td#rightcolumn {
width: 170px;
font-size:12px;
text-align: left;
background-image: url('images/?.gif');
background-repeat: no-repeat;
background-position: right 85%;
}

td#rightcolumn th {color: #079edd; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 9px; background-color: transparent; color: #f4340d; font-weight: bold; text-align: center;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%; background-color: transparent;}

td#usermenu a {background-color: transparent; text-align:left; display: block;}
td#usermenu a:hover {color: #333355;}
td#usermenu a.highlight {background-color: #079edd; color: #DD2222;}
td#usermenu a.highlight:hover {background-color: #f4340d; color: #079edd;}


td#mainmenu a {background-color: transparent; text-align:left; display: block; }
td#mainmenu a:hover {color: #333355;}
td#mainmenu a.menuSub {padding-left: 9px; color: #AA2222;}

div.xoopsQuote { background: #e6a682; color: #f4340d; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote a {color: #004477; font-weight:bold;}
div.xoopsQuote a:hover {color: #333355; font-weight:bold; }

div.xoopsCode { background: #e6a682; color: #f4340d; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}

div.errorMsg { background-color: #e6a682; text-align: center; font-weight: bold; padding: 10px;}

div.confirmMsg {color: #f4340d; text-align: center; font-weight: bold; padding: 10px; background-color: #e6a682;}

div.resultMsg {color: #f4340d; text-align: center; font-weight: bold; padding: 10px; background-color: #e6a682;}

td#footer {
color: #079edd;
text-align: center;
vertical-align: middle;
}

...rahhh j'ai vraiment l'impression que cet "encadré blanc" est du a l'affichage du bloc .
Et que le parametre ne se trouve pas dans le fichier CSS .

:'(

hmmm .

j'ai trouvé ! Grace a un vieux post ici ...
"fieldset" de malheur !


merci du coup de main .

heu, comment on flag ce post en "resolu" ? :)