CheZter: ... Но все же - что будет удобнее для пользователя интернет магазина, как считаете? ...
удобнее для юзверя - миниатюры товаров покрупнее и описания поподробнее на большом экране, а не "резиновая" черепица из мелких иконок от которой глаза рябит. вот это и есть маленькая часть настоящей адаптивности...
имхо, конечно, но такое - железобетонное...
CheZter: ... И в чем заключается кособокость плавающих блоков, пустое место сбоку при не кратной ширине экрана?
именно для равномерного заполнения по ширине гриды и придуманы...
pornodump: Попробую, что-то я с псевдоклассами не работал раньше.
Ааа так :hover это и есть псевдокласс? :) ахах )) Не знал. Я эту иерархию не особо знаю. Но тем не менее, с :hover не получается это. Так как тут картинка, и если что там при hover появляется, то картинка это закрывает. Поэтому у меня и стоит div Блок с position: absolute
1 вариант - "как в бутраспе" это всё ж таки респонсив дизайн, на адаптивность грида он и не претендует
2 вариант - это вообще не "сетка", а то что вы называюете адаптивностью у обычных плавающих блоков кособоко получается, потому гриды и придумали, так бы они нафиг не были бы нужны
kalivan: DiAksID, спасибо!
Для меню на <ul> <li> я разобрался. Но я ни как не могу понять как мне реализовать все конкретно для <div>...
а разницы никакой 😂 ведь неспроста в 3-ем бутстрапе нет компонента "аккордеон", а проходит он как частный случай компонента "дропдавн" + усвойте, что data-togle можно ставить не только на те элементы, которые указаны в примере.
в вашем случае просто сначала уберите все data-togle и сделайте css в котором при наведении мышки на див (class="accordion-heading") с линком-переключателем следующему за ним диву-цели (class="collapse") задавался display: block (селектор +).
на десктопах такой аккордеон будет работать вообще без скриптов.
потом включайте мосК и думайте как прицепить к этому data-togle, что бы аккордеон заработал и на touch...
---
только имейте ввиду, что в стандартном вертикальном аккордеоне действие по клику, а не по наведению - наиболее логичная и удобная форма. почти всё, что сделано в бутстрапе - сдело не просто так, а "по поводу" 😂 ...
вобщем, CheZter, проще говоря
... responsive by default with a mobile first approach ...
это наше всё ;) ... для начала - точно хватит, а потом можно и в извращения углубиться ...
... Но все же - что будет удобнее для пользователя интернет магазина, как считаете? ...
удобнее для юзверя - миниатюры товаров покрупнее и описания поподробнее на большом экране, а не "резиновая" черепица из мелких иконок от которой глаза рябит. вот это и есть маленькая часть настоящей адаптивности...
имхо, конечно, но такое - железобетонное...
... И в чем заключается кособокость плавающих блоков, пустое место сбоку при не кратной ширине экрана?
именно для равномерного заполнения по ширине гриды и придуманы...
Попробую, что-то я с псевдоклассами не работал раньше.
Ааа так :hover это и есть псевдокласс? :) ахах )) Не знал. Я эту иерархию не особо знаю. Но тем не менее, с :hover не получается это. Так как тут картинка, и если что там при hover появляется, то картинка это закрывает. Поэтому у меня и стоит div Блок с position: absolute
мляттт... читаем внимательно: псевдоЭЛЕМЕНТ 😎
1 вариант - "как в бутраспе" это всё ж таки респонсив дизайн, на адаптивность грида он и не претендует
2 вариант - это вообще не "сетка", а то что вы называюете адаптивностью у обычных плавающих блоков кособоко получается, потому гриды и придумали, так бы они нафиг не были бы нужны
DW же… 10 DW
+ 9 же ...
... понравился очень слайдер в виде видео. Грузится очень быстро, прям глаз радует ...
быстро грузится постер, который совпадает с первым кадром. к тому же первый кадр размыт - потому постер лёгкий. вот и вся хитрость...
ЗЫ: "слайдер в виде видео" эту уже ваши фантазии. обычный видео-баннер...
... а то мне не очень нравится, что в ссылке div блок заключен...
псевдоэлемент вместо дива и будет классика жанра...
Телепатю... DiAksID, на OpenCart намекает :D
блин, не спугни !!!!
Да есть парочка - NetCat, Amiro, ImageCMS...
уже с арифметикой беда 🙅 и всё не то...
Пришел клиент...
адназначна - заблудился 😂 ...
DiAksID, спасибо!
Для меню на <ul> <li> я разобрался. Но я ни как не могу понять как мне реализовать все конкретно для <div>...
а разницы никакой 😂 ведь неспроста в 3-ем бутстрапе нет компонента "аккордеон", а проходит он как частный случай компонента "дропдавн" + усвойте, что data-togle можно ставить не только на те элементы, которые указаны в примере.
в вашем случае просто сначала уберите все data-togle и сделайте css в котором при наведении мышки на див (class="accordion-heading") с линком-переключателем следующему за ним диву-цели (class="collapse") задавался display: block (селектор +).
на десктопах такой аккордеон будет работать вообще без скриптов.
потом включайте мосК и думайте как прицепить к этому data-togle, что бы аккордеон заработал и на touch...
---
только имейте ввиду, что в стандартном вертикальном аккордеоне действие по клику, а не по наведению - наиболее логичная и удобная форма. почти всё, что сделано в бутстрапе - сдело не просто так, а "по поводу" 😂 ...