Очень долго не могу разобраться, мучаюсь, спрашиваю у вас. Как изменить стиль форума? Поставить шапку, иконки напротив тем как здесь http://eso.roleforum.ru/ . Мне очень понравилось как он выглядит. На этом форуме изменённый стиль, который стоит у меня, мне надо сделать также, естественно с другими картинками и для другого круга лиц.
Ссылка на форум который надо изменить http://lotrmine.roleforum.ru/ .
Картинки найду или нарисую сам. Большое спасибо, если откликнитесь.
Изменение вида форума, фон, иконки, шапка.
Страница: 1
Сообщений 1 страница 8 из 8
Поделиться1Пн, 30 Янв 2017 17:56:54
Поделиться2Пн, 30 Янв 2017 18:20:59
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7338
- Уважение: +5808
- Позитив: +6437
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 13:30:41
Pinkie_Pie написал(а):
Поставить шапку
По поводу шапки у вас разделена шапки на две картинки:
1. Общий фон:
2. Картинка центральная, которая ложится сверху на общий фон:
Для изменения фоновой картинки:
<style>
html, body {
background: url(Своя картинка) #aea08d repeat-x;
}
</style>
Для изменения картинки, которая ложится на фон:
<style>
#pun-title TABLE {
background: url(Своя картинка) no-repeat top center;
}
</style>
Pinkie_Pie написал(а):
иконки напротив тем
Иконки:
<style>
/* Старые сообщения */
div.icon {
background: url(Своя картинка) no-repeat;
}/* Новые сообщения */
tr.inew div.icon {
background: url(Своя картинка) no-repeat;
}/* Закрытая тема */
tr.iclosed div.icon {
background: url(Своя картинка) no-repeat;
}/* Переадресованная тема */
tr.iredirect div.icon {
background: url(Своя картинка) no-repeat;}
/* Выделенная тема */
tr.isticky div.icon {
background: url(Своя картинка) no-repeat;
}
</style>
Вместо выделенного красным ставим ссылку на картинку.. Ставить в НТМЛ верх...
Поделиться3Пн, 30 Янв 2017 22:18:58
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7338
- Уважение: +5808
- Позитив: +6437
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 13:30:41
Pinkie_Pie
Вы размер картинки для иконок соизмеряйте, вот ширина и высота по умолчанию:
<style>
.punbb div.icon {
width: 57px;
height: 44px;
}
</style>
Красным - ширина, зеленым - высота. Либо с такими параметрами делаете, либо ставите этот код в НТМЛ верх с своими значениями - на вашем месте я бы брал по умолчанию и просто в фотошопе подогнал тебуемые размеры.
Поделиться4Пн, 30 Янв 2017 22:21:38
Спасибо, всё получилось, только теперь вопрос. Обязательно ли подгонять разрешение картинки в иконки, или можно чтобы она вставилась полностью, не зависимо от разрешения? Ещё, подскажите пожалуйста, как поменять эти цвета выделенные зелёным и красным.
Поделиться5Пн, 30 Янв 2017 22:31:23
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7338
- Уважение: +5808
- Позитив: +6437
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 13:30:41
Pinkie_Pie написал(а):
Спасибо, всё получилось, только теперь вопрос. Обязательно ли подгонять разрешение картинки в иконки, или можно чтобы она вставилась полностью, не зависимо от разрешения?
По этому вопросу ответил выше..
Pinkie_Pie написал(а):
Ещё, подскажите пожалуйста, как поменять эти цвета выделенные зелёным и красным.
В НТМЛ верх:
Код:
<style>
#pun-main h2 {
border-color: green;
border-style: solid;
border-width: 1px;
}
.category .container tr:first-child {
border-color: red;
border-style: solid;
border-width: 1px;
}
</style>Поделиться6Пн, 30 Янв 2017 22:50:11
Спасибо большое, очень помогли.
Отредактировано Pinkie_Pie (Пн, 30 Янв 2017 22:50:27)
Поделиться7Пн, 30 Янв 2017 22:52:38
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7338
- Уважение: +5808
- Позитив: +6437
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 13:30:41
Pinkie_Pie
Я по моему не то вам дал - вам надо внутри обведенного поменять цвета или бордюр красный и зеленый? А то я бордюр сделал...
Поделиться8Пн, 30 Янв 2017 23:01:35
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7338
- Уважение: +5808
- Позитив: +6437
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 13:30:41
Если то, что внутри надо заменить цвет, то так:
Замена картинкой, где зеленая обводка:
<style>
#pun-main h2 {
background: url(Ваша картинка) repeat-x #766b5d;
}
</style>
Замена только цветом, где зеленая обводка:
<style>
#pun-main h2 {
background-color: #766b5d;
background-image: none;
}
</style>
Замена картинкой, там где красным:
<style>
.category .container th {
background: url(Ваша картинка) repeat-x #543326;
}
</style>
Замена только цветом там где красным:
<style>
.category .container th {
background-color: #543326;
background-image: none;
}
</style>
Красное - цвет, зеленое - ссылка на картинку.
Страница: 1