Фон для таблицы форума.

Доброго времени суток.
Меня очень интересует такой вопрос: "Как создать/добавить/изменить фон для страницы форума (а точнее для таблицы, где перечислены категории и форумы,если это возможно) и при наведении курсора на какой-либо форум, фон менял цвет с фонового изображения на подсветку, но при этом сама картинка (фоновая ) оставалась бы видна, т.е. смена цвета была бы прозрачной"?
Вот пример форума: RE-Saga

Мой форум: Resident Evil Generation's

Так, с цветом я разобрался, осталось только первое - картинка под таблицу форума (т.е. не основной фон всего форума,а, как я уже говорил, в той части, где перечислены форумы и категории).

Наааааарооод!!!

Кто-нибудь всё-таки мне с этим фоном поможет?

Вы поставили в ПА > Оформление > Структура и иерархия - Отделять категории в оглавлении форума: Средний ?

Нет.
Оставить категории в оглавлении форума : средний.

Необходимо поставить.

На Pun и BB2 сделать, как Вы хотите можно (проверила). Сразу уточню - с одинаковым рисунков во всех категориях. На тройке - сейчас проверяю. Возможно, что и нет.

Хорошо, буду ждать результатов проверки на тройке.

Должно получиться.
Сначала удалите то, что настроили сами с изменяющимся при наведении цветом. Потом добавьте в CSS:

Код:

ul.forums {
background: #000 url("фоновое изображение категории") no-repeat;
background-position: 50px 0;
}

#main-content li.row {
background: transparent;
}

#main-content li.row:hover {
background: transparent url("http://i23.servimg.com/u/f23/12/33/62/17/yui10.png");
color: #fff;
}

#main-content li.row:hover a {
color: #fff;
}

Дело в том, что в таблице СSS я ничего не менял для цвета. Всё что у меня есть в таблице это:

Код:

.vote {
float:right;
margin-left:4px;
width: 10px;
}

.vote .vote-no-bar {
text-align: center;
}

.bodyline{
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.91;
}

.pun tbody.statused td.tcl:hover {
background-color: #9CAEB3;
}


/* Кнопка профиля */
.upp {
text-align:center;
font-family: Courier New;
font-size: 16px ;
background: #de1d1d url("http://s2.ipicture.ru/uploads/20110513/250gCp34.png") bottom left;
display: block;
width: 100px;
margin: 0 auto;
cursor: pointer;
text-shadow: 0px 0px 0px #52cc95 ;
border: px solid #9e4c4c;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 7px 0 #9e4c4c;
padding: 3px 5px;
}


/* Разворачивающаяся панель */
.slide_link {
display: none;
width: 150px;
position: absolute;
z-index: 999;
top: 27px;
border: 1px solid #D45D5D;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
background-color: #615d5d;

.bodyline{
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.95;
}

padding: 5px;
box-shadow: 0 0 8px 0 #000;
-webkit-box-shadow: 0 0 8px 0 #D45D5D;
-moz-box-shadow: 0 0 8px 0 #D45D5D;
}

#titl_link {
position: relative;
z-index: 999;
}

Из всего этого я помню только блок кода по прозрачности и кнопка профиля. Использовал Ваш код, но результатов нет. Быть может дело в том, что у меня стоит значение цета в ПА -оформление - Цвета - Цвет строки таблицы 2 и яркость : #232729
В общем код пока что не работает ((

Стоп. У Вас же BB2, а не тройка.


Тогда все чуть сложнее.
Отредактируйте шаблон index_box (Главная страница - показ категорий)
Поставьте перед <!-- BEGIN catrow --> тег <div class="lie">, а после <!-- END catrow --> - тег </div>
Сохраните, опубликуйте.

В CSS добавьте:

Код:

.lie .forumline {
background: #000 url("фоновое изображение для таблиц категорий") no-repeat;
background-position: 50px 0;
}

.lie .forumline  td.row1.over {
background: transparent;
}

.lie .forumline td.row1.over:hover {
background: transparent url("http://i63.servimg.com/u/f63/12/33/62/17/df513.png");
color: #fff;
}

.lie .forumline td.row1.over:hover a {
color: #fff;
}


А где это посмотреть? Версию движка??? Если так, то что у меня двойка, то простите за дезинформацию.
но как всё же быть с фоном.
Возможно как вариант: Разбить фоновое изображение на необходимое число (число форумов в категории) и каждую часть вставить в "Категории и форумы" - адрес изображения: "Ссылка на изображение".
Но в таком варианте есть проблемы - зазор между картинками + название и описание форума будут мешать.
Хотя описание и название форума можно будет на картинке написать и ссылку на них поставить, но зазор останется.

А где это посмотреть? Версию движка?

В ПА > Оформление > Выбрать стиль > Версия. Переключатель будет стоять на текущей версии движка.

Пока попробуете сделать по моему способу? Если не подойдет - тогда будем искать еще решение.

Это интересный вариант, но не совсем то, чего бы хотелось. На примере того форума, что я указывал в первом посте, рисунок внутри таблицы. Т.е. внутри категории фон - рисунок. А при наведении на форум категории эта строка затемняется, т.е для каждой категории свой рисунок с эффектом затемнения при наведении.

Вы первый пункт выполнили?
ПА > Оформление > Структура и иерархия - Отделять категории в оглавлении форума: Средний
Без этого общего фона на несколько строк не будет.

т.е для каждой категории свой рисунок

С этим уже сложнее, шаблон не предусматривает настройку оформления каждой категории. Но через скрипт можно и это прикрутить.

Пункт выполнил, но всё так же, только категории отделены и всё...

И еще - Вы не то изображение поменяли в скрипте. Картинку-затемнение трогать не надо было! Только то, что подписано текстом.

Код:

    .lie .forumline {
    background: #000 url("фоновое изображение для таблиц категорий") no-repeat;
    background-position: 50px 0;
    }

Вот тут ставится фон таблицы!

А тут - затемнение (без зеленого оттенка)

Код:

    .lie .forumline td.row1.over:hover {
    background: transparent url("http://i23.servimg.com/u/f23/12/33/62/17/yui10.png");
    color: #fff;
    }

См. пример: http://calidasa.sosbb.net/forum

Сделал всё как Вы указали. Меня устраивает, но как сделать, что бы этот рисунок затрагивал и остальные столбцы?

Тогда захватите соседние ячейки и сделайте их прозрачными: замените строку

Код:

.lie .forumline  td.row1.over {

на

Код:

.lie .forumline  td.row1.over, .lie .forumline  td.row2, .lie .forumline  td.row3 {

Всё отлично, но вот затемнение по прежнему зелёное.
Вот что у меня в SCC:

Код:

.lie .forumline {
    background: #000 url("http://s2.ipicture.ru/uploads/20110515/6DtxBFs2.jpg") no-repeat;
    background-position: 0px 200;
    }
.lie .forumline  td.row1.over, .lie .forumline  td.row2, .lie .forumline  td.row3 {
    background: transparent;
    }
.lie .forumline td.row1.over:hover {
    background: transparent url("http://i63.servimg.com/u/f63/12/33/62/17/df513.png");
    color: #fff;
    }
.lie .forumline td.row1.over:hover a {
    color: #fff;
    }

Нужно темное затемнение, причём всей строки.

Про затемнение без зелени я уточняла: https://help.forum2x2.ru/t17518-topic#143034

Нужно темное затемнение, причём всей строки.

На сайте-примере меняется только основная часть, ориентировалась на него.

Тогда замените

Код:

.lie .forumline td.row1.over:hover {
    background: transparent url("http://i63.servimg.com/u/f63/12/33/62/17/df513.png");
    color: #fff;
    }

на

Код:

    .lie .forumline tr:hover {
    background: transparent url("http://i23.servimg.com/u/f23/12/33/62/17/yui10.png");
    color: #fff;
    }

Рада была подсказать!

P.S. на всякий случай - удалось сделать разные фоны для разных категорий


Для BB2 реализуется добавлением скрипта в шаблон overall_header перед </head>

Код:

<script type='text/javascript'>
  jQuery(document).ready(function(){

jQuery(".lie .forumline:eq(1)").css({'background' : 'url(http://ссылка на картинку)' });

jQuery(".lie .forumline:eq(2)").css({'background' : 'url(http://ссылка на картинку)' });

jQuery(".lie .forumline:eq(3)").css({'background' : 'url(http://ссылка на картинку)' });

  });
  </script>

Редактируется путем добавления строк:

Код:

jQuery(".lie .forumline:eq(2)").css({'background' : 'url(http://ссылка на картинку)' });

.lie .forumline:eq(0) - это первая категория
.lie .forumline:eq(1) - это вторая категория
.lie .forumline:eq(2) - это третья категория
.lie .forumline:eq(3) - это четвертая категория
и т.д.

Вместо http://ссылка на картинку подставляется соответствующее фоновое изображение.

Хорошо, этот вариант так же как-нибудь попробую. Спасибо.