Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Вопрос по поводу селектора стилей

Предыдущая тема Следующая тема Перейти вниз

Вопрос по поводу селектора стилей

Сообщение автор Kito в Вт 17 Июл - 13:39

Хочется добавить на форум 2 абсолютно разных стиля, но при стандартном селекторе, туториал по которому есть на этом форуме, кнопки навигации/кнопки в постах/цвет текста/все иконки остаются одними и теми же для всех стилей. cray

Возможно ли через css задать каждой кнопке свою картинку? Если да, то может подскажите правильный код? smile

Движок: phpBB2

Kito
 

Мужчина

Сообщения : 32
Возраст : 26
Регистрация : 2011-08-28
Благодарности : 6

Без предупреждений

http://kito-design.forum2x2.com/

Вернуться к началу Перейти вниз

Re: Вопрос по поводу селектора стилей

Сообщение автор Dana Domirani в Вт 17 Июл - 14:32

Можно попробовать.
Но, боюсь, будут проблемы с кнопкой "Новое ЛС".



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Вопрос по поводу селектора стилей

Сообщение автор Kito в Вт 17 Июл - 15:19

Если только с ней - то что-нибудь придумаю, всетаки не самая заметная кнопка)

Kito
 

Мужчина

Сообщения : 32
Возраст : 26
Регистрация : 2011-08-28
Благодарности : 6

Без предупреждений

http://kito-design.forum2x2.com/

Вернуться к началу Перейти вниз

Re: Вопрос по поводу селектора стилей

Сообщение автор Dana Domirani в Вт 17 Июл - 15:41

Тогда можно попробовать так:

1) В ПА > Оформление > Управление картинками - Продвинутый > Общие / Навигация:
- все кнопки, кроме "Новое ЛС" заменить на пустые — http://illiweb.com/fa/empty.gif
- кнопку "Новое ЛС" оставить (для примера — https://i63.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



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Вопрос по поводу селектора стилей

Сообщение автор Kito в Вт 17 Июл - 15:52

good
Ясно, спасибо, а иконки тем/форумов и кнопки типа "цитата" таким же образом можно?)

Kito
 

Мужчина

Сообщения : 32
Возраст : 26
Регистрация : 2011-08-28
Благодарности : 6

Без предупреждений

http://kito-design.forum2x2.com/

Вернуться к началу Перейти вниз

Re: Вопрос по поводу селектора стилей

Сообщение автор Dana Domirani в Вт 17 Июл - 16:41

Думаю, можно. Сейчас проверю.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Вопрос по поводу селектора стилей

Сообщение автор Dana Domirani в Вт 17 Июл - 17:02

1) Берем три пустых иконки размером 50*50 с разными адресами и ставим в ПА > Оформление > Управление картинками - Продвинутый > Иконки форума:

Категория | Форум :
https://i44.servimg.com/u/f44/16/54/26/99/wqvj10.png

Категория - Новое | Форум - Новое :
https://i44.servimg.com/u/f44/16/54/26/99/wqvj11.png

Категория - закрыто | Форум - Зарыто :
https://i44.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;
}
Меняем ссылки в background на изображения новых иконок и сохраняем.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Вопрос по поводу селектора стилей

Сообщение автор Kito в Вт 17 Июл - 17:17

ага, значит все иконки тем/форумов должны быть одинакового размера, или меньше базового прозрачного тоже подойдет?

Kito
 

Мужчина

Сообщения : 32
Возраст : 26
Регистрация : 2011-08-28
Благодарности : 6

Без предупреждений

http://kito-design.forum2x2.com/

Вернуться к началу Перейти вниз

Re: Вопрос по поводу селектора стилей

Сообщение автор Dana Domirani в Вт 17 Июл - 17:22

Можно меньше, но не больше yes Большое фоновое изображение просто окажется урезанным по краям.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Вопрос по поводу селектора стилей

Сообщение автор Kito в Вт 17 Июл - 17:34

Кнопки "новая тема" и "новый ответ" таким же образом как и иконки форумов, своего класса у них нет?

Kito
 

Мужчина

Сообщения : 32
Возраст : 26
Регистрация : 2011-08-28
Благодарности : 6

Без предупреждений

http://kito-design.forum2x2.com/

Вернуться к началу Перейти вниз

Re: Вопрос по поводу селектора стилей

Сообщение автор Dana Domirani в Вт 17 Июл - 17:35

Даже если нет класса — можно прицепиться к их src, как в предыдущем случае. Сейчас посмотрю.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22083
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения