/*управление картинками,кроме банера*/

img {border: 0px;}
.textarea, .text, .file {
background: White top;
border: 1px solid #DADADA;
font-family: Tahoma, Verdana, "MS Sans Serif";
font-size: 12px ;
}
/*внешний вид кнопок , используемых в формах*/

.button {
background-color : #F3F6FA;
color : #000000;
border: 1px solid #C0C0C0;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*оформление кода, цитат*/
.xoopscode, .xoopsquote {
background: #FCFCFC;
}

/*оформление подвала*/
.footer {
background-color: #ffffff;
height: 22px;
}
.debug {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFC600;
}
/*оформление банеров*/
.banner {
background: white;
border: 3px double #F1E5EC;
}

            

Для оформления ячеек таблицы можно использовать графические изображения или в файле theme.php или в style.css, например:

BODY { background: url(bg.gif ) repeat fixed }
P { background: #C0C0C0 }

            

background-image:url(../images/testpic.gif)

            

Для изменения меню навигации необходимо по аналогии поработать с файлом menu_style.css в подкаталоге menu нашей темы. Там кода ещё меньше будет.

Если Вам что-то не понятно или не получается, можно воспользоваться справочником Влада Мержевич. Очень удобная штука, должен я сказать.

Совет. Проверяйте на совместимость с браузерами IE, NN, Opera и вообще валидность кода. Для этого существует встроенный в редактор валидатор или используя ресурсы Интернет, например консорциума W3C .

Пример для IE: