<!-- меняем цвет надписей в названих категорий (в данном случае - на белый) -->
#pun h2 {color: white;}
*сНежный форум* - территория отдыха для всей семьи! |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » *сНежный форум* - территория отдыха для всей семьи! » Web-дизайн. Основы html. Скрипты. » Разукрашиваем форум
<!-- меняем цвет надписей в названих категорий (в данном случае - на белый) -->
#pun h2 {color: white;}
А куда это вставить?
<style>
код
</style>
и все в хтмль-верх
Сенк ю!
Заходим:
Администрирование => Настройки => HTML верх.
Пишем:
<style type="text/css">
*
</style>
Основной цвет текста
.punbb {
color : #000;
}
где:
#000 - цвет.
Меню навигации
#pun-navlinks .container {
background-color : #C0C0C0;
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/menu.gif);
font-weight: bold;
text-align: center;
}
где:
#C0C0C0 - цвет фона
http://mybb.ru/img/Mybb_Ocean_zero/menu.gif - фоновая картинка
bold - текст становится жирным
center - выравнивание текста по центру
Ссылки меню навигации
Установить цвет ссылок:
#pun-navlinks a:link, #pun-navlinks a:visited {
color: #000000;
}
где:
#000000 - цвет ссылок
Устанавливаем разные цвета для каждой ссылки (!):
Для ссылки Форум:
#navindex a:link, #navindex a:visited {
color: #FF0000;
}
Для ссылки Участники:
#navuserlist a:link, #navuserlist a:visited {
color: #FF0000;
}
Для ссылки Поиск:
#navsearch a:link, #navsearch a:visited {
color: #FF0000;
}
Для ссылки Профиль:
#navprofile a:link, #navprofile a:visited {
color: #FF0000;
}
Для ссылки Сообщения:
#navpm a:link, #navpm a:visited {
color: #FF0000;
}
Для ссылки Администрирование:
#navadmin a:link, #navadmin a:visited {
color: #FF0000;
}
Для ссылки Выйти:
#navlogout a:link, #navlogout a:visited {
color: #FF0000;
}
Для ссылки Войти:
#navlogin a:link, #navlogin a:visited {
color: #FF0000;
}
Для ссылки Регистрация:
#navregister a:link, #navregister a:visited {
color: #FF0000;
}
где:
#FF0000 - цвет текста
Скрываем ненужную из стандартных ссылок
На примере ссылки Поиск:
#navsearch {
display: none;
}
Расстояние между ссылками в меню навигации
#pun-navlinks li {
padding: 13px;
}
13px - расстояние в пикселях
Цвета стандартных ссылок
Цвет ссылки:
.punbb A:link, .punbb A:visited {
color: #00004E;
}
Цвет ссылки при наведении:
.punbb A:hover {
color: #0080FF;
}
Основной цвет рамок
.punbb .container {
border-color : #A7B5BD;
}
Цвет фона в теге цитаты, code
.punbb .quote-box, .punbb .code-box {
background-color : #fff;
}
Иконки
Закрытая тема:
TR.iclosed Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/lock.gif);
background-repeat: no-repeat;
}
Нет новых сообщений:
Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
background-repeat: no-repeat;
}
Перемещена:
TR.iredirect Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/link.gif);
background-repeat: no-repeat;
}
Есть новые сообщения:
TR.inew Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/new.gif);
background-repeat: no-repeat;
}
Выделенная тема:
TR.isticky DIV.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/sticky.gif);
background-repeat: no-repeat;
}
Иконка в блоке статистики:
#pun-stats ul.container {
background: transparent url(http://mybb.ru/img/Mybb_Ocean_zero/stats.gif) no-repeat 10px 26px;
background-repeat: no-repeat;
padding-left: 51px;
}
где: http://mybb.ru/img/......gif - адрес картинки
Фон шапки
#pun-title table {
background-color : #004080;
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/header.gif);
height : 132px;
}
где:
#004080 - цвет фона
http://mybb.ru/img/Mybb_Ocean_zero/header.gif - фоновая картинка
132px - высота шапки (желательно указать такую же как высота картинки, но не менее 60px)
Лого в шапке
#pun-title h1 {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/logo.gif);
background-repeat : no-repeat;
height : 132px;
}
где:
http://mybb.ru/img/Mybb_Ocean_zero/logo.gif - лого форума
background-repeat : no-repeat; - не повторять (множить) лого
132px - высота шапки (желательно указать такую же как высота лого, но не менее 60px)
Название форума текстом в шапке
Убираем название форума из шапки:
#pun-title h1 span {
display : none;
}
Ширина основной таблицы форума
В процентах:
#pun {
width : 86%;
}
Можно указать не процентное значение, а к примеру значение в пикселях:
#pun {
width : 800px;
}
Фон форума
HTML , BODY {
background-color : #808080;
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/bg.gif);
}
где:
#808080 - цвет фона.
http://mybb.ru/img/Mybb_Ocean_zero/bg.gif - адрес фоновой картинки.
Если нужен только цвет - не пишите вторую строку с фоновой картинкой.
Дополнительно (если нужно - то добавить строку до знака }):
Не повторять (не размножать) фоновую картинку:
Код:
background-repeat: no-repeat;
Повторять только по горизонтали:
Код:
background-repeat: repeat-x;
Повторять только по вертикали:
Код:
background-repeat: repeat-y;
Зафиксировать фоновое изображение и подавить эффект прокрутки:
Код:
background-attachment: fixed;
Начальная позиция фона - в центре:
Код:
background-position: center;
Начальная позиция фона - левый верхний угол:
Код:
background-position: left top;
Начальная позиция фона - правый нижний угол:
Код:
background-position: right bottom;
код по которому можно изменять цвет фона
А есть скриптик для того чтоб слово АДМИН своё было а? И не только чтоб у всех такое было но конешно не админ а новичек и так далее.
Отредактировано iluxa (2006-11-08 12:40:46)
И ещё насчет ИКОНКИ я пробую делать а у меня не получается помоги пожалуйста
вот картинка
сделайте весь код с сылкой плиз а остальные а сам
А есть скриптик для того чтоб слово АДМИН своё было а? И не только чтоб у всех такое было но конешно не админ а новичек и так далее.
Скриптом, а вернее, просто кодом, можно поменять размер шрифта и его тип, ну или нарисовать разные картинки и поставить их.
И ещё насчет ИКОНКИ я пробую делать а у меня не получается помоги пожалуйста
Да без проблем, только вот какая это должна быть иконка? КУДА она будет ставиться?
Снежка*
Вопрос и уменя есть. На форуме стоит стиль по умолчанию mybb, серенькие такой. Можно ли в одной теме поле с сообщениями сделать другого цвета? Реально ли это?
только в одной отдельно взятой теме??? попинай лучше Зебру, но мне почему-то кажется, что это нереально... хотя, если покопаться, привязаться как-то к id темы... не знаю, я в этом не очень хорошо разбираюсь...
попинай лучше Зебру
:0 пошел пинать...
Отредактировано Bench (2006-11-09 01:56:28)
Привет!Насчет иконки уже забей я сам сделал! А вот насчет слов АДМИН,НОВИЧЁК поговорим))) скажи как я с этим плохо разбираюсь я так со скриптами больше работаю а с этим вообще не пробывал. Так что научите меня плз))
Отредактировано iluxa (2006-11-09 08:51:37)
А вот насчет слов АДМИН,НОВИЧЁК поговорим))) скажи как я с этим плохо разбираюсь я так со скриптами больше работаю а с этим вообще не пробывал. Так что научите меня плз))
Я думаю, тебе стоит обратить свой взор сюда
Иконка в блоке статистики:
А туда статичный или анимированный гиф?
Вот то, что я вставляю, но не отображается...
#pun-stats ul.container {
background: transparent url(http://gorod.4bb.ru/uploads/gorod/2_Go_go.gif) no-repeat 40px 40px;
background-repeat: no-repeat;
padding-left: 51px;
в первоначальном варианте:
#pun-stats ul.container {
background: transparent url(http://gorod.4bb.ru/uploads/gorod/2_Go_go.gif) no-repeat 10px 26px;
background-repeat: no-repeat;
padding-left: 51px;
}
все работает, надо еще поиграться с отступами в пикселях
Игорь, а попробуй поменять скин форума, возможно, в этом глюк?
ну, вот возьми, и попробуй скин мубб, потому как в нем у меня идет человечек....
Я поэкспериментировала
no-repeat 10px 26px;
где 10 - это отступ от левого края
где 26 - это отступ от верха контейнера, т.е. примитивно - от слова "Статистика"
padding-left: 51px;
а тут 51 - это отступ от левого края всего текста статистики, слов всех этих
Проблема в Опере... ИЭ и Мозилла все выдают нормально. кстати, стиль мубб самый безглючный оказался. Ставил иконки - не вижу... захожу в гостях - вижу. По умолчанию - мубб, а у меня в профиле - классик. Кстати, у Вас на форуме поставил мубб - столько всего нового обнаружилось, а зашел в ИЭ, так и курсор со снежинкой увидел... Спасибо за подсказки и помощь! Я долгонько ковырялся в настройках, а потом у Вас тут читал темы, пока нашел нужное.
Ну, у меня тоже Опера. ИМХО, просто многие стили глючные. Брала на выбор 10 случайных стилей, примерно в 7 не показывались иконки к разделам, Классик в том числе их не показывает
Кстати, поэксперементировал со скриптами!
<background-color : #ХХХХХХ> - вот что добавил В скрипты "форум открыт***дней" и "приветствие по времени суток" стало на цветном фоне а не на белом.
Правда дополнил еще :
#pun-title table {
background-color : #ХХХХХХ;
}
#pun-title h1 {
background-color : #ХХХХХХ;
}
ну это уже контрольный в голову! ХХХХХХ - код цвета по выбору.
Но странно, в Опере всё красиво вышло а в ИЭ нет фонового цвета...
Вопрос снимаю, разобрался сам.
Вы здесь » *сНежный форум* - территория отдыха для всей семьи! » Web-дизайн. Основы html. Скрипты. » Разукрашиваем форум