Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 06/14/2016 in Posts

  1. Чем меньше думаешь о деньгах, тем больше их будет.
    1 point
  2. Хочешь, что бы открылось содержимое категории, без перезагрузки страницы?
    1 point
  3. Суть задачи не ясна. Если тебе надо при клике на кнопку что-то показать и что-то спрятать, то это делает jQuery из коробки: $(el).on('click', function(){ $(elToHide).hide() $(elToShow).show() });
    1 point
  4. Нафига вам сторонние скрипты если это всё пишется элементарно: var treshold = 10; // пороговое значение (если расстояние тача больше него, значит у нас свайп, а не клик) var touchStart = { // тут храним начальные координаты тача x: 0, y: 0 }; $(elem).on({ 'touchstart': function(e) { var touch = e.originalEvent.changedTouches[0]; // запоминаем начальные координаты тача touchStart.x = touch.clientX; touchStart.y = touch.clientY; }, 'touchend': function(e) { var touch = e.originalEvent.changedTouches[0]; var dx = touch.clientX - touchStart.x; var dy = touch.clientY - touchStart.y; var abs_dx = Math.abs(dx); var abs_dy = Math.abs(dy); // если дельта по x и по y меньше порогового значения, // значит у нас не свайп, а клик if (abs_dx < treshold && abs_dy < treshold) { console.log('this is click'); } // если дельта по x больше порогового значения и она больше дельты по y // значит мы свайпим влево или вправо, но не вверх или вниз if (abs_dx > treshold && abs_dx > abs_dy) { if (dx < 0) { // если дельта меньше нуля, значит свайпнули влево $(this).trigger('swipeLeft', e); } else { $(this).trigger('swipeRight', e); } } // если дельта по y больше порогового значения и она больше дельты по x // значит мы свайпим вверх или вниз, но не влево или вправо if (abs_dy > treshold && abs_dy > abs_dx) { if (dy < 0) { $(this).trigger('swipeUp', e); } else { $(this).trigger('swipeDown', e); } } }, 'swipeLeft': function(e) { console.log('this is swipe left'); }, 'swipeRight': function(e) { console.log('this is swipe right'); }, 'swipeUp': function(e) { console.log('this is swipe up'); }, 'swipeDown': function(e) { console.log('this is swipe down'); } });
    1 point
This leaderboard is set to Kiev/GMT+03:00
  • Upcoming Events

    No upcoming events found
  • Сообщения форума

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy