эвердин
Если не знаешь, как настроить тот или иной параметр для блока (например, тень), то либо идешь искать в раздел полезных статей (там есть статья и про скругление углов, и про тень, и про прокрутку) или забиваешь в гугл: "Как сделать ... CSS".
эвердин [faiko]
Сообщений 11 страница 16 из 16
Поделиться112012-08-12 18:21:26
- Зарегистрирован: 2012-06-01
- Приглашений: 0
- Сообщений: 1347
- Уважение: +89
- Позитив: +227
- Провел на форуме:
15 дней 16 часов - Последний визит:
2019-03-09 11:56:17
Поделиться122012-08-13 11:56:55
- Участник
- Зарегистрирован: 2012-06-03
- Приглашений: 0
- Сообщений: 24
- Уважение: +1
- Позитив: +7
- Провел на форуме:
5 часов 10 минут - Последний визит:
2013-02-02 21:38:00
faiko
Вот нашла прокрутку
/
<style>
body { scrollbar-face-color:#5997CA;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #5997CA;
scrollbar-darkshadow-color: #5997CA;
scrollbar-track-color: #F6F6F6;
scrollbar-arrow-color: #F6F6F6; }
</style>
тень и края
\
.punbb .quote-box, .punbb .code-box {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;box-shadow: 0px 5px 18px #000;
-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
}
А куда это вставить, чтобы все работало, я не знаю. блин, какой я тормоз
Отредактировано эвердин (2012-08-13 12:00:33)
Поделиться132012-08-13 14:27:28
- Зарегистрирован: 2012-06-01
- Приглашений: 0
- Сообщений: 1347
- Уважение: +89
- Позитив: +227
- Провел на форуме:
15 дней 16 часов - Последний визит:
2019-03-09 11:56:17
эвердин
В объявление ставишь div-блок. В хтмл-верх - его стиль.
<style>
#everdin {
parameter: argument;
parameter: argument;
parameter: argument;
}
</style>
Вместо parameter: argument; нужно вставить нужные параметры. Вот так:
<style>
#everdin {
overflow-y: scroll;
scrollbar-face-color:#5997CA;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #5997CA;
scrollbar-darkshadow-color: #5997CA;
scrollbar-track-color: #F6F6F6;
scrollbar-arrow-color: #F6F6F6;border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;box-shadow: 0px 5px 18px #000;
-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
}
</style>
Обрати внимание на выделенное красным: это позволит прокрутке вообще появиться. Буква y обозначает, что прокрутка идет вертикально. Если поставить x - будет горизонтально. Если убрать букву и дефис, то прокрутся появится по обеим осям.
Поделиться142012-08-14 18:22:46
- Участник
- Зарегистрирован: 2012-06-03
- Приглашений: 0
- Сообщений: 24
- Уважение: +1
- Позитив: +7
- Провел на форуме:
5 часов 10 минут - Последний визит:
2013-02-02 21:38:00
faiko написал(а):
В хтмл-верх - его стиль.
А я сувала все в Структура style_cs.css А почему верх,а не хтмл-низ?
Я все сделала, но прокрутки нет.
Поделиться152012-08-14 19:03:13
- Зарегистрирован: 2012-06-01
- Приглашений: 0
- Сообщений: 1347
- Уважение: +89
- Позитив: +227
- Провел на форуме:
15 дней 16 часов - Последний визит:
2019-03-09 11:56:17
эвердин
Потому что стили принято пихать в самый верх, чтобы они быстрее подгружались. Если в стиль сунешь - разница не сильно большая.
эвердин написал(а):
Я все сделала, но прокрутки нет.
А еще нет зелененького фона, белого цвета текста, тени текста и фиксированной ширины и высоты блока. Делай, как на эскизе, учись польлзоваться поиском в гугле. 
Поделиться162012-08-16 12:30:24
- Зарегистрирован: 2012-06-01
- Приглашений: 0
- Сообщений: 1347
- Уважение: +89
- Позитив: +227
- Провел на форуме:
15 дней 16 часов - Последний визит:
2019-03-09 11:56:17
Пост учителя покидаю. Тема закрыта и помемщена в архив. 
