Привет Sasha ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

как на такую карточка сделать hover effect?

такой есть class="card-panel hoverable"

box-shadow

но он по дизайну другой

ребят. вопрос тупой наверно, но где у нового юкита брекйпоинты описаны https://getuikit.com/docs/introduction ?

ребят. вопрос тупой наверно, но где у нового юкита брекйпоинты описаны https://getuikit.com/docs/introduction ?

https://getuikit.com/docs/visibility ета?

Вопрос немного по js. Если у меня один файл, где несколько разных скриптов, применяемых на разных страницах. И на тех страницах, где какой-то скрипт не нужен, но он всё равно работает и из-за этого в консоли возникает ошибка. Как вы решаете этот вопрос?

Вопрос немного по js. Если у меня один файл, где несколько разных скриптов, применяемых на разных страницах. И на тех страницах, где какой-то скрипт не нужен, но он всё равно работает и из-за этого в консоли возникает ошибка. Как вы решаете этот вопрос?

подключать только там, где это нужно?

Разбивать на несколько файлов или прописывать внутри тегов <script> это ок?

Лучше разбить на несколько скриптов

По мне так проще поддерживать

https://getuikit.com/docs/visibility ета?

смотрела эту страницу. как-то странновато. я надеялась увидеть какой-нибудь раздел/подраздел в брейкпоинтами, как часто бывает

Разбивать на несколько файлов или прописывать внутри тегов <script> это ок?

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

ага, небольшие, на пару строчек. Спасибо! Отличный вариант!

ага, небольшие, на пару строчек. Спасибо! Отличный вариант!

function issetElement(elemId){ if($(elemId).length > 0){ return true; } }

если jq юзаешь, вот небольшая функция

Привет Иван ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

потом просто пишешь if(issetElement('.jopa')){ // делай то то; }

если jq юзаешь, вот небольшая функция

юзаю. Благодарю!)

При выборе

Что ?в какое поле ?

Что значит default

?

достаем шары для гадания

Которое пустое

Вверху, после слова Сортировать

Это селект ? Нативный ?

Это не селект Такая штука: <p class="sort-help">Сортировать: <button class="sort-select" id="sort-by-btn"> </button> <button id="sort-dir-btn" class="sort-select sort-select-picture"> <img src="assets/templates/kinogold-dark/img/icons/arrow-select.svg" alt="select"> </button> </p> <div class="sort-window"> <ul> <li><a href="[[~[[*id]]? &sortby=publishedon]]">По времени загрузки</a></li> <li><a href="[[~[[*id]]? &sortby=pagetitle &sortdir=asc]]">Названию</a></li> <li><a href="[[~[[*id]]? &sortby=RAND()]]">Рандом</a></li> </ul> </div>

кстати, не надо все-любое в <p> пихать, это элемент для параграфов

Так кто-нибудь подскажет, что вставлять в #sort-by-btn?

Подскажите как лучше делать анимацию при наведении( замена цвета фона) через jq или css?

Подскажите как лучше делать анимацию при наведении( замена цвета фона) через jq или css?

css of course

css канешн

вот еще вопрос. при наведении нужно сменить фон и повернуть иконку на 90% через css возможно ли это реализовать?

$(".arrow").bind("click", function() { var src = ($(this).attr("src") === "/public/img/down-arrow.png") ? "/public/img/up-arrow.png" : "/public/img/down-arrow.png"; $(this).attr("src", src); if($(".collapse").hasClass("show")){ $( ".mydiv" ).addClass( "bg-accordion" ); } else{ $( ".mydiv" ).removeClass( "bg-accordion" ); } }); есть ли в этом коде ошибка? суть его в том что при нажатии на картинку,она меняется на другую,и если ты нажал на картинку и в определенном классе есть класс show то добавить к классу mydiv другой класс

вот еще вопрос. при наведении нужно сменить фон и повернуть иконку на 90% через css возможно ли это реализовать?

возможно

возможно

в css появились условия? Оо

:hover все дела...

вот еще вопрос. при наведении нужно сменить фон и повернуть иконку на 90% через css возможно ли это реализовать?

Если иконка находится внутри тэга с фоном, то можно

Если иконка находится внутри тэга с фоном, то можно

как это сделать?

