existe t'il un tuto qui montre comment faire pour changer un thème qui existe en le personnalisant comme on le veut ??

de tuto peut être pas mais des tutorials certainement, en cherchant 'tutorial theme' ,'tutoriaux themes' dans la boite de recherche en haut à droite, ça devrait le faire ou
dans les tutorials flash ou dans le bloc "documentation" a droite en bas page d'accueil, finalement des tutorials sur les thèmes y en a partout

faut chercher un peu !


https://www.frxoops.org/modules/smartfaq/faq.php?faqid=533

themes

oui merci mais sa m'expique pas comment changer la couleur des rebords par exemple

en général, les thèmes sont accompagnés d'une feuille de style .css, c'est dans cette feuille que l'on change habituellement les couleurs.

que désigne le mot "rebords" ?

pour la page de style .ccs du thème
il faut l'ouvrir dans dreamweaver par exemple
(en demandant à dream de ne rien changer au code),
-- puis imprimer la page pour pouvoir y importer des notes,
et faire des essais en changeant des données de couleur, et en pouvant revenir en arriere (ctrl+Z) à tout moment.

bon courage

body {color: #000000; background-color: #EEEEEE; margin: 8px; padding: 0;}
body td, p, div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

table {width: 100%; margin: 0; padding: 0;}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

a:link, a:active, a:visited {color: #006600; text-decoration: none;}
a:hover {color: #006600; text-decoration: underline;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul {margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li {margin-left: 2px; list-style: square inside;}

input, select, textarea {color: #000000; background-color: #FFFFFF; border: 1px solid #7FB27F; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1px;}
input.formButton {}


.item {margin-bottom: 8px;}
.itemHead {padding: 4px; border-left: 8px solid #7FB27F; border-bottom: 1px solid #7FB27F; background-color: #E5EFE5; color: #006600; font-weight: bold;}
.itemInfo {padding: 4px; text-align: center; border-bottom: 1px solid #B2D1B2; color: #66A366;}
.itemTitle a {}
.itemPoster {font-size: 90%;}
.itemPostDate {font-size: 90%;}
.itemStats {font-size: 90%;}
.itemBody {padding: 8px;}
.itemText {line-height: 1.5em; margin: 0px;}
.itemText:first-letter {}
.itemFoot {text-align: center; padding: 4px; border: 1px solid #B2D1B2; color: #66A366;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background-color: #7FB27F; color: #FFFFFF; padding : 4px; vertical-align : middle; font-size: 11px;}
th a:link, th a:active, th a:visited {color: #FFFFFF; text-decoration: none;}
th a:hover {color: #FFFFFF; text-decoration: underline;}


td#headerbanner {}
td#headerbar {}

td#leftcolumn {width: 160px; background-color: #E5EFE5; border-left: 1px solid #7FB27F; border-bottom: 1px solid #7FB27F;}
td#leftcolumn th {}
td#leftcolumn .blockTitle {padding: 4px; color: #FFFFFF; background-color: #7FB27F; font-weight: bold;}
td#leftcolumn .blockContent {padding: 2px; line-height: 120%;}


td#centercolumn {padding: 8px; background-color: #FFFFFF; border: 1px solid #7FB27F;}

td#centercolumn th {}
td#centerCcolumn {padding: 0px;}
td#centerCcolumn .blockTitle {font-weight: bold; padding: 4px; border-left: 8px solid #7FB27F; border-bottom: 1px solid #7FB27F; background-color: #E5EFE5; color: #006600;}
td#centerCcolumn .blockContent {padding: 4px; margin-bottom: 8px; line-height: 120%;}

td#centerLcolumn {width: 50%; padding-right: 4px;}
td#centerLcolumn .blockTitle {font-weight: bold; padding: 4px; border-left: 8px solid #7FB27F; border-bottom: 1px solid #7FB27F; background-color: #E5EFE5; color: #006600;}
td#centerLcolumn .blockContent {padding: 4px; margin-bottom: 8px; line-height: 120%;}

td#centerRcolumn {width: 50%; padding-left: 4px;}
td#centerRcolumn .blockTitle {font-weight: bold; padding: 4px; border-left: 8px solid #7FB27F; border-bottom: 1px solid #7FB27F; background-color: #E5EFE5; color: #006600;}
td#centerRcolumn .blockContent {padding: 4px; margin-bottom: 8px;}

div#content {text-align: left;}

td#rightcolumn {width: 160px; background-color: #E5EFE5; border-right: 1px solid #7FB27F; border-bottom: 1px solid #7FB27F;}
td#rightcolumn th {}
td#rightcolumn .blockTitle {padding: 4px; color: #FFFFFF; background-color: #7FB27F; font-weight: bold;}
td#rightcolumn .blockContent {padding: 2px; line-height: 120%; padding-bottom: 8px;}

tr#footerbar {}

td#mainmenu a {display: block; margin-bottom: 1px; padding: 4px; color: #66A366; background-color: #FFFFFF; border-left: 8px solid #B2D1B2;}
td#mainmenu a:hover {color: #FFFFFF; text-decoration: none; background-color: #B2D1B2; border-left: 8px solid #7FB27F;}
td#mainmenu a.menuTop {}
td#mainmenu a.menuMain {}
td#mainmenu a.menuSub {padding-left: 20px;}

td#usermenu a {display: block; margin-bottom: 1px; padding: 4px; color: #66A366; background-color: #FFFFFF; border-left: 8px solid #B2D1B2;}
td#usermenu a:hover {color: #FFFFFF; text-decoration: none; background-color: #B2D1B2; border-left: 8px solid #7FB27F;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {color: #66A366; background-color: #FFFFFF;}
td#usermenu a:hover.highlight {color: #FFFFFF; background-color: #B2D1B2;}


.outer {border: 1px solid #B2D1B2; background-color: #FFFFFF;}
.head {background-color: #B2D1B2; color: #FFFFFF; padding: 4px; font-weight: bold;}
.even {background-color: #E5EFE5; padding: 4px;}
.odd {background-color: #F0F6F0; padding: 4px;}
.foot {background-color: #CCE0CC; padding: 4px; font-weight: bold;}
tr.even td {background-color: #E5EFE5; padding: 4px;}
tr.odd td {background-color: #F0F6F0; padding: 4px;}

div.errorMsg {background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg {background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg {background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode {font-size: 90%; background-color: #FFFFFF; border: 1px dashed #B2D1B2; padding: 4px;}
div.xoopsQuote {font-size: 90%; background-color: #FFFFFF; border: 1px dashed #B2D1B2; padding: 4px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #66A366; font-weight: bold; border: 1px solid #7FB27F; background-color: #FFFFFF; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; font-weight: bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight: bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}




div.xoopsCode pre {margin: 0px;}
div.xoopsQuote blockquote {margin: 0px;}

#maintable {width: 760px; margin: auto;}

#top {margin-bottom: 8px;}
#top td.side {width: 8px;}
#top td.logo {width: 250px; background-color: #CCE0CC; vertical-align: middle; border-top: 1px solid #7FB27F; border-bottom: 1px solid #7FB27F;}
#top td.banner {background-color: #CCE0CC; text-align: center; vertical-align: middle; border-top: 1px solid #7FB27F; border-bottom: 1px solid #7FB27F;}

#welcome {margin-bottom: 8px;}
#welcome td.side {width: 8px;}
#welcome td.center {color: #66A366; background-color: #FFFFFF; vertical-align: middle; font-weight: bold; border-top: 1px solid #7FB27F; border-bottom: 1px solid #7FB27F;}

#footer {margin-top: 8px;}
#footer td.side {width: 8px;}
#footer td.center {color: #66A366; background-color: #FFFFFF; text-align: center; vertical-align: middle; font-weight: bold; border-top: 1px solid #7FB27F; border-bottom: 1px solid #7FB27F;}

#copyright {margin-top: 4px; text-align: center; font-size: 10px;}



voila le code, mais je sais pas quoi changer pour changer la couleur du thème

je pense que pour que tu puisses continuer il faut que tu reprennes quelques notions de base du code html, feuille de style .... en ouvrant un livre ou en doc sur internet,
ne pas savoir ce qu'est une balise "body" sanctionne toute démarche de reprogrammer un thème.
Soit tu utilises un thème tel quel, soit tu étudies un peu le langage html, dhtml ... qui est somme toute fort simple et à la portée de n'importe qui.
#EEEEEE correspond au code d'une couleur
background-color:correspond à la couleur du fond
#footer correspond au pied de page dans xoops
rechercher ce que chaque balise signifie, voilà une bonne intiative pour commencer.
Tu dois comprendre que je ne peux faire ton thème à ta place ayant d'autres préoccupations.

Une autre chose c'est de changer l'entête de ce sujet, tuto? n'est pas vraiment un titre explicite pour faire partager notre travail à la communauté....(changer le style d'un theme)

bon courage
a+

salut

http://www.siteduzero.com/tuto-3-6-0- ... creer-votre-site-web.html

cette partie du site te serra fort utile pour apprendre facilement et rapidement les bases nécéssaire a la modification d'un theme

a+

je vais essayé, j'ai deja lu, mais j'aimerai savoir le codes des coulleur je peut le trouver ou ?