Помощник
|
Вопрос по верстке |
mmkulikov
|
Сообщение
#1
|
||
|
|
||
|
|||
Geers |
1.11.2014, 12:43;
Ответить: Geers
Сообщение
#2
|
|
http://beloweb.ru/novichkam/besplatnyie-ge...hih-saytov.html
Всё с помощью css. А имнно этот сайт: http://www.stripegenerator.com/ Сообщение отредактировал Geers - 1.11.2014, 12:46 |
|
|
mmkulikov
|
Сообщение
#3
|
|
Geers, И зачем мне генератор фона, сам фон у меня есть, вопрос не как сделать бесшовный фон вообще, а как реализовать то, что на макете по ссылке в первом посте.
Вот пример "правильной" реализации того что надо http://pcvector.net/uploads/demo/scripts/m...css3/index.html Но в данном примере фон однородный, а в моем в виде "бесшовной" картинки Сообщение отредактировал mmkulikov - 1.11.2014, 12:50 -------------------- VPS от 5€ |
|
|
devuser |
1.11.2014, 13:11;
Ответить: devuser
Сообщение
#4
|
|
В выходной (настроение не рабочее) навскидку приходит только вариант - левый край, центр, правый край. А центр "дотягивать" по ширине до кратности яваскриптом. Например, если ширина паттерна 20 пикселей, то средний слой шириной 80-100-120 и так далее.
Но это костыль )) Сообщение отредактировал devuser - 1.11.2014, 13:11 -------------------- Грамотная, профессиональная верстка макетов Подружим Ваш интернет-магазин с системой 1С |
|
|
mmkulikov
|
Сообщение
#5
|
|
devuser, Поставил Вам "спасибо", но тут сама цель - обойтись CSS. Да и "паттерн" предоставленный дизайнером довольно крупный (любят художники градиенты )
-------------------- VPS от 5€ |
|
|
artanik |
1.11.2014, 15:43;
Ответить: artanik
Сообщение
#6
|
|
Можно сделать с помощью свойства "clip-path". Поддержка средняя(65.19% всех браузеров), так как все IE дружно игнорируют это свойство. Для работы используется svg маска. Уже использовал подобную технику на одном из клиентских сайтов.
Вот сделал прототип http://jsbin.com/budos, но работать будет только в webkit. Для firefox нужно писать svg и использовать скрипты. А про IE просто забыть. Зато на чистом CSS Сообщение отредактировал artanik - 1.11.2014, 15:48 -------------------- Нужна качественная вёрстка сайтов? Обращайтесь: ICQ 555-177-362 |
|
|
mmkulikov
|
Сообщение
#7
|
|
Можно сделать с помощью свойства "clip-path" Решение конечно дающее именно нужный результат, но не могу ограничиться webkit. Сделал пока так http://jsfiddle.net/wfc9cg98/ не идеально, но на 99% соответствует P.S. Идеи по улучшению решения приветствуются Сообщение отредактировал mmkulikov - 1.11.2014, 16:33 -------------------- VPS от 5€ |
|
|
Live_and_Die |
1.11.2014, 21:45;
Ответить: Live_and_Die
Сообщение
#8
|
|
Сделал пока так http://jsfiddle.net/wfc9cg98/ не идеально, но на 99% соответствует Вроде норм. А может с бэкграунд позишион погираться ? |
|
|
rjksdfhe |
1.11.2014, 21:52;
Ответить: rjksdfhe
Сообщение
#9
|
|
mmkulikov, на будущее простой совет - выкладывайте вёрстку "в живую" на каком-то временном адресе (временном домене 3-го уровня).
Не картинкой, а HTML+CSS. Это важно! Так Вам помогут решить проблему на порядок быстрее и эффективне, т.к. в том же Chrome есть возможность динамически изменять стили, и сразу видеть то, как это будет работать. В вашем случае (картинки) - всё предполагается вслепую. Сообщение отредактировал rjksdfhe - 1.11.2014, 21:55 |
|
|
mmkulikov
|
Сообщение
#10
|
|
А может с бэкграунд позишион погираться ? А я так и сделал, но это помогает только для стыковки левой стрелки, а для правой получаем неизвестную ширину центральной части и как следствие не совсем(не всегда) бесшовная стыковка(но только на один пиксель) на будущее простой совет - выкладывайте вёрстку "в живую" На момент создания топика никакой верстки не существовало в принципе, а затем (сообщение №7) я выложил то, что получилось "наверстать" "вживую" Сообщение отредактировал mmkulikov - 2.11.2014, 0:10 -------------------- VPS от 5€ |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Вопрос - платное размещение баннеров на сайте | 10 | WGN | 3126 | 14.12.2020, 14:20 автор: Peterson |
|
Вопрос по рекламе в "инстаграме" Только активные аккаунты могут создавать или редактировать рекламу |
8 | Zubkov | 16020 | 17.1.2020, 17:49 автор: Forumacc |
|
Вопрос-ответ о работе форума | 307 | dos1k | 43056 | 9.11.2019, 17:59 автор: heks |
|
Жена логопед, собрался ей приводить клиентов. Встал вопрос, куда приводить. В теме перечисление доступного мне продвижения, но с чего начать? |
9 | memeplex | 3689 | 16.2.2019, 15:45 автор: zyzy |
|
Услуги по верстке и натяжки на вордпресс Верстка(сайты,e-mail письма),натяжка на ворпдресс, |
3 | unbur | 3431 | 20.12.2018, 10:44 автор: unbur |
Текстовая версия | Сейчас: 28.3.2024, 21:13 |