Chimico pazzo [faiko]

Поделиться112012-08-07 16:05:27

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56:17

Применим знания на практике. Поучимся составлять стиль к блоку.
Это ставь в объявление или в хтмл-верх (если хочешь запихать блок в шапку):

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

pazzo - селектор твоего блока. С его помощью можно будет задать стиль блоку через CSS.
Сделай оформление по эскизу:

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

0

Поделиться122012-08-07 19:19:18

Автор: Chimico pazzo
Участник
Зарегистрирован: 2012-07-08
Приглашений: 0
Сообщений: 59
Уважение: +4
Позитив: +2
Провел на форуме:
17 часов 49 минут
Последний визит:
2013-01-14 15:04:23

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

0

Поделиться132012-08-08 16:26:36

Автор: Chimico pazzo
Участник
Зарегистрирован: 2012-07-08
Приглашений: 0
Сообщений: 59
Уважение: +4
Позитив: +2
Провел на форуме:
17 часов 49 минут
Последний визит:
2013-01-14 15:04:23

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

Код:

-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

Поделиться142012-08-08 16:38:14

Автор: Chimico pazzo
Участник
Зарегистрирован: 2012-07-08
Приглашений: 0
Сообщений: 59
Уважение: +4
Позитив: +2
Провел на форуме:
17 часов 49 минут
Последний визит:
2013-01-14 15:04:23

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

0

Поделиться152012-08-08 16:40:23

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56:17

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

0

Поделиться162012-08-08 17:07:23

Автор: Chimico pazzo
Участник
Зарегистрирован: 2012-07-08
Приглашений: 0
Сообщений: 59
Уважение: +4
Позитив: +2
Провел на форуме:
17 часов 49 минут
Последний визит:
2013-01-14 15:04:23

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

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

Не понял

0

Поделиться172012-08-08 17:12:56

Автор: faiko
Зарегистрирован: 2012-06-01
Приглашений: 0
Сообщений: 1347
Уважение: +89
Позитив: +227
Провел на форуме:
15 дней 16 часов
Последний визит:
2019-03-09 11:56: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