- Поиск на Youtube Быстрый поиск видео на Youtube.
- Фоторедактор Здесь вы можете отредактировать свои изображения перед размещением их на фотохостинге. Многофункциональный онлайн-инструментарий.
- iPleer.fm Здесь вы можете найти практически любую песню.
- Гид по сайту Тема о новых опциях на сайте с инструкциями и иллюстрациями.
- Наша беседка В этой теме можете задать любой интересующий вопрос относительно сайта и не только.
- Техподдержка В этом разделе Вы можете создать тему технического характера, связанных с компьютерами, телефонами и интернетом.
Последние темы
Любимые темы
Загрузка избранного...
Страница 2 из 2 • Поделиться
CSS коды для настройки форума phpBB3
Первое сообщение в теме :
CSS для настройки заголовка (header):
Прежде, чем совершить глобальные изменения в таблице CSS, рекомендую сохранить стиль. ПА - Оформление - Стили - Управление стилями - Экспортировать стиль. В случае неудачных попыток, Вы сможете вернуться в исходное состояние при помощи опции "Импортировать стиль" чуть ниже в той же иерархии. |
CSS для настройки заголовка (header):
- Код:
.headerbar {
background-color: transparent;
background-image: url('LINK IMAGINE');
height: 170px;
background-position: top;
background-repeat: no-repeat;
}
- Информация:
- background-color = цвет фона заголовка
background-image = фоновое изображение заголовка
height = высота заголовка
background-position = позиция фона
background-repeat = повтор фона заголовка (repeat для повтора или no-repeat без повтора)
Последний раз редактировалось: Феникс (Чт 24 Ноя - 14:35), всего редактировалось 10 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Фоновое изображение в сообщении
- Код:
.post {
background-image: url('URL IMAGE');
background-repeat: repeat;
background-position: top center;
}
У меня установлен скрипт (желтая кнопочка "Bg" на панели редактора) для смены фонового изображения в постах. Но о нем расскажу отдельно. |
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Фоновое изображение почтовом ящике
- Код:
.ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea{
background-image:url('URL IMAGE');
background-repeat: repeat;
background-position: top center;
}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
CSS, чтобы настроить код и спойлер
- Код:
dl.codebox {
padding: 3px;
background-color: lightyellow;
border: 1px solid #C9D2D8;
font-size: 1em;
}
dl.codebox dt {color: purple;}
.codebox dd {color: brown;}
dl.codebox code {color: darkgrey;}
- Информация:
dl.codebox
padding = Название код / спойлера
background-color = цвет фона код / спойлера
border = бордюр кода / спойлер сайт и его цвет
font-size: = размер шрифта кода / спойлера
dl.codebox dt
Цвет заголовка = код цвета / спойлера
. codebox dd
цвет = цвет текста спойлера
dl.codebox code
цвет = цвет текста кода
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Настройка кнопок
- Код:
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url('URL IMAGE');
background-repeat: repeat;
font-family: comic sans ms;
color: #000000;}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Изменение кнопок при наведении мыши.
- Код:
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url('URL IMAGE');
background-repeat: repeat;
}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Готовое решение с сайта поддержки
Взято отсюда
- кнопки сайта :
- Код:
/* кнопки предпросмотр, отправить, черновик, сохранить лс, удалить лс, лс в профиль, удалить все лс, кнопка нет, кнопка да, отмена подписки, проголосовать, отменить настройки, перейти */
input[name="preview"], input[name="post"], input[name="draft"], input[name="save"], input[name="delete"], input[name="moveprofile"], input[name="deleteall"], input[name="cancel"], input[name="confirm"], input[name="valid"], input[name="submit"], input[name="reset"], input[value="Перейти"] {
padding: 5px 10px !important;
margin: 10px 5px !important;
font-size: 13px !important;
background-color: #6495ED !important;
color: #000 !important;
border-radius: 5px;
-moz-border-radius: 8px;
border: 3px solid #DCDCDC;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}
input[name="preview"]:hover, input[name="post"]:hover, input[name="draft"]:hover, input[name="save"]:hover, input[name="delete"]:hover, input[name="moveprofile"]:hover, input[name="deleteall"]:hover, input[name="cancel"]:hover, input[name="confirm"]:hover, input[name="valid"]:hover, input[name="submit"]:hover, input[name="reset"]:hover, input[value="Перейти"]:hover {
background-color: #778899 !important;
color: #fff !important;
-moz-box-shadow: 0 0 0 3px #778899;
-webkit-box-shadow: 0 0 0 3px #778899;
box-shadow: 0 0 0 3px #778899;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
Последний раз редактировалось: Феникс (Ср 23 Ноя - 2:17), всего редактировалось 1 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Изменить цвет / изображение фона чата сайта
- Код:
body.chatbox {
background-image: url('URL IMAGE');
background-color: black;}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Цвет строк, которые появляются в сообщениях / автор и время размещения чата
- Код:
.chatbox_row_1 {
padding: 4px;
background-color: transparent;
}
.chatbox_row_2 {
padding: 4px;
background-color: transparent;
}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Настройка заголовка чата сайта
- Код:
.chatbox-title,.chatbox-title a.chat-title {
color: #FFFFFF !important;
text-align: center;
font-size: 20px;}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Изменить фоновое изображение заголовка чата
- Код:
#chatbox_header {
background-image: url('URL IMAGE');}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Изменить фоновое изображение в разделе ниже в окне чата (та, в которой есть варианты для сообщения и отправки его части)
- Код:
#chatbox_footer {
background-image: url('URL IMAGE');}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Добавление скругленных углов в конкретный раздел
- Код:
.SECTION NAME span.corners-top { background-image: url('URL IMAGE'); }
.SECTION NAME span.corners-top span { background-image: url('URL IMAGE'); }
.SECTION NAME span.corners-bottom { background-image: url('URL IMAGE'); }
.SECTION NAME span.corners-bottom span { background-image: url('URL IMAGE'); }
- Информация:
- . SECTION NAME span.corners-top = верхний левые углы
. SECTION NAME span.corners-top span = верхний правые углы
. SECTION NAME span.corners-bottom = Нижний левый угол
. SECTION NAME = span.corners-span Нижний правый угол
Разделы в которые вы можете добавить закругленные углы:
. headerbar = Заголовок
. navbar = панель навигации
. forabg = Список форумов
. forumbg = список тем
. Introduction = сообщение на страницах
. module = Виджеты
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Re: CSS коды для настройки форума phpBB3
На наших сайтах сменили дизайн ПА и добавили возможностей. Теперь можно шаблоны и CSS скачивать на компьютер и хранить. |
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Похожие темы
» Основные идентификаторы CSS (phpBB2 и phpBB3)
» Коды ссылок на тему для вставок.
» Чат на панели инструментов
» [Туториал] CSS для настройки редактора сообщений
» Открытки для форума
» Коды ссылок на тему для вставок.
» Чат на панели инструментов
» [Туториал] CSS для настройки редактора сообщений
» Открытки для форума
Страница 2 из 2
URL: | |
BBCode: | |
HTML: |
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Вт 29 Мар - 7:21 автор Nataliya
» Шаман......
Вт 29 Мар - 7:19 автор Nataliya
» [Салаты] Пять ошибок при приготовлении оливье
Ср 26 Янв - 13:20 автор Scheila
» Наша Беседка.. :)
Сб 18 Дек - 13:17 автор Феникс
» Супы из рыбы и морепродуктов
Вт 14 Дек - 22:26 автор Scheila
» Другие закуски
Вт 14 Дек - 22:25 автор Scheila
» Теперь мы есть в Telegram
Чт 26 Авг - 7:59 автор Феникс
» мои клипы.
Ср 4 Авг - 20:55 автор Nataliya
» МОМЕНТЫ ЖИЗНИ
Ср 4 Авг - 20:44 автор Nataliya