section:nth-of-type(1) .button:hover { background-color: #04C2C9; border-color: #04C2C9; .mti{ и тут поворачиваем? } }

Товарисчи знатоки! Всем здраво. Мож кто знает приколюху, есть ли способ запустить эмулятор приложения с aap на mac. Типо под рукой айфончика нет, а приложение нужно посмотреть..

как это сделать?

.background:hover .icon-class{ transform: rotate(90deg); }

Это если на чистом css

Товарисчи знатоки! Всем здраво. Мож кто знает приколюху, есть ли способ запустить эмулятор приложения с aap на mac. Типо под рукой айфончика нет, а приложение нужно посмотреть..

xcode но тебе вряд ли поможет

Привет Прокси У ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Это если на чистом css

чет не повернулась

xcode но тебе вряд ли поможет

Спасибо друже! Вот ковыряюсь в нем.. Лан буду искать решения. Спасибо!

чет не повернулась

Код покажи

<div class="button page-link" dest="about">Посмотри мои работы <i class="mdi mdi-arrow-right"></i></div> section:nth-of-type(1) .button { z-index: 1; font-size: 18pt; padding: 17px 15px 17px 15px; border: 2px solid; cursor: pointer; transition: 0.5s; } section:nth-of-type(1) .button:hover { background-color: #04C2C9; border-color: #04C2C9; } section:nth-of-type(1) .button:hover .mdi{ transform: rotate(90deg); }

<div class="button page-link" dest="about">Посмотри мои работы <i class="mdi mdi-arrow-right"></i></div> section:nth-of-type(1) .button { z-index: 1; font-size: 18pt; padding: 17px 15px 17px 15px; border: 2px solid; cursor: pointer; transition: 0.5s; } section:nth-of-type(1) .button:hover { background-color: #04C2C9; border-color: #04C2C9; } section:nth-of-type(1) .button:hover .mdi{ transform: rotate(90deg); }

.mdi { transform: none; transition: 2s ease all; } .button:hover .mdi { transform: rotate(90deg); }

transform: none; можешь не ставить, но я перестраховался на всякий пожарный

вьехал почему не повернулось, он должен быть блочным или inline blok

смотря какой у него конечный дизайн.... если это реально просто блок с однородным фоном, бордером и без теней, то можно сделать вообще одним дивом

верхний правый углол это квадрат повернутый, по одной стороне бордер у него, залитый фоном

это можно сделать before элементом

а правую часть от квадрата after элементом, просто прямоугольник

с бордер радиусом, фоном и бордером по нужным сторонам

далее 2 варианта, или сам див залить фоном и псевдоэлементы вытянуть отрицательным top, или даль этому диву верхний padding и сунуть внутрь еще один див, который будет заливать залит фоном с бордером

А как ловко сделать так, чтобы при клике на одном переключателе значение менялось и на других? Прописать им одинаковый id? Или искать через querySelectorAll а далее цикл? https://codepen.io/hamper/pen/BrEbmg?editors=0010

ERROR: S client not available

как такое записать,я написал подобное но только добавил класс....

https://codepen.io/KAPJICOH/pen/LdorNY не пойму как написать так: Если аккордеон открыт,то mydiv становиться отпределенного цвета.

но оно все равно не верно

далее 2 варианта, или сам див залить фоном и псевдоэлементы вытянуть отрицательным top, или даль этому диву верхний padding и сунуть внутрь еще один див, который будет заливать залит фоном с бордером

Спасибо! Впринцепи, что-то понял, попробую разобрать ))

вот закрасил 3 блока, зеленый и голубой это псевдоэлементы

основной див фиолетовый, либо его покрасить и всевдоэлементы поднять top отрицательный

либо дать верхний padding с высоту голубого блока и вложить еще один див покрашенный внутрь

вот закрасил 3 блока, зеленый и голубой это псевдоэлементы

Спасибо большущие ! А если сделать обертку и в ней уже псевдоэлементы и див фиолетовый ?

ну вот если будет див обертка, внутри 2 псевдоэлемента абсолютные сверху, на высоту голубого верхний padding, он оттолкнет вложенный фиолетовый див

просто такой расклад подойдет только для блоков с однородным фоном, или градентом где верхняя часть одним цветом идет, чтоб не видно было границ псевдоэлементов

ну вот если будет див обертка, внутри 2 псевдоэлемента абсолютные сверху, на высоту голубого верхний padding, он оттолкнет вложенный фиолетовый див

Спасибо еще раз за помощь)

Спасибо еще раз за помощь)

??

Почему блин оно срабатывает когда именно 2 аккордеона открыто? https://codepen.io/OlegTar/pen/OvYEdv?editors=1111

обьясните плиз...

как сделать так что б если 1 аккордеон открыт,то к нему и срабатывает...

Всем привет

Как бы правильней сверстать этот текст

А я думал задизайнить

пздц

ужс какой)

На каждую строку свой блок с отступом)

Но дизайнер оч странный

Но дизайнер оч странный

Ты мягко выразился, да?

Ты мягко выразился, да?

ахахах, да

Как бы правильней сверстать этот текст

А в чем проблема?)

Не видел такой выключки еще)

ужс какой)

Там еще последный блок с текстом скошен))

ахахах, да

Он наверное из строителей в дизайнеры пошел

ахахаха