Jump to content

virtas

User
  • Posts

    81
  • Joined

  • Last visited

Posts posted by virtas

  1. С

    15 часов назад, npofopr сказал:

    Дак ведь

    
    .nav>li>a:focus, .nav>li>a:hover {
      text-decoration: none;
      background-color: #eee;
    }

     

    Спасибо нашел я теперь ставлю  вот так 
    .nav>li>a:focus, .nav>li>a:hover {
      text-decoration: none;
      background-color: #000000 !important;
    }
    И все одно он там подмигивает ((( белый 

  2. Как можно обезопасить себя после сдачи работы и заставить заказчика оплатить работу ?
    Создаю интернет магазин на движке Opencart.
    Особо опыт не большой и множество технологий еще не знаю, и хотелось узнать может есть программы скрипты которые можно внедрить на будущие если заказчик не расплатился то что  то ему мог бы отключить ! Или как Поступить скажите пожалуйста в таком случаи ?  

  3. Может вопрос не в тему но все  он же касается САЙТА 
    Так вот есть сайт ресторана много лет и есть парочка плохих отзывов которых хочу убрать.

    Я сообщал о нарушениях правил итд но отзывы остаются может есть кто сталкивался и знает как реально удалить их.?

    345.PNG

  4. Есть стандартное меню вордпресс то есть код для вывода 
    прописал классы  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); // выводим верхнее меню
    ?>

     

  5. Помогите найти слайдер карусель не знаю как еще назвать скрипт 

    По сути мне нужно вывести 5 картинок и ссылки рядом для переключение на каждую картинку, и навигация в виде точерк.

    Вот Как тут !

    Может кто то поможет решить данную проблему !

    Я ее то сделал но немного не коректно работает точки не подсвечиваются вот

  6. Помогите найти слайдер карусель не знаю как еще назвать скрипт 
    По сути мне нужно вывести 5 картинок и ссылки рядом для переключение на каждую картинку, и навигация в виде точерк.
    Вот Как тут !
    Может кто то поможет решить данную проблему !

  7.  

    Крутил крутил и не как (((( 

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

     

    да у меня уже стоит слайд на главной я боюсь если начну менять скрипты добавлять то в такую пучину провалюсь что мам не горюй

    Буду очень очень благодарен за помощь  

  8. я так понимаю мне нужно создать блок в блоке col-lg-3 col-md-3 col-sm-6 col-xs-12 blok-0s с классом  blok там и прописать текст который будет появляться ?


    ну да, всё так и есть. Делаете абсолютно спозиционированный блок во весь размер поверх контейнера. Чтобы плавно, делаете ещё transition: opacity 1s ease;

    я так понимаю мне нужно создать блок в блоке col-lg-3 col-md-3 col-sm-6 col-xs-12 blok-0s с классом  blok там и прописать текст который будет появляться ?

  9. Вот есть макет с блоками и для каждого блока мне нужно сделать поверх при наведении с текстом 
    Вот тут пример можно посмотреть только там не адаптивные блоки


    .block  position: relative  &__overlay    +size(100%)    position: absolute    top: 0    left: 0    opacity: 0    &:hover      opacity: 1

    как-то так вы имеете в виду?

     

    Вот есть макет с блоками и для каждого блока мне нужно сделать поверх при наведении с текстом 
    Вот тут пример можно посмотреть только там не адаптивные блоки

  10. Помогите решить проблему.
    У меня читыри блока 300 на 300 px верстка ботстрап.
    И при наведении на любой из этих высвечивался скрытый полупрозрачный блок с другим текстом и ссылкой.
    Нужно что бы они по ширине такие же были как и основные (адаптивные)

    Вот как то так 

  11. Я, например, bower'ом не пользуюсь.

     

    На форуме люди с разным уровнем и опытом.

    Не все используют node.js и модные штуки на нем, и могут вообще не знать, что такое npm, нужно это учитывать)

     

    Я, например, bower'ом не пользуюсь.

     

    На форуме люди с разным уровнем и опытом.

    Не все используют node.js и модные штуки на нем, и могут вообще не знать, что такое npm, нужно это учитывать)

    Все четинько работает Спасибо !!! А вы не подскажите как вместо кнопок навигации поставить ссылки??? там например Блок1 Блок2 Блок3

     

    установить проще простого.

     

    Ага, только сначала нужно установить node.js и, собственно, сам bower.

    Так пишите, будто этот пакетный менеджер что-то само собой разумеющееся.

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

    Да и плагин по вашей ссылке платный.

     

    virtas, попробуйте этот http://kenwheeler.github.io/slick/

    Возможно, тяжеловат, но вашу задачу решает.

     

    Все четинько работает Спасибо !!! А вы не подскажите как вместо кнопок навигации поставить ссылки??? там например Блок1 Блок2 Блок3

  12. Я, например, bower'ом не пользуюсь.

     

    На форуме люди с разным уровнем и опытом.

    Не все используют node.js и модные штуки на нем, и могут вообще не знать, что такое npm, нужно это учитывать)

     

    Я, например, bower'ом не пользуюсь.

     

    На форуме люди с разным уровнем и опытом.

    Не все используют node.js и модные штуки на нем, и могут вообще не знать, что такое npm, нужно это учитывать)

    Да тут я с вами согласен !!!

    Вот я что сделал поставил на вордпресс

    Только у меня еще есть вопрос для всех участвующих, кому не сложно подскажите как сделать снизу ссылки (скажем так (ту же самую навигацию только не как на слайдерах кнопки а текст, например блок 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(); // выбираем последний элемент карусели и удаляем его
    });
     
    });

     

  13. $(".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(); // выбираем последний элемент карусели и удаляем его
    });

  14. вам именно сверстать нужно или готовый jquery плагин пойдет?

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

×
×
  • 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