Jump to content

virtas

User
  • Posts

    81
  • Joined

  • Last visited

Everything posted by virtas

  1. С Спасибо нашел я теперь ставлю вот так .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #000000 !important; } И все одно он там подмигивает ((( белый
  2. В меню мигает белый фон hover не могу понять откуда он берется. И что самое интересно что водишь по пунктам горизонтально ! Помогите найти как его поменять.
  3. Как можно обезопасить себя после сдачи работы и заставить заказчика оплатить работу ? Создаю интернет магазин на движке Opencart. Особо опыт не большой и множество технологий еще не знаю, и хотелось узнать может есть программы скрипты которые можно внедрить на будущие если заказчик не расплатился то что то ему мог бы отключить ! Или как Поступить скажите пожалуйста в таком случаи ?
  4. Может вопрос не в тему но все он же касается САЙТА Так вот есть сайт ресторана много лет и есть парочка плохих отзывов которых хочу убрать. Я сообщал о нарушениях правил итд но отзывы остаются может есть кто сталкивался и знает как реально удалить их.?
  5. Есть меню класс меню main-navbar, можно ли заменить его на другой класс если например человек прокрутил 200px от верха экрана. Был main-navbar а должен стать main-navbar2
  6. Есть стандартное меню вордпресс то есть код для вывода прописал классы bootstrap не знаю как И куда добавить классы для под пунктов меню. <header><?php $args = array( // опции для вывода верхнего меню, чтобы они работали, меню должно быть создано в админке'theme_location' => 'top', // идентификатор меню, определен в register_nav_menus() в function.php'container'=> 'nav', // обертка списка'menu_class' => 'bottom-menu', // класс для ul 'menu_id' => 'bottom-nav', // id для ul );wp_nav_menu($args); // выводим верхнее меню?></header> Прописал классы bootstrap работает только меню подпункты НЕ РАБОТАЮТ (( <?php $args = array( // опции для вывода верхнего меню, чтобы они работали, меню должно быть создано в админке'theme_location' => 'top', // идентификатор меню, определен в register_nav_menus() в function.php'container'=> 'nav', // обертка списка'menu_class' => 'nav navbar-nav navbar-right', // класс для ul 'menu_id' => 'top-menu', // id для ul );wp_nav_menu($args); // выводим верхнее меню?>
  7. virtas

    Карусель

    Я ее то сделал но немного не коректно работает точки не подсвечиваются вот
  8. Помогите найти слайдер карусель не знаю как еще назвать скрипт По сути мне нужно вывести 5 картинок и ссылки рядом для переключение на каждую картинку, и навигация в виде точерк. Вот Как тут ! Может кто то поможет решить данную проблему !
  9. Так используйте карусель, а не табы. Останется только переопределить стили, чтобы убрать/сменить эффект смены слайдов. да у меня уже стоит слайд на главной я боюсь если начну менять скрипты добавлять то в такую пучину провалюсь что мам не горюй Буду очень очень благодарен за помощь
  10. Крутил крутил и не как ((((
  11. У я же обратился за помощью зачем загадками
  12. Но у меня же карусель а табы http://getbootstrap.com/javascript/#tabs и теперь не могу понять как перекрутить кнопочки
  13. Вот как то так что бы было, не подскажите как можно та сделать ?
  14. Сотворил вот такую штуку бутстрап таб И в незу хочу сделать кнопочки как например на стандартном бутстрап карусели на фото нарисовал, возможно ли как то их сделать? Фото Сайт
  15. https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1136497
  16. На сайте есть с 10 роликов с ютуба и после у меня в консоли стало появляться множество ошибок и долго страничка грузится ( люди добрые как мне избавится от такой пробл ?
  17. я так понимаю мне нужно создать блок в блоке col-lg-3 col-md-3 col-sm-6 col-xs-12 blok-0s с классом blok там и прописать текст который будет появляться ? я так понимаю мне нужно создать блок в блоке col-lg-3 col-md-3 col-sm-6 col-xs-12 blok-0s с классом blok там и прописать текст который будет появляться ?
  18. Вот есть макет с блоками и для каждого блока мне нужно сделать поверх при наведении с текстом Вот тут пример можно посмотреть только там не адаптивные блоки Вот есть макет с блоками и для каждого блока мне нужно сделать поверх при наведении с текстом Вот тут пример можно посмотреть только там не адаптивные блоки
  19. Помогите решить проблему. У меня читыри блока 300 на 300 px верстка ботстрап. И при наведении на любой из этих высвечивался скрытый полупрозрачный блок с другим текстом и ссылкой. Нужно что бы они по ширине такие же были как и основные (адаптивные) Вот как то так
  20. Все четинько работает Спасибо !!! А вы не подскажите как вместо кнопок навигации поставить ссылки??? там например Блок1 Блок2 Блок3 Ага, только сначала нужно установить node.js и, собственно, сам bower. Так пишите, будто этот пакетный менеджер что-то само собой разумеющееся. ТС затрудняется подключить плагин, а вы еще зависимостей абсолютно ему не нужных подбрасываете. Да и плагин по вашей ссылке платный. virtas, попробуйте этот http://kenwheeler.github.io/slick/ Возможно, тяжеловат, но вашу задачу решает. Все четинько работает Спасибо !!! А вы не подскажите как вместо кнопок навигации поставить ссылки??? там например Блок1 Блок2 Блок3
  21. Да тут я с вами согласен !!! Вот я что сделал поставил на вордпресс Только у меня еще есть вопрос для всех участвующих, кому не сложно подскажите как сделать снизу ссылки (скажем так (ту же самую навигацию только не как на слайдерах кнопки а текст, например блок 1 блок 2 итд)) вот что вышло пока у меня <div class="b-carousel"> <!-- контейнер, в котором будет карусель --> <div class="b-carousel-button-left"></div> <!-- левая кнопка --><div class="b-carousel-button-right"></div> <!-- правая кнопка --> <div class="h-carousel-wrapper"> <!-- видимая область карусели --><div class="h-carousel-items"> <!-- весь набор элементов карусели --> <div class="b-carousel-block"> <!-- первый элемент карусели --><a href="#" class="a-carousel-image-link"><img src="<?php bloginfo('template_url'); ?>/img/karuseli/k1.png" alt="logo" class="img-responsive"></a></div> <div class="b-carousel-block"><a href="#" class="a-carousel-image-link"><img src="<?php bloginfo('template_url'); ?>/img/karuseli/k2.png" alt="logo" class="img-responsive"></a></div> <div class="b-carousel-block"><a href="#" class="a-carousel-image-link"><img src="<?php bloginfo('template_url'); ?>/img/karuseli/k3.png" alt="logo" class="img-responsive"></a></div> <div class="b-carousel-block"><a href="#" class="a-carousel-image-link"><img src="<?php bloginfo('template_url'); ?>/img/karuseli/k4.png" alt="logo" class="img-responsive"></a></div> <div class="b-carousel-block"><a href="#" class="a-carousel-image-link"><iframe width="200" height="113" src="https://www.youtube.com/embed/et281UHNoOU?rel=0&controls=0&showinfo=0"frameborder="0" allowfullscreen></iframe> </a></div> <div class="b-carousel-block"> <!-- последний элемент карусели --><a href="#" class="a-carousel-image-link"><img src="<?php bloginfo('template_url'); ?>/img/karuseli/k5.png" alt="logo" class="img-responsive"></a></div> </div></div> </div> img {border: 0;}.b-carousel {width: 948px; /* ширина всего блока */margin: 50px auto;}.h-carousel-wrapper {width: 888px; /* ширина области карусели */position: relative;overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */margin: 0 auto; /* выравниваем по центру относительно родительского блока */}.h-carousel-items {width: 10000px; /* устанавливаем большую ширину для набора элементов карусели, чтобы в неё всё поместилось */position: relative; /* позиционируем блок относительно основной области карусели */}.b-carousel-block {float: left; /* выстраиваем все элементы карусели в ряд */width: 210px; /* задаём ширину каждого элемента */padding: 5px 6px; /* делаем оступы, чтобы элементы не сливались */}.a-carousel-image-link { /* тут чисто оформление содержимого */display: block;width: 206px;height: 150px;overflow: hidden;border: 2px solid #fff;}.b-carousel-button-left, .b-carousel-button-right {width: 28px; /* задаем ширину кнопок */height: 36px; /* задаем высоту кнопок */position: relative;top: 60px; /* позиционируем кнопки */cursor: pointer; /* делаем кнопкам курсор в виде "пальца" */}.b-carousel-button-left {float: left; /* выравниваем левую кнопку по левому краю */background: url("./img/carousel-left.png"); /* картинка с левой кнопкой */}.b-carousel-button-right {float: right; /* выравниваем правую кнопку по правому краю */background: url("./img/carousel-right.png"); /* картинка с правой кнопкой */} $(document).ready(function(){ $(".b-carousel-button-right").click(function(){ // при клике на правую кнопку запускаем следующую функцию:$(".h-carousel-items").animate({left: "-222px"}, 200); // производим анимацию: блок с набором картинок уедет влево на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд.setTimeout(function () { // устанавливаем задержку времени перед выполнением следующих функций. Задержка нужна, т.к. эти ффункции должны запуститься только после завершения анимации.$(".h-carousel-items .b-carousel-block").eq(0).clone().appendTo(".h-carousel-items"); // выбираем первый элемент, создаём его копию и помещаем в конец карусели$(".h-carousel-items .b-carousel-block").eq(0).remove(); // удаляем первый элемент карусели $(".h-carousel-items").css({"left":"0px"}); // возвращаем исходное смещение набора набора элементов карусели}, 300);}); $(".b-carousel-button-left").click(function(){ // при клике на левую кнопку выполняем следующую функцию: $(".h-carousel-items .b-carousel-block").eq(-1).clone().prependTo(".h-carousel-items"); // выбираем последний элемент набора, создаём его копию и помещаем в начало набора $(".h-carousel-items").css({"left":"-222px"}); // устанавливаем смещение набора -222px $(".h-carousel-items").animate({left: "0px"}, 200); // за 200 милисекунд набор элементов плавно переместится в исходную нулевую точку$(".h-carousel-items .b-carousel-block").eq(-1).remove(); // выбираем последний элемент карусели и удаляем его}); });
  22. Вот нашел то что нужно простая карусель но botstrap режет по полной (((
  23. Классика то классика установить тяжеловато ( Я так понимаю нужно подключить саму библиотеку скрипт html розетку и все ?
  24. Ну подскажите плагин может попроще проверенный есть я пробую устанавливать да как то не очень все такие замысловатые
×
×
  • 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