Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Альберт Вескер в Сб 7 Май - 22:03

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

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


Последний раз редактировалось: Альберт Вескер (Вт 17 Май - 11:35), всего редактировалось 3 раз(а)

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 8 Май - 12:47

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

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Чт 12 Май - 18:42

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

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 14:03

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

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 14:36

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 15:40

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

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 15:48

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

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


Последний раз редактировалось: Dana Domirani (Вс 15 Май - 15:53), всего редактировалось 1 раз(а)


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 15:53

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

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 16:15

Должно получиться.
Сначала удалите то, что настроили сами с изменяющимся при наведении цветом. Потом добавьте в 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;
}


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 16:52

Дело в том, что в таблице С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
В общем код пока что не работает ((

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 17:00

Стоп. У Вас же 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;
}


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 17:07

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

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 17:12

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

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 17:29

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

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 17:33

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

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 17:36

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

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 17:38

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 17:48

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

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 17:57

Тогда захватите соседние ячейки и сделайте их прозрачными: замените строку
Код:
.lie .forumline  td.row1.over {
на
Код:
.lie .forumline  td.row1.over, .lie .forumline  td.row2, .lie .forumline  td.row3 {


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 18:04

Всё отлично, но вот затемнение по прежнему зелёное.
Вот что у меня в 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;
    }

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


Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 18:13

Про затемнение без зелени я уточняла: http://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;
    }


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 18:20

Разобрался. Спасибо огромное за работу. Теперь дизайн форума (по крайней мере для меня) великолепен. Продолжу работу над дизайном.

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 18:26

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Dana Domirani в Вс 15 Май - 20:09

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://ссылка на картинку подставляется соответствующее фоновое изображение.


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Фон для таблицы форума.

Сообщение автор Альберт Вескер в Вс 15 Май - 22:32

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

Альберт Вескер
 
 

Пол : Мужчина
Сообщения : 684
Возраст : 26
Карма : Без предупреждений
Благодарности : 41
Регистрация : 2011-04-03

http://www.re-role.com

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения