ishurgaya

Здравствуйте. нашел на английском сайте слайдер на css3 без js. Вот здесь : http://csscience.com/responsiveslidercss3/ так вот там написано ,что ловится клик на радио кнопках с id: slide1 , slide2. и в зависимости от выбранной радио кнопки, контейтеру со слайдами (с классом .inner) присваивается соответствующий margin-left. #slide1:checked ~ #slides .inner { margin-left:0; } #slide2:checked ~ #slides .inner { margin-left:100%; } #slide3:checked ~ #slides .inner { margin-left:200%; } #slide4:checked ~ #slides .inner { margin-left:300%; } #slide5:checked ~ #slides .inner { margin-left:400%; }Впервые встречаю такой прием в css3 ,где можно о таком способе динамического задания стилей почитать? И еще помогите понять по какому принципу работает перелистывание слайдера с помощью стрелок по бокам ?

самые полезные для меня оказались modx ,bitrix , opencart. вообще лучше изучать фреймворки. а cms это стандартные велосипеды,которые подходят для стандарных решений и то без напильника никуда. на фреймворках можно делать функциональные вещи, этакий вездеход с пропеллером. у которого не будет звездочки для цепи велика, которую оставили дабы не повредить раму велосипеда из-за усиленной работы напильником

в общем сделал через media запросы : @media (min-width: 608px){ .fon { background-size: 100% 100%; }}@media (min-width: 768px) { .fon { background-size: 100% 119%; }}@media (min-width: 992px){ .fon { background-size: 100% 119%; } }@media (min-width: 1200px) { .fon { background-size: 100% 148%; }}осталось чуть-чуть откалибровать высоту фона на разных экранах . и задать высоту фона на экранах свыше 1200px и мобильных

да задачка не так проста ,как кажется с первого взгляда. есть ли смысл для ее выполнения использовать javascript? пробовал чтобы при изменении размера браузера , определялась ширина страницы и делилась на ширину одного блока . тем самым мы находили количество блоков ,которые помещались в вертикальной линии (напомню страница,что верстка адаптивная) и на js оборачивал в одной строке в div у которого прописаны в стилях кусок фоновой картинки (одна полоска) window.onresize= message; function message() { var h = $('div.block').css('width'); var ch = Number(h.replace(/\D+/g,"")); var count = Math.floor(ch/170); //считаем количество блоков помещающихся в ширину экрана браузера ,170px ширина прямоугольного блока while(($children = $(':not(.row)>.item:lt('+count+')')).length) { $children.wrapAll($('<div class="row"></div>')); }} или есть способы проще ? или лучше без js и у фоновой картинки задать background-size и менять этот стиль через media запросы ,в разных размерах браузеров?

ну в общем ,пытался делать так, но не получается.

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

огромное спасибо! все работает.

Помогу, разместите код где-нибудь и дайте ссылку извиняюсь за долгий ответ. вот код: http://jsfiddle.net/ishurgaya/mm0jbLvw/

что то не очень понимаю ,как лучше сделать. поможете?

Здравствуйте. как сверстать как на картинке? Пробовал так: <span style="vertical-align:top;"> Юридическая </span><span style="vertical-align:bottom;"> компания </span>но справа получается вот так:

пример на флеше в первом посте , это не мой сайт . у меня тех фото нет. спасибо.

как бы пока таковой нету. может просто есть алгоритм или инструмент , чтобы преобразовать фотки в нужную панораму?

я еще не делал фото , я взял ссылку на фото из кода страницы http://threejs.org/examples/webgl_panorama_equirectangular

спасибо. выгрузил эту станичку , панорамное фото выглядит так http://threejs.org/examples/textures/2294472375_24a3b8ef46_o.jpg как подобное фото можно сделать?)

спасибо. работает!

Здравствуйте. Почему в IE так показывает линейный градиент : .line-top:before { content: ""; position: absolute; bottom: -1px; left: -1px; top: 0px; width: 1px; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#01a4a4), to(#104387)); background-image: -webkit-linear-gradient(#104387, #01a4a4); background-image: -moz-linear-gradient(#104387, #01a4a4); background-image: -o-linear-gradient(#104387, #01a4a4); background-image: linear-gradient(#104387, #01a4a4); }А если нужно его сделать влево или вправо , то не показывает : .line-right:after { content: ""; position: absolute; bottom: -1px; left: -1px; right: 0px; height: 1px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#01a4a4), to(#104387)); background-image: -webkit-linear-gradient(left, #01a4a4, #104387); background-image: -moz-linear-gradient(left, #01a4a4, #104387); background-image: -o-linear-gradient(left, #01a4a4, #104387); background-image: linear-gradient(left, #01a4a4, #104387); }Нижний класс корректно показывается во всех браузерах кроме IE. Он не понимает left и right в background-image? Как заставить работать?

спасибо. вот это то что нужно. знаний js будет достаточно? или это как отдельный язык программирования?)

Здравствуйте. Есть сайт: http://www.panotours.ru/vr/senezh/senezh1.htm На нем реализована панорамная экскурсия по комнате на flash. Возможно ли реализовать подобное на javascript ?

Попросили сделать всплывающее окно , сайт сделан с использование css фреймворка skeleton. Заложен ли в нем функционал для создания адаптивного всплывающего окна ,как в бутстрап? или самому нужно создать сам функционал появления и скрытия всплывающего окна? Спасибо.

Здравствуйте. Как сверстать такую фигуру без использования картинок? Полоски которые расходяться в разные стороны ,являются границами 4 блоков . Заранее благодарен.

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

о спасибо. сам понимал ,что туплю, но не мог понять в чем именно)

Здравствуйте. верстаю страничку на bootstrap3. В textarea прописан placeholder ,но он не отображается, причем placeholder в input отображается. для формы использую только стили bootstrap3 , у input и textarea одинаковые стили. (кастомных стилей для них нет) <input type="text" id="phone2" class="form-control" name="phone" placeholder="Контакты (Телефон):" required > <br/> <textarea type="text" id="message" class="form-control" name="message" placeholder="Комментарии:" required > </textarea>Пробовал задать черный цвет для placeholder textarea : textarea::-webkit-input-placeholder {color:#000;}textarea::-moz-placeholder {color:#000;}/* Firefox 19+ */textarea:-moz-placeholder {color:#000;}/* Firefox 18- */textarea:-ms-input-placeholder {color:#000;}Но все равно не показывается, значит он просто не отображается. В чем проблема?

спасибо за помощь. все дело было в форме в которой я в input прописал autofocus . Но форма была в самом низу экрана при загрузке страницы , поэтому не сразу обратил на нее внимание.

Здравствуйте. При обновлении страница сама прокручивается в один и тот же участок страницы. Верстаю на бутстрапе , себя бы обозвал опытный новичек. При загрузке и обновлении страницы ,страничка сама становиться в одном и том же месте ближе к середине страницы. В точности под навигационным меню ,которое снизу большого слайдера.(т.е. при загрузке страницы показывается не слайдер ,а навигационное меню сверху экрана и то что под меню.) Навигационное меню такое : <div class="row"> <div id="navbar-middle" class="col-lg-12 padding-nav-menu"> <ul class="nav navbar-nav nav-balka nav-text"> <li class="active"><a href="#" >О компании</a></li> <li><a href="#" >Цели и задачи</a></li> <li><a href="#" >Наши работы</a></li> <li><a href="#" >Продукция</a></li> <li><a href="#" >Партнеры</a></li> <li><a href="#" >Контакты</a></li> </ul> <img class="style-balka" src="img/balka.png" alt=""> <img class="style-opora" src="img/opora.png" alt=""> </div> </div>Как поправить ,чтобы страница при загрузке показывалась с верхней части, а не со второго экрана странички?