paralex

Здравствуйте. Подскажите, может кто знает готовый слайдер с подобным функционалом. Чтоб были и элементы листания по одному слайду и обычный скролл которым можно потихоньку двигать. Как вариант может хотя бы скролл, который двигает по целому слайду и перемешается на большее делении сразу.

может быть хотелось вот такого эффекта http://jsfiddle.net/4bkL5qv4/1/ с тенью

после ваших слов представилось что-то такое http://jsfiddle.net/y9de8rk5/1/

круто! спасибо

Можно вклинуться в ваш разговор с вопросом. Я вот там выше присылал пример тоже меню такого. И сейчас обратил внимания на ситуацию: А если у пункта нету выпадающего меню? То вот этот маркер треугольник у него при наведении все равно появляется. Посмотрел ваш вариант и там так же он появляется если убрать выпадающее меню у пункта. Возможно как-то в рамках одного html+css сделать чтоб треугольник был только когда есть выпадающее меню? Или делать все равно придется через дополнительный класс и задавать его пунктам с подменю?

Пока накидывал понял, что вроде вам не это нужно http://jsfiddle.net/paralex/3mojw5vj/ но как вариант для похожего меню может пригодиться

Паддинги по 500px ? Переделывайте этот ужас. А почему большой padding плох? Я не наезжаю, а интересуюсь просто Потому что такое делается маргинами, разница огромная "ужас", "разница огромная" - хочется услышать объяснение. Или указание где про это почитать

Паддинги по 500px ? Переделывайте этот ужас. А почему большой padding плох? Я не наезжаю, а интересуюсь просто

margin:auto работает если у вас будет задана ширина. Если бы у вас монитор был больше 1920 пикселей вы бы стали видеть выравнивание

задайте классу "container" overflow-x:hidden;

Вопрос, наверное, был, что чувака хотели сделать фоном но он залезает поверх контента слегка? Я сделал бы рональдо отдельной картинкой и поместил его элементом :after с position:absolute в блок контента и поцизионировал куда надо. Все бы зависело где он на других страницах по высоте планируется быть. Просто там может будут разные футболисты меняться же и так было бы сделать не сложно.

Не сильно понятно по куску скриншота в чем проблема. Но если просто задать чуваку position:relative и left: отрицательный?

Под хром последним была. Сейчас уже нету Еще бы кнопке "Отправить" : cursor:pointer;

Я бы добавил еще onfocus="this.placeholder=''" onblur="this.placeholder='Имя'" inputam. Смущает что кликаешь а текст не исчезает. И как-то вот это внутренняя синяя рамка сразу портит эстетическое впечатление http://joxi.ru/wRmzQGz5HbP7rO

Предложенные методы подойдут если фон однородный. А если там будет картинка или еще что-то, что нельзя перекрыть чтоб не было заметно швов, то я бы сделал, наверное, так http://jsfiddle.net/paralex/rmfgxjjc/1/

Использую bxslider и tabby. Спасибо за разъяснение, учитывая ваш ответ пришел вот к такому решению. Все стало работать, но насколько правильно это? var sliders = {}; sliders.tab1 = $('.bxslider-product').bxSlider(); sliders.tab2 = $('.bxslider-product-new').bxSlider(); sliders.tab3 = $('.bxslider-product-spec').bxSlider(); tabby.init({ toggleActiveClass: 'active', contentActiveClass: 'active', initClass: 'js-tabby', callbackBefore: function ( toggle, tabID ) { }, callbackAfter: function ( toggle, tabID ) { sliders[tabID.substr(1)].reloadSlider(); } });tab1 tab2 tab3 это id моих табов. И пришлось дописать tabID.substr(1) , так как он возвращал #tab1

Возникла тут проблема. Есть блок с 3 табами(вкладками), и в каждом свой слайдер. Вроде все сделал, но слайдер работает только в первой вкладке. При переключении на вторую или третью, контент слайдера не показывается, остаются только кнопки управления. Прочитал что нужно при нажатии на таб перегружать слайдер в таком случаи, так как блок был скрыт и он не просчитал размеры. Сделал вот так: var slider = $('.bxslider-product-all').bxSlider();var sliderNew = $('.bxslider-product-new').bxSlider();var sliderSpecial = $('.bxslider-product-special').bxSlider();$('.tabs-link').click(function(){ slider.reloadSlider(); sliderNew.reloadSlider(); sliderSpecial.reloadSlider();}); И получил странный эффект. При нажатии на второй таб, он на него переходит, но слайдер не появляется. А если нажать второй раз на этот же таб, то появляется слайдер. И так со всеми тремя табами. В чем ошибка? И как можно реализовать такое по другому может быть более проще?

Там вроде просто картинка с белым фоном вставлена. Сделать прозрачность Еще .fixed-wrap я бы задал z-index побольше. А то например элементы слайдера налезают на него поверх. Мало ли что может еще перекрыть его вдруг. И еще все картинки в менюшках вставлены через тег img. Лучше сделать через css конечно.

Мне кажется дело просто в отступах между inline-block элементами. Если их сбросить то все должно быть хорошо http://css-live.ru/articles/zagadochnye-otstupy-mezhdu-inlajn-blokami.html

http://cssdeck.com/labs/cbbgx7wn можно сделать чтоб при любой высоте и ширине картинки, но нужно ли такое увеличение кода

Тогда так: http://jsfiddle.net/7sad0kte/3/ .sidebar-item-title span{ position:absolute; bottom: -35px;}Но это как-то не очень. Контент из потока выпадает. Спасибо, думал про что-то подобное, но мысль тогда прошла мимо. Мне так и выглядит как не сильно нравится, но сделаю 2 варианта, какой оставить выберут сами

Вот если посмотреть на картинку которую приложил, и сравнить второй и последний элемент. То вот у меня при моей верстке http://jsfiddle.net/paralex/7sad0kte/1/ первая строка остается на том же уровне, а вторая сдвигает все вниз, а можно ли сделать чтоб было как на картинке на последнем элементе, чтоб первая строка сдвигалась вверх (без указания отдельного класса элементам в 2 строки). Чтоб линия с изгибом оставалась на своем месте всегда. Не совсем то что хотелось. Но за растягивание элемента спасибо, что-то я хотел просто стрелочку побольше вырезать изначально всем А то что она прячется это и сделано специально

почему-то из-за пробела в ссылке сообщение на этом месте оборвалось автоматом. после удаления пробела все само появилось

Верстаю шаблон и в нем присутствую однотипные элементы такого вида Попробовал несколько вариантов, и пришел вот к такому http://jsfiddle.net/paralex/7sad0kte/ пара свойств остается одинаковых, но у каждого устанавливаю свои отступы, шрифт, и меняю еще картинку диогональной стрелочке по цвету. Вроде меня это даже устроило. Но столкнулся с проблемой, что в списке однотипных элементов если заголовок длинный в 2 строки то у меня все съезжает вниз http://jsfiddle.net/paralex/7sad0kte/1/ а должно наоборот вверх а стрелочка подчеркивания оставаться на своем месте как на самом нижнем элементе на картинке. Как можно решить это, что-то не могу придумать, либо просто не вижу очевидного. И может быть посоветуете как лучше сделать данные элементы?)

Тоже такая хрень нужна была. Так же задал overflow body и ничего не вышло. Потом обернул весь контент на сайте в еще один div и задал overflow ему и вроде визуально работает. Но не могу ручаться что это правильно