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

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


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

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

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


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

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

Как сделать категории и их форумы разноцветными

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

Как сделать категории и их форумы разноцветными

Сообщение автор Бармен в Сб 10 Сен - 20:51

Доброго времени суток!
31 Есть ли возможность на движке PunBB создать следующее:

1 каждая категория отличается по цвету от другой
2 перед категорией установить свой логотип (шапку)

Похожее увидел ЗДЕСЬ


Последний раз редактировалось: Бармен (Ср 14 Сен - 19:42), всего редактировалось 1 раз(а)

Бармен
 

Мужчина

Сообщения : 92
Возраст : 46
Регистрация : 2010-12-19
Благодарности : 4

Без предупреждений

http://kabatschok.forumoman.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Dana Domirani в Сб 10 Сен - 21:16

каждая категория отличается по цвету от другой
Это точно можно.

перед категорией установить свой логотип (шапку)
Проверю - скорее всего, тоже возможно.



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


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


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



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

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Домовой в Сб 10 Сен - 21:19

Игорь, а ведь она сделает.
Пятой точкой чую))))))))))))))

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Бармен в Сб 10 Сен - 22:31

Dana, вы волшебница! d_daisy yahoo

Бармен
 

Мужчина

Сообщения : 92
Возраст : 46
Регистрация : 2010-12-19
Благодарности : 4

Без предупреждений

http://kabatschok.forumoman.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Dana Domirani в Вс 11 Сен - 0:09

I вариант



1. В ПА > Оформление > Структура и иерархия указать Отделять категории в оглавлении форума : средний

2. В шаблоне index_box (Главная страница - показ категорий) добавить <div class="contcolor"> перед <div class="main-head">


и еще один </div> перед <!-- END tablefoot -->


После этого - сохранить, опубликовать шаблон.

3. В CSS добавить настройки для первой категории:
Код:
.main .contcolor:nth-child(1) {
background: transparent url('http://i44.servimg.com/u/f44/16/54/26/99/russia10.png') top left repeat-x;
padding-top: 50px;
}
.main .contcolor:nth-child(1) .tcl, .main .contcolor:nth-child(1) .tc2,  .main .contcolor:nth-child(1) .tc3, .main .contcolor:nth-child(1) .tcr {
background-color: #BC8F8F;
border-color: #A27B7B;
}

Пояснения:
.main .contcolor:nth-child(1) - это контейнер 1-ой категории, фон которого будет виден над заголовком
background: transparent url('https://i44.servimg.com/u/f44/16/54/26/99/russia10.png') top left repeat-x;Само изображение.
repeat-x - дублирование картинки по горизонтали, если нужно будет недублирущееся изображение - замените repeat-x на no-repeat
top left - выравнивание по верхнему левому краю, если нужно по центру - замените на top center
padding-top: 50pxотступ сверху, должен быть равен высоте изображения
.main .contcolor:nth-child(1) .tcl, .main .contcolor:nth-child(1) .tc2, .main .contcolor:nth-child(1) .tc3, .main .contcolor:nth-child(1) .tcr - это все ячейки первой категории, которые будут перекрашены
background-color: #BC8F8F;
border-color: #A27B7B;
фоновый цвет
цвет линий

Для второй категории добавьте второй комплект настроек, изменив цвета, изображение над категорией и номер категории
.main .contcolor:nth-child(2) {
background: transparent url('https://i44.servimg.com/u/f44/16/54/26/99/united10.png') top left repeat-x;
padding-top: 50px;
}
.main .contcolor:nth-child(2) .tcl, .main .contcolor:nth-child(2) .tc2, .main .contcolor:nth-child(2) .tc3, .main .contcolor:nth-child(2) .tcr {
background-color: #D4FF91;
border-color: #9ACD32;
}

Аналогичным образом добавьте настройки для третьей:
.main .contcolor:nth-child(3) {
background: transparent url('https://i44.servimg.com/u/f44/16/54/26/99/nether10.png') top left repeat-x;
padding-top: 50px;
}
.main .contcolor:nth-child(3) .tcl, .main .contcolor:nth-child(3) .tc2, .main .contcolor:nth-child(3) .tc3, .main .contcolor:nth-child(3) .tcr {
background-color: #FFCF78;
border-color: #DAA520;
}
И т.д.



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


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


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



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

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор dreams в Вс 11 Сен - 1:16

А для phpbb2? 31

dreams
 

Мужчина

Сообщения : 118
Возраст : 24
Место обитания : The City of Lost Desires
Настроение : Какая разница? Когда выключаешь свет, всё равно становится темно...
Регистрация : 2010-11-20
Благодарности : 1

Без предупреждений

http://serials-ost.forum2x2.net/

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Dana Domirani в Вс 11 Сен - 11:07

Dreams, как только разберемся с Pun - сделаем и для BB2.

К слову, нашла свой предыдущий ответ на этот же вопрос:
http://help.forum2x2.ru/t14390-topic#122964



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


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


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



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

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Домовой в Вс 11 Сен - 11:38

@dreams пишет:А для phpbb2? 31
Посмотрите
здесь и здесь

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Бармен в Вс 11 Сен - 15:36

Dana Domirani спасибо, rose буду сегодня пробовать: рубить и добавлять! 36

Бармен
 

Мужчина

Сообщения : 92
Возраст : 46
Регистрация : 2010-12-19
Благодарности : 4

Без предупреждений

http://kabatschok.forumoman.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Домовой в Вс 11 Сен - 15:49

А фон заголовков категорий никак?

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Dana Domirani в Вс 11 Сен - 16:14

@Домовой пишет:А фон заголовков категорий никак?
Можно! По тому же принципу - для первой категории:
Код:
.main .contcolor:nth-child(1) .main-head {
background-color: #BC8F8F;
}
Для второй:
Код:
.main .contcolor:nth-child(2) .main-head {
background-color: #32cd32;
}
и т. д.



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


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


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



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

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Домовой в Вс 11 Сен - 16:55

Спасибо good_luck

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Бармен в Вс 11 Сен - 18:08

Dana, ОГРОМНОЕ СПАСИБО! thank Усё получилось! d_daisy

Бармен
 

Мужчина

Сообщения : 92
Возраст : 46
Регистрация : 2010-12-19
Благодарности : 4

Без предупреждений

http://kabatschok.forumoman.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Dana Domirani в Вс 11 Сен - 18:33

Пожалуйста!



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


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


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



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

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Gamatos в Вс 11 Сен - 18:45

@Dana Domirani пишет:
Можно! По тому же принципу - для первой категории:
Код:
.main .contcolor:nth-child(1) .main-head {
background-color: #BC8F8F;
}
Для второй:
Код:
.main .contcolor:nth-child(2) .main-head {
background-color: #32cd32;
}
и т. д.


А вместо цвета, картинку можно?

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор dreams в Вс 11 Сен - 19:06

А для phpBB2? blush

dreams
 

Мужчина

Сообщения : 118
Возраст : 24
Место обитания : The City of Lost Desires
Настроение : Какая разница? Когда выключаешь свет, всё равно становится темно...
Регистрация : 2010-11-20
Благодарности : 1

Без предупреждений

http://serials-ost.forum2x2.net/

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Бармен в Вс 11 Сен - 19:24

@Gamatos пишет:

А вместо цвета, картинку можно?
Кажется так
Код:
.main .contcolor:nth-child(1) .main-head {
background: url("http:// ссылка на картинку");
}

Бармен
 

Мужчина

Сообщения : 92
Возраст : 46
Регистрация : 2010-12-19
Благодарности : 4

Без предупреждений

http://kabatschok.forumoman.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Gamatos в Вс 11 Сен - 19:40

@Бармен пишет:
Кажется так
Код:
.main .contcolor:nth-child(1) .main-head {
background: url("http:// ссылка на картинку");
}

Это точно а то буду искать где ошибка?

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Домовой в Вс 11 Сен - 19:45

@Gamatos пишет:

Это точно а то буду искать где ошибка?
ну если фоновая картинка то точно, если просто картинка то надо задать атрибуты расположения и не повторения.
То есть к примеру
Код:
background-position:center top;
background-repeat: no-repeat;

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Gamatos в Вс 11 Сен - 20:10

Мне просто картинку.А значит так:

Код:
.main .contcolor:nth-child(1) .main-head {
background: url("http:// ссылка на картинку");
background-position:center top;
background-repeat: no-repeat;
}

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

Без предупреждений

http://www.forum2x2.ru/forum

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Домовой в Вс 11 Сен - 20:23

Лучше вот так
Код:
.main .contcolor:nth-child(1) .main-head {
background: url('http://ссылка') bottom center no-repeat;
height:50px;
}
height:50px; - высота картинке.
Замени на свою

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Бармен в Вс 11 Сен - 21:22

А если вместо фонового цвета установить картинку, то сие по идее должно выглядеть так:
Код:
.main .contcolor:nth-child(1) .tcl, .main .contcolor:nth-child(1) .tc2,  .main .contcolor:nth-child(1) .tc3, .main .contcolor:nth-child(1) .tcr {
background: url(http://ссылка) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-color: #A27B7B;
}
.main .contcolor:nth-child(1) .main-head {
background: url(http:// ссылка) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Цвета рамок и ссылки установите свои.


А сисьняюсь спросить, внутри "раскрашенных" категорий форумы и сообщения тоже можно совместить по цвету с категорией? blush

Бармен
 

Мужчина

Сообщения : 92
Возраст : 46
Регистрация : 2010-12-19
Благодарности : 4

Без предупреждений

http://kabatschok.forumoman.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Dana Domirani в Пн 12 Сен - 6:09

Форумы - можно (по этому принципу), сообщения - наверное, тоже. Попробую сделать.



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


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


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



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

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Бармен в Пн 12 Сен - 19:25

Дана, спасибо, буду ждать!
С форумами что-то не работает, отосплюсь - попытаюсь еще разок.

Бармен
 

Мужчина

Сообщения : 92
Возраст : 46
Регистрация : 2010-12-19
Благодарности : 4

Без предупреждений

http://kabatschok.forumoman.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Домовой в Пн 12 Сен - 19:55

Бармен, просто названия форумов пропиши так:
Код:
<span style="color:#FF00C4;">Название раздела</span>

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

Re: Как сделать категории и их форумы разноцветными

Сообщение автор Бармен в Вт 13 Сен - 21:32

@Бармен пишет:
А сисьняюсь спросить, внутри "раскрашенных" категорий форумы и сообщения тоже можно совместить по цвету с категорией? blush

@Dana Domirani пишет:Форумы - можно (по этому принципу), сообщения - наверное, тоже. Попробую сделать.
Я что имел ввиду. Берем, к примеру форум первой категории, которую я сделал под камуфляж, и переходим в подфорум...
Спойлер:
подфорумы не переделались, почему-то, хотя сделал, как говорилось в ссылке.
Спойлер:
Хотелось бы их тоже перекрасить в камуфляж. И в сообщениях, если можно - тоже scratch Замучил я вас своими привередливыми просьбами... blush

Бармен
 

Мужчина

Сообщения : 92
Возраст : 46
Регистрация : 2010-12-19
Благодарности : 4

Без предупреждений

http://kabatschok.forumoman.ru

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

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

- Похожие темы

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