Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Проблема с гугл из-за Hitskinавтор Вултур Сегодня в 01:12
» совет админам
автор лексей2222 Сентябрь 24th 2024, 05:54
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» [решено]Редактирвоание темы
автор лексей2222 Сентябрь 23rd 2024, 17:37
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
Фон для таблицы форума.
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Фон для таблицы форума.
Доброго времени суток.
Меня очень интересует такой вопрос: "Как создать/добавить/изменить фон для страницы форума (а точнее для таблицы, где перечислены категории и форумы,если это возможно) и при наведении курсора на какой-либо форум, фон менял цвет с фонового изображения на подсветку, но при этом сама картинка (фоновая ) оставалась бы видна, т.е. смена цвета была бы прозрачной"?
Вот пример форума: RE-Saga
Мой форум: Resident Evil Generation's
Меня очень интересует такой вопрос: "Как создать/добавить/изменить фон для страницы форума (а точнее для таблицы, где перечислены категории и форумы,если это возможно) и при наведении курсора на какой-либо форум, фон менял цвет с фонового изображения на подсветку, но при этом сама картинка (фоновая ) оставалась бы видна, т.е. смена цвета была бы прозрачной"?
Вот пример форума: RE-Saga
Мой форум: Resident Evil Generation's
Последний раз редактировалось: Альберт Вескер (Май 17th 2011, 11:35), всего редактировалось 3 раз(а)
Re: Фон для таблицы форума.
Так, с цветом я разобрался, осталось только первое - картинка под таблицу форума (т.е. не основной фон всего форума,а, как я уже говорил, в той части, где перечислены форумы и категории).
Re: Фон для таблицы форума.
Вы поставили в ПА > Оформление > Структура и иерархия - Отделять категории в оглавлении форума: Средний ?
Re: Фон для таблицы форума.
Необходимо поставить.
На Pun и BB2 сделать, как Вы хотите можно (проверила). Сразу уточню - с одинаковым рисунков во всех категориях. На тройке - сейчас проверяю. Возможно, что и нет.
На Pun и BB2 сделать, как Вы хотите можно (проверила). Сразу уточню - с одинаковым рисунков во всех категориях. На тройке - сейчас проверяю. Возможно, что и нет.
Последний раз редактировалось: Dana Domirani (Май 15th 2011, 15:53), всего редактировалось 1 раз(а)
Re: Фон для таблицы форума.
Должно получиться.
Сначала удалите то, что настроили сами с изменяющимся при наведении цветом. Потом добавьте в CSS:
Сначала удалите то, что настроили сами с изменяющимся при наведении цветом. Потом добавьте в 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;
}
Re: Фон для таблицы форума.
Дело в том, что в таблице СSS я ничего не менял для цвета. Всё что у меня есть в таблице это:
Из всего этого я помню только блок кода по прозрачности и кнопка профиля. Использовал Ваш код, но результатов нет. Быть может дело в том, что у меня стоит значение цета в ПА -оформление - Цвета - Цвет строки таблицы 2 и яркость : #232729
В общем код пока что не работает ((
- Код:
.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
В общем код пока что не работает ((
Re: Фон для таблицы форума.
Стоп. У Вас же BB2, а не тройка.
Тогда все чуть сложнее.
Отредактируйте шаблон index_box (Главная страница - показ категорий)
Поставьте перед <!-- BEGIN catrow --> тег <div class="lie">, а после <!-- END catrow --> - тег </div>
Сохраните, опубликуйте.
В CSS добавьте:
Тогда все чуть сложнее.
Отредактируйте шаблон 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;
}
Re: Фон для таблицы форума.
А где это посмотреть? Версию движка??? Если так, то что у меня двойка, то простите за дезинформацию.
но как всё же быть с фоном.
Возможно как вариант: Разбить фоновое изображение на необходимое число (число форумов в категории) и каждую часть вставить в "Категории и форумы" - адрес изображения: "Ссылка на изображение".
Но в таком варианте есть проблемы - зазор между картинками + название и описание форума будут мешать.
Хотя описание и название форума можно будет на картинке написать и ссылку на них поставить, но зазор останется.
Re: Фон для таблицы форума.
В ПА > Оформление > Выбрать стиль > Версия. Переключатель будет стоять на текущей версии движка.А где это посмотреть? Версию движка?
Пока попробуете сделать по моему способу? Если не подойдет - тогда будем искать еще решение.
Re: Фон для таблицы форума.
Это интересный вариант, но не совсем то, чего бы хотелось. На примере того форума, что я указывал в первом посте, рисунок внутри таблицы. Т.е. внутри категории фон - рисунок. А при наведении на форум категории эта строка затемняется, т.е для каждой категории свой рисунок с эффектом затемнения при наведении.
Re: Фон для таблицы форума.
Вы первый пункт выполнили?
ПА > Оформление > Структура и иерархия - Отделять категории в оглавлении форума: Средний
Без этого общего фона на несколько строк не будет.
ПА > Оформление > Структура и иерархия - Отделять категории в оглавлении форума: Средний
Без этого общего фона на несколько строк не будет.
С этим уже сложнее, шаблон не предусматривает настройку оформления каждой категории. Но через скрипт можно и это прикрутить.т.е для каждой категории свой рисунок
Re: Фон для таблицы форума.
И еще - Вы не то изображение поменяли в скрипте. Картинку-затемнение трогать не надо было! Только то, что подписано текстом.
А тут - затемнение (без зеленого оттенка)
См. пример: http://calidasa.sosbb.net/forum
- Код:
.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
Re: Фон для таблицы форума.
Сделал всё как Вы указали. Меня устраивает, но как сделать, что бы этот рисунок затрагивал и остальные столбцы?
Re: Фон для таблицы форума.
Тогда захватите соседние ячейки и сделайте их прозрачными: замените строку
- Код:
.lie .forumline td.row1.over {
- Код:
.lie .forumline td.row1.over, .lie .forumline td.row2, .lie .forumline td.row3 {
Re: Фон для таблицы форума.
Всё отлично, но вот затемнение по прежнему зелёное.
Вот что у меня в SCC:
Нужно темное затемнение, причём всей строки.
Вот что у меня в 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;
}
Нужно темное затемнение, причём всей строки.
Re: Фон для таблицы форума.
Про затемнение без зелени я уточняла: 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;
}
Re: Фон для таблицы форума.
Разобрался. Спасибо огромное за работу. Теперь дизайн форума (по крайней мере для меня) великолепен. Продолжу работу над дизайном.
Re: Фон для таблицы форума.
P.S. на всякий случай - удалось сделать разные фоны для разных категорий
Для BB2 реализуется добавлением скрипта в шаблон overall_header перед </head>
.lie .forumline:eq(0) - это первая категория
.lie .forumline:eq(1) - это вторая категория
.lie .forumline:eq(2) - это третья категория
.lie .forumline:eq(3) - это четвертая категория
и т.д.
Вместо http://ссылка на картинку подставляется соответствующее фоновое изображение.
Для 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://ссылка на картинку подставляется соответствующее фоновое изображение.
Похожие темы
» [решено]Оформление таблицы форума
» таблицы справа и слева от форума
» Отображение форума в виде таблицы!!!
» Таблицы
» Изменить размеры таблицы форума. Возможно?
» таблицы справа и слева от форума
» Отображение форума в виде таблицы!!!
» Таблицы
» Изменить размеры таблицы форума. Возможно?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения