Здравствуйте! Скажите, пожалуйста, как можно закруглить края 1,2,3 (см. фото)? Спасибо!
0
Закруглить Края?
Автор Виталий702, 08 мая 2015 11:40
Сообщений в теме: 3
#1
Отправлено 08 Май 2015 - 11:40
#2
Отправлено 08 Май 2015 - 12:05
Виталий702 (08 Май 2015 - 11:40) писал:
Здравствуйте! Скажите, пожалуйста, как можно закруглить края 1,2,3 (см. фото)? Спасибо!
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.leftH,.recentH{ font-family:sans-serif; position:relative; cursor:pointer; color:white ; background:#767776; padding: 12px; font-size: 24px; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
Замените на:
.leftH,.recentH{ font-family:sans-serif; position:relative; cursor:pointer; color:white ; background:#767776; padding: 12px; font-size: 24px; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; border-radius: 10px; }
Найдите код:
.breadcrumb { overflow:hidden; background: #81E742; padding: 17px; margin: 0 0 20px 0; text-transform: uppercase; color:#FFFFFF; font-family:sans-serif; font-weight:bold; box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); }
Замените на:
.breadcrumb { overflow:hidden; background: #81E742; padding: 17px; margin: 0 0 20px 0; text-transform: uppercase; color:#FFFFFF; font-family:sans-serif; font-weight:bold; box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); border-radius: 10px; }
Найдите код:
.cat_prod_hold,.prod_hold{ display:inline-block; margin: 10px 5px 10px 12px; padding: 0px 0px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; z-index: 1; position: relative; box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; -webkit-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; background: white; overflow: hidden; }
Замените на:
.cat_prod_hold,.prod_hold{ display:inline-block; margin: 10px 5px 10px 12px; padding: 0px 0px; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; z-index: 1; position: relative; box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; -webkit-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; background: white; overflow: hidden; }
#3
Отправлено 08 Май 2015 - 12:50
Firefly (08 Май 2015 - 12:05) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
Замените на:
Найдите код:
Замените на:
Найдите код:
Замените на:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.leftH,.recentH{ font-family:sans-serif; position:relative; cursor:pointer; color:white ; background:#767776; padding: 12px; font-size: 24px; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
Замените на:
.leftH,.recentH{ font-family:sans-serif; position:relative; cursor:pointer; color:white ; background:#767776; padding: 12px; font-size: 24px; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; border-radius: 10px; }
Найдите код:
.breadcrumb { overflow:hidden; background: #81E742; padding: 17px; margin: 0 0 20px 0; text-transform: uppercase; color:#FFFFFF; font-family:sans-serif; font-weight:bold; box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); }
Замените на:
.breadcrumb { overflow:hidden; background: #81E742; padding: 17px; margin: 0 0 20px 0; text-transform: uppercase; color:#FFFFFF; font-family:sans-serif; font-weight:bold; box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); border-radius: 10px; }
Найдите код:
.cat_prod_hold,.prod_hold{ display:inline-block; margin: 10px 5px 10px 12px; padding: 0px 0px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; z-index: 1; position: relative; box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; -webkit-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; background: white; overflow: hidden; }
Замените на:
.cat_prod_hold,.prod_hold{ display:inline-block; margin: 10px 5px 10px 12px; padding: 0px 0px; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; z-index: 1; position: relative; box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; -webkit-transition: margin 0.3s ease-in-out, border 0.3s ease-in-out; background: white; overflow: hidden; }
#4
Отправлено 08 Май 2015 - 13:05
Виталий702 (08 Май 2015 - 12:50) писал:
Спасибо! А эти края, где можно закруглить?
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.leftbox{ width:280px; background:white; box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); margin:0 0 30px 0; }
Замените на:
.leftbox{ width:280px; background:white; box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2); margin:0 0 30px 0; border-radius: 10px 10px 0 0; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных