Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Вопрос по поводу селектора стилей
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Вопрос по поводу селектора стилей
Хочется добавить на форум 2 абсолютно разных стиля, но при стандартном селекторе, туториал по которому есть на этом форуме, кнопки навигации/кнопки в постах/цвет текста/все иконки остаются одними и теми же для всех стилей.
Возможно ли через css задать каждой кнопке свою картинку? Если да, то может подскажите правильный код?
Движок: phpBB2
Возможно ли через css задать каждой кнопке свою картинку? Если да, то может подскажите правильный код?
Движок: phpBB2
Re: Вопрос по поводу селектора стилей
Можно попробовать.
Но, боюсь, будут проблемы с кнопкой "Новое ЛС".
Но, боюсь, будут проблемы с кнопкой "Новое ЛС".
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Вопрос по поводу селектора стилей
Если только с ней - то что-нибудь придумаю, всетаки не самая заметная кнопка)
Re: Вопрос по поводу селектора стилей
Тогда можно попробовать так:
1) В ПА > Оформление > Управление картинками - Продвинутый > Общие / Навигация:
- все кнопки, кроме "Новое ЛС" заменить на пустые — https://illiweb.com/fa/empty.gif
- кнопку "Новое ЛС" оставить (для примера — https://i.servimg.com/u/f63/15/93/74/44/novoe11.gif )
Сохранить.
2. В CSS добавить код:
У каждой кнопки заменить ссылку на изображение и значение ширины (width) на соответствующие.
Значение высоты (height) тоже необходимо заменить на высоту Ваших кнопок.
Кнопка "Новое ЛС" будет одинаковой для всех стилей.
1) В ПА > Оформление > Управление картинками - Продвинутый > Общие / Навигация:
- все кнопки, кроме "Новое ЛС" заменить на пустые — https://illiweb.com/fa/empty.gif
- кнопку "Новое ЛС" оставить (для примера — https://i.servimg.com/u/f63/15/93/74/44/novoe11.gif )
Сохранить.
2. В CSS добавить код:
- Код:
.mainmenu {
display:inline-block;
height: 45px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
/* кнопки меню*/
/* Портал */
a.mainmenu[href*='/portal']{
background: transparent url('http://i63.servimg.com/u/f63/15/93/74/44/free_020.gif') top center no-repeat !important;
width: 84px;
}
/* Форум */
a.mainmenu[href*='/forum']{
background: transparent url("http://i63.servimg.com/u/f63/15/93/74/44/free_019.gif") top center no-repeat !important;
width: 74px;
}
/* Календарь */
a.mainmenu[href*='/calendar']{
background: transparent url("http://i63.servimg.com/u/f63/15/93/74/44/free_022.gif") top center no-repeat !important;
width: 103px;
}
/* Чаво */
a.mainmenu[href*='/faq']{
background: transparent url("http://i63.servimg.com/u/f63/15/93/74/44/free_023.gif") top center no-repeat !important;
width: 74px;
}
/* Поиск */
a.mainmenu[href$='/search']{
background: transparent url("http://i63.servimg.com/u/f63/15/93/74/44/free_024.gif") top center no-repeat !important;
width: 70px;
}
/* Пользователи */
a.mainmenu[href$='/memberlist']{
background: transparent url("http://i63.servimg.com/u/f63/15/93/74/44/free_025.gif") top center no-repeat !important;
width: 142px;
}
/* Группы */
a.mainmenu[href*='/groups']{
background: transparent url("http://i63.servimg.com/u/f63/15/93/74/44/free_026.gif") top center no-repeat !important;
width: 80px;
}
/* Профиль */
a.mainmenu[href*='/profile']{
background: transparent url("http://i63.servimg.com/u/f63/15/93/74/44/free_027.gif") top center no-repeat !important;
width: 90px;
}
/* ЛС */
a.mainmenu[href*='/privmsg']{
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/wqdi10.png") top center no-repeat !important;
width: 108px;
}
/* Регистрация */
a.mainmenu[href*='/register']{
background: transparent url("http://i63.servimg.com/u/f63/15/93/74/44/free1_10.gif") top center no-repeat !important;
width: 133px;
}
/* Вход */
a.mainmenu[href='/login']{
background: transparent url("http://i63.servimg.com/u/f63/15/93/74/44/free1_11.gif") top center no-repeat !important;
width: 60px;
}
/* Выход */
a#logout {
background: transparent url("http://i63.servimg.com/u/f63/15/93/74/44/free_114.gif") top center no-repeat !important;
width: 65px;
}
У каждой кнопки заменить ссылку на изображение и значение ширины (width) на соответствующие.
Значение высоты (height) тоже необходимо заменить на высоту Ваших кнопок.
Кнопка "Новое ЛС" будет одинаковой для всех стилей.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Вопрос по поводу селектора стилей
Ясно, спасибо, а иконки тем/форумов и кнопки типа "цитата" таким же образом можно?)
Re: Вопрос по поводу селектора стилей
Думаю, можно. Сейчас проверю.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Вопрос по поводу селектора стилей
1) Берем три пустых иконки размером 50*50 с разными адресами и ставим в ПА > Оформление > Управление картинками - Продвинутый > Иконки форума:
Категория | Форум :
https://i.servimg.com/u/f44/16/54/26/99/wqvj10.png
Категория - Новое | Форум - Новое :
https://i.servimg.com/u/f44/16/54/26/99/wqvj11.png
Категория - закрыто | Форум - Зарыто :
https://i.servimg.com/u/f44/16/54/26/99/wqvj12.png
Сохраняем.
2) В CSS ставим настройки:
Категория | Форум :
https://i.servimg.com/u/f44/16/54/26/99/wqvj10.png
Категория - Новое | Форум - Новое :
https://i.servimg.com/u/f44/16/54/26/99/wqvj11.png
Категория - закрыто | Форум - Зарыто :
https://i.servimg.com/u/f44/16/54/26/99/wqvj12.png
Сохраняем.
2) В CSS ставим настройки:
- Код:
/* иконка категория форум */
img[src="http://i44.servimg.com/u/f44/16/54/26/99/wqvj10.png"] {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/diagra10.png") center no-repeat !important;
}
/* иконка категория форум новое */
img[src="http://i44.servimg.com/u/f44/16/54/26/99/wqvj11.png"] {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/folder10.png") center no-repeat !important;
}
/* иконка категория форум закрыто */
img[src="http://i44.servimg.com/u/f44/16/54/26/99/wqvj12.png"] {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/folder11.png") center no-repeat !important;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Вопрос по поводу селектора стилей
ага, значит все иконки тем/форумов должны быть одинакового размера, или меньше базового прозрачного тоже подойдет?
Re: Вопрос по поводу селектора стилей
Можно меньше, но не больше Большое фоновое изображение просто окажется урезанным по краям.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Вопрос по поводу селектора стилей
Кнопки "новая тема" и "новый ответ" таким же образом как и иконки форумов, своего класса у них нет?
Re: Вопрос по поводу селектора стилей
Даже если нет класса — можно прицепиться к их src, как в предыдущем случае. Сейчас посмотрю.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Похожие темы
» По поводу новых стилей, предложенных на Hitskin.com
» Вопрос по поводу профиля
» Вопрос по поводу удаления шаблонов
» Вопрос по поводу "Опроса"
» Вопрос по поводу домена!
» Вопрос по поводу профиля
» Вопрос по поводу удаления шаблонов
» Вопрос по поводу "Опроса"
» Вопрос по поводу домена!
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения