|
Модераторы: Illuminaty |
|
serjdjio |
|
|||
Новичок Профиль Группа: Участник Сообщений: 1 Регистрация: 22.8.2016 Репутация: нет Всего: нет |
*{ /*для всех елементов задаём нулевые отступы(внутр и внешние) для отображения в разных браузерах*/
margin: 0; padding: 0; } ul { /*для списка отменяем маркеры*/ list-style: none; } a { /*для ссылок отменяем подчёркивание*/ text-decoration: none; } body { background: url(../images/background1.png) no-repeat 50% 0 #0e0e0e; font: 12px/1.67 Arial, Helvetica, sans-serif; padding: 40px 0; } .wrapper { width: 960px; margin: 0 auto; } /*HEADER BEGIN*/ header { background: #ffffff; height: 97px; -webkit-border-radius: 7px 7px 0 0;/*для разных браузеров которые могут не потдерживать(webkit - движок, опера и мозила)*/ -o-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } header h1 { float: left; margin: 30px 0 0 40px; } .tel { background: url(../images/bg-phone.png) repeat-x 0 0;/*repeat-x-Фоновый рисунок повторяется только по горизонтали. Аналогично repeat no-repeat*/ padding: 3px 27px 3px 90px;/*размер картинки*/ font-size: 18px; font-weight: bold; color: #c0c0c0; float: right; } nav{ float: right; clear: right; } nav li { float: right; margin: 20px 30px 0px 5px; } nav li a { color: #808080; text-transform: uppercase; /*заглавные буквы*/ font-weight: bold; padding: 3px 15px; } nav li a:hover { background: url(../images/bg-bt.gif) repeat-x 0 0; color: #ffffff; border-radius: 4px; } nav li.current a { background: url(../images/bg-bt.gif) repeat-x 0 0; color: #ffffff; border-radius: 4px; border: 1px solid #00224b; } /*HEADER END*/ @font-face { font-family: Treb; src: url(../fonts/treb.ttf); } .slider-block { background: url(../images/slider-bg.png) no-repeat 0 0; height: 332px; padding: 85px 50px 0; font-size: 29px; font-family: Treb; color: #fff; line-height: 34px; } .fs-35 { font-size: 35px; font-style: bold; text-transform: uppercase; margin: 10px 0 35px; } /*begin slider*/ .flexslider { background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); float: right; width: 396px; height: 268px; } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { } .flex-direction-nav .flex-prev { left: -50px; text-indent: 9999px; background: url(../images/arrow-r.jpg) no-repeat 0 0; } .flex-direction-nav .flex-next { right: -50px; text-indent: 9999px; background: url(../images/arrow-l.png) no-repeat 0 0; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { position: absolute; top: -30px; right: 10px; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(225, 255, 255, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /*end slider*/ .started { background: url(../images/rr.png) no-repeat 95% 55%, url(../images/bg-button.gif) repeat-x 0 0;/*95 и 60 - repeat по x и y*/ font-size: 20px; color: #b90016; text-transform: uppercase; font-weight: bold; padding: 15px 50px 13px 25px; border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .underhead { background: #ededed; padding: 35px 0 22px 50px; } .underhead li { float: left; padding: 12px 0 12px 90px; } .underhead h3 { font-size: 15px; color: #575757; } .underhead:auto { content: ''; display: table; clear: both; } Присоединённый файл ( Кол-во скачиваний: 1 ) Screenshot_1.png 233,80 Kb |
|||
|
||||
caa2 |
|
|||
Новичок Профиль Группа: Участник Сообщений: 1 Регистрация: 28.8.2016 Репутация: нет Всего: нет |
используй для нижнего дива св-во
Это сообщение отредактировал(а) caa2 - 31.8.2016, 16:59 |
|||
|
||||
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |