Gringo, несколько моментов-советов.
Если вы используете Свой стиль (Администрирование - Свой стиль - Использовать свой стиль (Да)), а не один из стандартных (Администрирование - Свой стиль - Использовать свой стиль (Нет) и Администрирование - Настройки - Основной стиль (выбранный стиль)), то изменения дизайна можно делать во вкладках Администрирование - Свой стиль - Структура стиля/Цвета стиля. Все те селекторы (#pun-about p.container - это селектор), которые вы прописываете в html-верх, уже есть в этих окнах. Достаточно поиском по странице искать то, что вам нужно, и изменять/добавлять/убирать необходимые свойства. Сейчас вы их дублируете, прописывая еще раз в html-верхе.
Если вы все же будете прописывать все изменения через html-верх, то не нужно каждый селектор индивидуально оборачивать в теги <style></style>. Достаточно все ваши коды ко всем селекторам одним махом одеть в эти теги:
Слева ваши коды в вашем теперешнем виде - справа ваши коды в новом оформлении
<style type="text/css"> #pun-main h2 {
background-color : #336633;
}
</style>
<style type="text/css"> #pun th {
background-color : #99CC33;
}
</style>
<style type="text/css">#pun-crumbs2 p.container {
background-color : #99CC99;
}
</style>
<style type="text/css">
#pun-status .container {
background-color : #99CC99;
}
</style>
<style type="text/css">#pun .tcl {
background-color : #99CC99;
}
</style>
<style type="text/css">#pun .tc2 {
background-color :#99CC99 ;
}
</style>
<style type="text/css">#pun .tc3 {
background-color : #99CC99;
}
</style>
<style type="text/css">#pun .tcr {
background-color : #99CC99;
}
</style>
<style type="text/css">
#pun-ulinks .container {
background-color : #99CC99 !important;
}
</style>
<style type="text/css">
#pun-crumbs1 .container {
background-color : #99CC99 !important;
}
</style>
<style type="text/css">#pun-stats .container {
background-color : #99CC99;
}
</style> | <style type="text/css"> #pun-main h2 {
background-color: #336633;
}
#pun th {
background-color : #99CC33;
}
#pun-crumbs2 p.container {
background-color: #99CC99;
}
#pun-status .container {
background-color: #99CC99;
}
#pun .tcl {
background-color: #99CC99;
}
#pun .tc2 {
background-color: #99CC99 ;
}
#pun .tc3 {
background-color: #99CC99;
}
#pun .tcr {
background-color: #99CC99;
}
#pun-ulinks .container {
background-color : #99CC99 !important;
}
#pun-crumbs1 .container {
background-color : #99CC99 !important;
}
#pun-stats .container {
background-color : #99CC99;
}
</style> |
Мало того, если вы прописываете к разным селекторам одни и те же свойства (background-color) с идентичными значениями (#99CC99), то и здесь можно записи значительно упростить и укоротить. Перечислите через запятую все селекторы, у которых одинаковые свойства и значения, откройте фигурную скобку, пропишите свойство и значение, общее для всех перечисленных селекторов и закройте скобку:
<style type="text/css">
#pun-main h2 {
background-color: #336633;
}
#pun th {
background-color: #99CC33;
}
#pun-crumbs2 p.container, #pun-status .container, #pun .tcl, #pun .tc2, #pun .tc3, #pun .tcr, #pun-ulinks .container, #pun-crumbs1 .container, #pun-stats .container {
background-color: #99CC99;
}
</style>
В итоге все ваши коды укоротятся в несколько раз от первоначальной записи (объем допустимой информации в каждом окне с кодами в админке (как и в постах), ограничен, поэтому, чтобы потом не переделывать и не переписывать, привыкайте сразу оформлять всё компактно, тогда проблемы с нехваткой места вас минут).
1.
Gringo написал(а):1. При изменении цвета фона (там, где "загрузить картинку, создать форум") исчезают оба рекламных баннера, верхний и нижний. Код #pun-about p.container - правильный? Или его в ХТМЛ-низ надо?
Желтым выделено:
1. Область, которая вам нужна для изменения
2. То, как она называется
3. Полное название ее в стилях (вы верно ее определили)
4. Добавление ей фонового цвета (красный - red)
5. Никуда не девшаяся реклама.
2.
Gringo написал(а):Код заголовка "Статистика форума"
.punbb .section h2 {
background: red; /*цвет фона*/
color: #111; /*цвет текста*/
}
3.
Gringo написал(а):Направьте, где рассказано как цвет надписей (все те, что синие) менять.
.punbb a {
text-decoration: underline;
color: #eee !important;
}
Выделенное красным - цвет всех ссылок на форуме. Если хотите менять цвета разных ссылок по-разному, то давайте конкретику, будем разбираться.
)
