Присваиваем 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

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

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

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

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

#10

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

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

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

Александр

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

#11

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

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

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

Coder

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

#12

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

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

Пожалуйста)

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

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

Александр

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

#13

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

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

Coder

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

Новые темы	Объявления	Свободное общение
20:41 Great reading too 164 ! 16:58 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 15:38 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 15:09 А+ в MAX: Квитанция на получение денег 17:45 AviTool - мощный инструмент для автоматизации работы с Avito 15:31 adsense в 2026: кто реально выводит копейку через киргизию? 12:10 продажа ссылок с ai-сеток в 26-м- тема рип или просто все молчат?	17:21 UltraXchina: Современный сервис обмена Alipay, USDT, Наличные 16:10 JustProxy.Biz - Резидентные прокси без ограничения по трафику 14:56 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 13:01 От $0.015 за IP \| $0.68 за ГБ \| 9PROXY.COM \| 20+ млн резидентных прокси \| 99,95% аптайм \| Без чёрных списков 12:09 MirExchange24.io - обмен криптовалют в крупнейших городах мира 10:29 RedMoonEx.com - cервис обмена: криптовалюты, наличные RUB, USD, EUR 10:08 Авито аккаунты ИП и физик	20:14 Точные прогнозы на футбол 18:08 Панель Кнопки соцсетей 09:28 молодильные яблоки и живая вода 21:02 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 15:29 Компьютерная мышь 12:46 Актуально для тех кто хочет заработать в интернете 12:22 Оцифровка старых физических фотографий