Присваиваем class последнему блоку

Присваиваем class последнему блоку, помогите пожалуйста

Сообщений: 473 Регистрация: Мар 2011

12 Декабря 2014 23:23

Здравствуйте!
Сразу скажу, я не селен в js, можно сказать вообще не понимаю.

А теперь попробую объяснить что мне нужно.
Есть <div class="xinfo"> при наведении мыши, пользователь видит следующее:
Рисунок

Все конечно хорошо, но! Тем у кого разрешение монитора 1920.

А вот, что видят у кого экран меньше: http://joxi.ru/1A5WkNzibGMNmE.png

Но! У меня есть class "reverse" который показывает окно в другую сторону, то есть http://joxi.ru/52aRDqkskbjWA0.png

Отсюда вопрос, как сделать так: http://joxi.ru/DmBxjWNI4zbwAP.png

Как сделать чтоб при уменьшении разрешения у выделенным красным блока был <div class="xinfo"> а у остальных уже было <div class="xinfo reverse">

Буду очень благодарен за помощь, смогу отблагодарить на wmr!

Изменено: Александр - 12 Декабря 2014 23:24

Веб дизайн - отзывы

Александр

Сообщений: 473 Регистрация: Мар 2011

16 Декабря 2014 21:32

Ну что? Не кто не сталкивался с этим?

Coder

Сообщений: 10433 Регистрация: Мар 2013

16 Декабря 2014 22:01

Думается, через медиа запросы в css. Элементы адаптивного дизайна.

_http://htmlbook.ru/css/media

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

HTMLXHTML

Сообщений: 121 Регистрация: Дек 2014

16 Декабря 2014 22:20

Там при уменьшении сбрасываются стили

Александр

Сообщений: 473 Регистрация: Мар 2011

16 Декабря 2014 22:37

Уже на другом сайте давали на медиа. Дело в том, что медиа присвоит либо всем класс xinfo либо reverse. А мне нужно при сужении чтоб первым 4 блокам присвоено было <div class="xinfo"> а остальным четырем <div class="xinfo reverse">

Так сделано на ivi, при сужении монитора у них блок открывается влево!Как тут => http://joxi.ru/52aRDqkskbjWA0.png

Coder

Сообщений: 10433 Регистрация: Мар 2013

16 Декабря 2014 22:45

Даже если через js, то нужно иметь привязку (id, например) для тех или иных блоков.

_http://coderhs.com/archive/jquery_about

найдите пример: "Другая частая задача – это добавление или удаление класса."

Александр

Сообщений: 473 Регистрация: Мар 2011

16 Декабря 2014 22:55

Цитата
Coder пишет: Даже если через js, то нужно иметь привязку (id, например) для тех или иных блоков.

Смотрите как прописано на ivi:

При разрешении 1920 <div id="xinfo_14904812" class="xinfo">
Уменьшаем разрешение и уже у них прописано <div id="xinfo_14904812" class="xinfo reverse">

Вот теперь думаю, как в DLE присвоить этот класс reverse когда у меня код выглядит так <div class="xinfo"> и дублируется 8 раз.

Coder

Сообщений: 10433 Регистрация: Мар 2013

16 Декабря 2014 23:31

Цитата
Александр пишет: чтоб первым 4 блокам присвоено было <div class="xinfo"> а остальным четырем <div class="xinfo reverse">

Попробуйте обернуть первые четыре в свой дополнительный блок, и остальные четыре - в свой, со своими id, и через дочерние элементы div присваивать свой class, в соответствии с media размером

Александр

Сообщений: 473 Регистрация: Мар 2011

16 Декабря 2014 23:37

Цитата
Coder пишет: Попробуйте обернуть первые четыре в свой дополнительный блок, и остальные четыре - в свой, со своими id, и через дочерние элементы div присваивать свой class, в соответствии с media размером

Что то я совсем запутался!
Давайте поподробнее:

Есть файл test.tpl в нем идет код:

Код
<div class="xinfo"> тут еще код </div>

Потом я вывожу этот файл так

Код
{custom category="17,18" template="test" from="0" limit="16" cache="no"}

И вот теперь появляется вопрос, как?

Coder

Сообщений: 10433 Регистрация: Мар 2013

#10

16 Декабря 2014 23:41

Цитата
Александр пишет: И вот теперь появляется вопрос, как?

По подробнее надо бы спросить у спецов по ДЛЕ - то, что я предложил, является вариантом "чистого" html и css.

Александр

Сообщений: 473 Регистрация: Мар 2011

#11

16 Декабря 2014 23:53

Цитата
Coder пишет: По подробнее надо бы спросить у спецов по ДЛЕ - то, что я предложил, является вариантом "чистого" html и css.

Да вот в том то и дело, что на DLE я застрял с этой ерундой. Спасибо за советы, пришлите wmr в ЛС отблагодарю за помощь.

Coder

Сообщений: 10433 Регистрация: Мар 2013

#12

16 Декабря 2014 23:59

Цитата
Александр пишет: Спасибо за советы

Пожалуйста)

Цитата
пришлите wmr в ЛС отблагодарю за помощь

) Благодарен за предложение, но это безвозмездно.

Александр

Сообщений: 473 Регистрация: Мар 2011

#13

17 Декабря 2014 00:01

Где бы гуру по DLE найти?

Coder

Сообщений: 10433 Регистрация: Мар 2013

#14

17 Декабря 2014 00:03

Цитата
Александр пишет: Где бы гуру по DLE найти?

Есть такие - если не ошибаюсь, Yaltagrad как-то кому-то рекомендовал.

Нашел: _http://www.cy-pr.com/forum/f63/t71985/m784238#message784238

Изменено: Coder - 17 Декабря 2014 00:07

Александр

Сообщений: 473 Регистрация: Мар 2011

#15

17 Декабря 2014 00:12

Цитата
Coder пишет: Нашел:

Спасибо, отписал ему, ждем ГУРУ smile:confused:

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
18:09 LGaming - экосистема и партнерская программа в gambling и betting вертикалях 16:11 Давайте начнем обмен отзывами Google maps 22:14 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 13:03 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 13:04 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 15:04 Adtrafico - Правильная партнёрская сеть под бурж трафик	15:02 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 13:24 Linken Sphere – браузер-антидетект нового поколения 12:42 Sapfirex.com - Современный сервис обмена криптовалют 09:33 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 09:30 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 04:16 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 19:49 Sectormoney.com - быстрый и удобный обменник	23:14 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту