#1 2011.03.03 05:19

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Спрайты

Можно ли как нибудь сделать заливку кусочком картинки?
То есть надо картинкой green.gif зделать заливку repeat-x
Но только кусочком картинки left-8 top-0 right - 2 bottom-2
Как это реализовать?

Неактивен

#2 2011.03.03 08:03

Gemorroj
Administrator
Откуда: Белоруссия
Зарегистрирован: 2007.11.03
Сообщений: 6538
Карма: 108
Профиль Веб-сайт

Неактивен

#3 2011.03.03 08:30

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Спрайты

И что это?
Я полночи там просидел

Неактивен

#4 2011.03.03 08:45

Gemorroj
Administrator
Откуда: Белоруссия
Зарегистрирован: 2007.11.03
Сообщений: 6538
Карма: 108
Профиль Веб-сайт

Re: Спрайты

это решение твоей проблемы. изучи тему и вопрос отпадет.

Неактивен

#5 2011.03.03 11:34

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Спрайты

Да я просто понял что к чему щас вот воще решил верстать без картинок не но будет пару но всеже вот незнаю как нормально углы закруглить
Вот начал делать так
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
Самый нормальный вариант но IE проблемно ровные я то подумал пускай будут

Неактивен

#6 2011.03.03 11:37

Gemorroj
Administrator
Откуда: Белоруссия
Зарегистрирован: 2007.11.03
Сообщений: 6538
Карма: 108
Профиль Веб-сайт

Re: Спрайты

ну и естессна нормальный border-radius добавь, а не только покстыли под вебкит и гекко

Неактивен

#7 2011.03.03 14:38

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Спрайты

О точно. Такой вопрос можно как нибудь чтобы в IE заработало.
Ну только чтобы не верстать кучу дивов полосками да в принципе можно и наверстать но я не нашол нормальной идеи чтобы красивый поворот сделать

Неактивен

#8 2011.03.03 14:39

Gemorroj
Administrator
Откуда: Белоруссия
Зарегистрирован: 2007.11.03
Сообщений: 6538
Карма: 108
Профиль Веб-сайт

Re: Спрайты

TLENS, до IE9 только костылями вроде картинок по углам

Неактивен

#9 2011.03.03 14:40

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Спрайты

А все для чего кому не нравится дизайн просто кликнул и изменился цвет всего сайта.
А картинками ну просто кучу создавать не вариант
PS
Да надо обновит себе

Отредактировано TLENS (2011.03.03 14:41)

Неактивен

#10 2011.03.04 00:02

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2278
Карма: 19
Профиль

Re: Спрайты

TLENS написал:

О точно. Такой вопрос можно как нибудь чтобы в IE заработало.
Ну только чтобы не верстать кучу дивов полосками да в принципе можно и наверстать но я не нашол нормальной идеи чтобы красивый поворот сделать

нужно 5 div-ов (сделал для движка своего, выложу завтра всё), но им не сравняться с border-radius.
При указаний через css div-у 1px высоту или толщину бордюра, на мониторе 4 px задействуются.
При border-radius каждый пиксель на мониторе задействовался + тень. Это через Хром заметил при макс увеличении.

Отредактировано tipsun (2011.03.04 00:06)

Неактивен

#11 2011.03.04 08:17

TLENS
Moderator
Откуда: Украина
Зарегистрирован: 2009.04.05
Сообщений: 2402
Карма: 14
Профиль

Re: Спрайты

Дак я о чем. Корочь я так думаю пускай в ie будут острые углы оно тоже прикольно смотрится

Неактивен

#12 2011.03.04 09:52

tipsun
Moderator
Зарегистрирован: 2009.10.14
Сообщений: 2278
Карма: 19
Профиль

Re: Спрайты

Вот как бы закругление: http://wapinet.ru/forum/download.php?aid=456
Если понадобится smile
Я ошибся, она даже не 4 px берет, а 9 px

Код:

1
2
3
4
5
6
7
8
9
10
11
12
//css
div.h1 { height: 1px; background-color: #000; margin: 0px 9px; }
div.h2 { height: 1px; background-color: #000; margin: 0px 5px; }
div.h3 { height: 1px; background-color: #000; margin: 0px 3px; }
div.h4 { height: 2px; background-color: #000; margin: 0px 2px; }
div.h5 { height: 4px; background-color: #000; margin: 0px 1px; }
 
div.f5 { height: 1px; background-color: #000; margin: 0px 9px; }
div.f4 { height: 1px; background-color: #000; margin: 0px 5px; }
div.f3 { height: 1px; background-color: #000; margin: 0px 3px; }
div.f2 { height: 2px; background-color: #000; margin: 0px 2px; }
div.f1 { height: 4px; background-color: #000; margin: 0px 1px; }

Код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//html
<div class="h1"></div>
<div class="h2"></div>
<div class="h3"></div>
<div class="h4"></div>
<div class="h5"></div>
 
<div class="main"></div>
 
<div class="f1"></div>
<div class="f2"></div>
<div class="f3"></div>
<div class="f4"></div>
<div class="f5"></div>

Вложения

Отредактировано tipsun (2011.03.04 09:58)

Неактивен

Дополнительно

forum.wapinet.ru

PunBB Mod v0.6.1
0.018 s