Кот

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Кот » Архивы » Chimico pazzo [faiko]


Chimico pazzo [faiko]

Сообщений 11 страница 20 из 22

11

Применим знания на практике. Поучимся составлять стиль к блоку. http://uploads.ru/i/d/Q/Y/dQYSp.gif
Это ставь в объявление или в хтмл-верх (если хочешь запихать блок в шапку):

<div id="pazzo">Произвольный контент. Здесь должно быть много текста, чтобы появилась прокрутка.</div>

pazzo - селектор твоего блока. С его помощью можно будет задать стиль блоку через CSS.
Сделай оформление по эскизу:
http://s1.uploads.ru/t/6J7l9.jpg
Если ставишь в шапку, то не забудь отрегулировать положение и добавить position. http://uploads.ru/i/z/U/e/zUe1x.gif
Если что не понятно - тыкай меня или гугл. Есть еще раздел полезных статей, там есть про тень, прокрутку и скругление углов.
Стиль блока, если разберешься, можешь сделать свой собственный. http://uploads.ru/i/n/V/d/nVdxX.gif

0

12

А куда вставить код для тени и скругление краев в селектор pazzo?

0

13

:flag:
Вот код, но я не пойму куда вставить

Код:
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
-o-border-radius:15px;
box-shadow: 0 0 5px 2px; #000;
-webkit-box-shadow:0px 5px 18px #000;

Отредактировано Chimico pazzo (2012-08-08 16:28:00)

0

14

еще я прочитал про прокрутка, но у меня получилось вот так http://probnik36.rusff.ru/

0

15

Chimico pazzo
Да, ко всем остальным параметрам в селектор pazzo. :)

0

16

faiko написал(а):

Chimico pazzo
Да, ко всем остальным параметрам в селектор pazzo.

Не понял

0

17

Chimico pazzo

#pazzo {
parameter: argument;
parameter: argument;
parameter: argument;
parameter: argument;

-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
-o-border-radius:15px;
box-shadow: 0 0 5px 2px; #000;
-webkit-box-shadow:0px 5px 18px #000;

}

Зеленым выделено место, где должны быть остальные настройки стиля блока: цвет фона, цвет текста, тень и т.д.

0

18

faiko написал(а):

Зеленым выделено место, где должны быть остальные настройки стиля блока: цвет фона, цвет текста, тень и т.д.

А я понял!

0

19

Отпишись, пожалуйста, до 15-го числа. http://uploads.ru/i/O/7/o/O7opj.gif

0

20

faiko написал(а):

Отпишись, пожалуйста, до 15-го числа.

Блин сначала у меня получилась сделать, но я чего ступил и он у меня пропал и я не помню куда вставил(

0


Вы здесь » Кот » Архивы » Chimico pazzo [faiko]


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC