virtas
-
Posts
81 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by virtas
-
-
В меню мигает белый фон hover не могу понять откуда он берется.
И что самое интересно что водишь по пунктам горизонтально ! Помогите найти как его поменять.
-
Как можно обезопасить себя после сдачи работы и заставить заказчика оплатить работу ?
Создаю интернет магазин на движке Opencart.
Особо опыт не большой и множество технологий еще не знаю, и хотелось узнать может есть программы скрипты которые можно внедрить на будущие если заказчик не расплатился то что то ему мог бы отключить ! Или как Поступить скажите пожалуйста в таком случаи ? -
-
Есть меню класс меню main-navbar, можно ли заменить его на другой класс если например человек прокрутил 200px от верха экрана.Был main-navbar а должен стать main-navbar2
-
Есть стандартное меню вордпресс то есть код для вывода
прописал классы 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 картинок и ссылки рядом для переключение на каждую картинку, и навигация в виде точерк.
Вот Как тут !
Может кто то поможет решить данную проблему ! -
Крутил крутил и не как ((((
Так используйте карусель, а не табы. Останется только переопределить стили, чтобы убрать/сменить эффект смены слайдов.
да у меня уже стоит слайд на главной я боюсь если начну менять скрипты добавлять то в такую пучину провалюсь что мам не горюй
Буду очень очень благодарен за помощь
-
Крутил крутил и не как ((((
-
и у того и у другого есть js-api
У я же обратился за помощью зачем загадками
-
а в чём сложность? А то это совершенно штатная же штука.
http://getbootstrap.com/javascript/#carousel— посмотрите на . carousel-indicators
Но у меня же карусель а табы http://getbootstrap.com/javascript/#tabs и теперь не могу понять как перекрутить кнопочки
-
В незу? Нет, в незу нельзя. Внизу — пожалуйста, делайте.
Вот как то так что бы было, не подскажите как можно та сделать ?
-
-
-
На сайте есть с 10 роликов с ютуба и после у меня в консоли стало появляться множество ошибок и долго страничка грузится ( люди добрые как мне избавится от такой пробл ?
-
я так понимаю мне нужно создать блок в блоке 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 там и прописать текст который будет появляться ?
-
Вот есть макет с блоками и для каждого блока мне нужно сделать поверх при наведении с текстом
Вот тут пример можно посмотреть только там не адаптивные блоки.block position: relative &__overlay +size(100%) position: absolute top: 0 left: 0 opacity: 0 &:hover opacity: 1
как-то так вы имеете в виду?
Вот есть макет с блоками и для каждого блока мне нужно сделать поверх при наведении с текстом
Вот тут пример можно посмотреть только там не адаптивные блоки -
Помогите решить проблему.
У меня читыри блока 300 на 300 px верстка ботстрап.
И при наведении на любой из этих высвечивался скрытый полупрозрачный блок с другим текстом и ссылкой.
Нужно что бы они по ширине такие же были как и основные (адаптивные)
Вот как то так -
Я, например, bower'ом не пользуюсь.
На форуме люди с разным уровнем и опытом.
Не все используют node.js и модные штуки на нем, и могут вообще не знать, что такое npm, нужно это учитывать)
Я, например, bower'ом не пользуюсь.
На форуме люди с разным уровнем и опытом.
Не все используют node.js и модные штуки на нем, и могут вообще не знать, что такое npm, нужно это учитывать)
Все четинько работает Спасибо !!! А вы не подскажите как вместо кнопок навигации поставить ссылки??? там например Блок1 Блок2 Блок3
установить проще простого.Ага, только сначала нужно установить node.js и, собственно, сам bower.
Так пишите, будто этот пакетный менеджер что-то само собой разумеющееся.
ТС затрудняется подключить плагин, а вы еще зависимостей абсолютно ему не нужных подбрасываете.
Да и плагин по вашей ссылке платный.
virtas, попробуйте этот http://kenwheeler.github.io/slick/
Возможно, тяжеловат, но вашу задачу решает.
Все четинько работает Спасибо !!! А вы не подскажите как вместо кнопок навигации поставить ссылки??? там например Блок1 Блок2 Блок3
-
Я, например, 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(); // выбираем последний элемент карусели и удаляем его});}); -
$(".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(); // выбираем последний элемент карусели и удаляем его
}); -
Вот нашел то что нужно простая карусель но botstrap режет по полной (((
-
-
вам именно сверстать нужно или готовый jquery плагин пойдет?
Ну подскажите плагин может попроще проверенный есть я пробую устанавливать да как то не очень все такие замысловатые
Откуда то лезет hover
in HTML Coding
Posted
С
Спасибо нашел я теперь ставлю вот так
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #000000 !important;
}
И все одно он там подмигивает ((( белый