Temiks

User
  • Content count

    557
  • Joined

  • Last visited

Community Reputation

45 Хорошая

About Temiks

  • Rank
    Активный участник
  • Birthday November 8

Information

  • Sex
    Мужчина
  • From
    Украина
  • Interests
    HTML; CSS

Contacts

  • Skype
    a.temix
  1. Шрифт кастомный, скачанный с Интернета. Называется 'Jikharev'. В прошлый раз, когда сталкивался с подобным, был другой шрифт, но тогда решили шрифт заменить на похожий с google fonts.
  2. Здравствуйте. При выделении подключаемый шрифт на сайте рендерится по разному на macOS и Windows. Браузер Chrome последней версии. Вот так шрифт отображается на ОС Windows - идеально расположен по центру А вот так уже на macOS. Шрифт смещен с центра к верху. Сталкиваюсь не в первый раз с этой проблемой. В чем может быть проблема? Возможно кто-то сталкивался с подобным? В какую сторону копать в таком случае?
  3. Здравствуйте. Есть три картинки. При клике на первую картинку она увеличивается в размерах. (получилось) При клике на вторую картинку - первая картинка уменьшается в размерах. (получилось) При клике на третью картинку - первая картинка запоминает свой размер и больше не изменяется. (не получилось) Как можно реализовать запрет на изменение блока только с помощью JQ? (Задача по JQ) Я думаю нужно сделать при клике на 3 картинку свойства !important, но не получается написать его с помощью JQ. ... <img src="img.jpg" alt="" class="img-circle" id="img-1" ><img src="img.jpg" alt="" class="img-circle" id="img-2"><img src="img.jpg" alt="" class="img-circle" id="img-3">$('#img-1').click( function() { $(this).animate({ height: 250, width: 250 }, 1000); });$('#img-2').click( function() { $('#img-1').animate({ height: 150, width: 150 }, 1000); });$('#img-3').click( function() { var gHeight = $('#img-1').height(); var gWidth = $('#img-1').width(); // а тут нужно дописать то, чего я не знаю });
  4. Если правильно понимаю, то все изображения нужно поместить в один блок? А не как сделал я? UPD: Разобрался, спасибо. <div class="brands-box"> <div class="container"> <div class="row text-center"> <div class="section-title"> <h1>Бренды</h1></div> </div> <div class="row"> <div class="slider-brands"> <div class="slider-item"> <img src="assets/img/brands/item-1.jpg" alt=""> </div> <div class="slider-item"> <img src="assets/img/brands/item-2.jpg" alt=""> </div> <div class="slider-item"> <img src="assets/img/brands/item-3.jpg" alt=""> </div> <div class="slider-item"> <img src="assets/img/brands/item-4.jpg" alt=""> </div> <div class="slider-item"> <img src="assets/img/brands/item-5.jpg" alt=""> </div> <div class="slider-item"> <img src="assets/img/brands/item-6.jpg" alt=""> </div> </div> </div> </div></div>
  5. Здравствуйте. Подскажите, пожалуйста, как сделать вертикальное выравнивание в списке изображений? Нужно сделать следующее: p.s делаю слайдом каждое изображение, добавляется обтекание элементу по левому краю float: left
  6. У меня получилось вот так сделать: https://jsfiddle.net/u8bbmqtv/5/ Но есть проблема, я дублировал шапку в html, можно ли сделать как то иначе на жс?
  7. Спасибо. Только заказчик уже передумал и хочет эффекты fade in, fade out. Я так понял, для этого нужно клонировать меню?
  8. Здравствуйте. У меня есть два фиксированных меню. У первого высота 150рх и видно оно сразу на странице, а когда пользователь прокручивает страницу меню уменьшается до 60рх. Мне нужно сделать так, что бы маленькое меню выезжало с верху страницы. Примерно как на этом видео: Если есть готовый скрипт, буду благодарен. upd. Задача немного изменилась, нужен эффект fade in , fade out
  9. Здравствуйте. Кто то сталкивался с подобного рода галереей? -- Пробовал сделать сам, но не получается сделать нижний отступ последующего ряда ромбов. Нашел решение http://mqchen.github.io/jquery.diamonds.js/, но как я понял, там можно сделать или рамку без отступов, или отступ без рамки. Если кто то сталкивался с подобной проблемой и может помочь, буду благодарен
  10. Спасибо большое!!! У меня получилась лабуда с использованием display: table, table-cell .. куча г*** в общем
  11. Здравствуйте. Как можно выровнять содержимое ссылки по вертикали? Задача сделать вот это: Есть изображение, если навести на изображение появляется ссылка с текстом, текст находится по центру, а ссылка расстягивается на всю ширину и высоту изображения. Изображения могут быть разной высоты, по этому padding думаю не подойдет :/ -- как такое можно сделать?
  12. Здравствуйте. Использую вот такой скрипт jquery.equalheights.js от автора mattbanks для получения высоты самого высокого элемента. Мне нужно вызывать эту функцию перерасчета высоты каждый раз, когда пользователь изменяет размер окна браузера. К примеру, переворачивает телефон или планшет.. Я написал вот такой код для этого: $(document).ready(function () { function heightItemDetect() { $('.services-list .services-item').equalHeights(); }; setTimeout(heightItemDetect(), 300); $(window).resize(function () { heightItemDetect(); });});Но при изменении размеров окна браузера он не срабатывает. Что я делаю не так?
  13. Да, но если правильно понимаю, тогда не получится содержимое всплывающего блока выравнивать по вертикали, т.к .cell будет уже не со свойством display: table-cell, а с display: block;
  14. @psywalker, спасибо за помощь! Только как быть с адаптивностью если использовать первый вариант с таблицей?