Форум Сайтостроение Веб-строительство

Как сделать repeat в background для диагональных линий?

L
На сайте с 13.08.2011
Offline
40
looner
3385

вот такая картинка.

как ею залить фон сайта, чтобы границы совпадали?

Хелпзонович
На сайте с 15.06.2005
Offline
133
Хелпзонович
#1
looner:
вот такая картинка.

как ею залить фон сайта, чтобы границы совпадали?

Вырезать с него прямоугольник примерно такой

Ну а дальше стандартно 


<html>

<head>

<style type="text/css">

   body { 

    background-image: url(2.png); /* Путь к фоновому рисунку */

    background-position: left bottom; /* Положение фона */

    background-repeat: repeat-x repeat-y ; /* Повторяем фон по горизонтали и вертикали */

   }

  </style>

</head>

<body>

Ла-Ла-Ла

</body>

</html>
Вы там держитесь! Хорошего вам настроения. Здоровья.
L
На сайте с 13.08.2011
Offline
40
looner
#2

я не понимаю, чем они отличаются

http://jsfiddle.net/9AU6V/

N3
На сайте с 28.04.2014
Offline
98
Nam3D
#3
looner:
я не понимаю, чем они отличаются

Началом расположения пикселей и размером.

Неискоренимо нежелание пользоваться поисковыми системами - даже находясь на форуме о поисковых системах © Cell Влазить напрямую в базу — это невозможно © Игорь Белов, mchost.ru Если SeoPult купил ссылку - значит она "рабочая" © Nat_SeoPult
L
На сайте с 13.08.2011
Offline
40
looner
#4

Мистика...

AF
На сайте с 20.03.2013
Offline
9
ASDAFF
#5

Диагональные линии можно сделать еще вот так, 

body {

  height: 200px;

  margin: 0 0 20px 0;

  background-color: transparent;

  background-size: 14px 14px;

  background-image:

     -webkit-repeating-linear-gradient(-45deg, black, black 1px, transparent 1px, transparent 5px);

  background-image:

     -moz-repeating-linear-gradient(-45deg, black, black 1px, transparent 1px, transparent 5px);

  background-image:

     -o-repeating-linear-gradient(-45deg, black, black 1px, transparent 1px, transparent 5px);

  background-image:

     repeating-linear-gradient(-45deg, black, black 1px, transparent 1px, transparent 5px);

}
L
На сайте с 21.07.2011
Offline
86
Lubarti
#6

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

Расположение фона страницы Дизайнерам. Где берете красивые Анализ заголовков при div
Geers
На сайте с 12.04.2011
Offline
487
Geers
#7

ТС, проще найти готовый бакроунд по запросу: patterns background

L
На сайте с 21.07.2011
Offline
86
Lubarti
#8

Или же фоновые текстуры, бесшовные текстуры и т. д.

A
На сайте с 03.08.2013
Offline
10
alldev
#9

Может быть это поможет:

http://www.stripegenerator.com/

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий