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

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

Сообщений: 474 Регистрация: Мар 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

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

Александр

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

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

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

Coder

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

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

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

_http://htmlbook.ru/css/media

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

✓ Курсы

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

HTMLXHTML

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

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

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

Александр

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

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

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

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

Coder

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

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

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

_http://coderhs.com/archive/jquery_about

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

Александр

Сообщений: 474 Регистрация: Мар 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

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

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

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

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

Александр

Сообщений: 474 Регистрация: Мар 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

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

#10

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

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

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

Александр

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

#11

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

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

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

Coder

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

#12

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

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

Пожалуйста)

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

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

Александр

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

#13

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

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

Coder

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

#14

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

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

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

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

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

Александр

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

#15

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

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

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

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

Новые темы	Объявления	Свободное общение
21:39 Подскажите где продвигать сайт. 10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:12 Мошенники-копирайтеры 08:57 Индексация страниц 23:16 Есть ли альтернатива Адсенсу и РСЯ? 20:48 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 18:53 Настройка плагина для wordpress Price Shop	20:47 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 20:07 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 18:53 Volna.money 14:35 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 09:41 SpaceSwap.cc - Быстрый и надежный обменник криптовалют 09:09 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 04:14 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка	22:31 Точные прогнозы на футбол 20:32 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 09:37 Договорные матчи от ИИ 20:29 SMM-24.com САМЫЙ ДЕШЕВЫЙ SMM - Накрутка от 0.0001$\|TG/TG PREMIUM/YT/TWIT/IG/TT/FB 08:32 Бесплатный SEO аудит. 20:52 Что сейчас топ по монетизации? Видео-темы или что-то поинтереснее? 21:55 Хром ругается на форум