Перейти к содержимому


Закруглить Края?


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 08 Май 2015 - 11:40

Здравствуйте! Скажите, пожалуйста, как можно закруглить края 1,2,3 (см. фото)? Спасибо!

Прикрепленные изображения

  • 123222.PNG


#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 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 Виталий702

Виталий702

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 210 сообщений

Отправлено 08 Май 2015 - 12:50

Просмотр сообщенияFirefly (08 Май 2015 - 12:05) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> 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;
}
Спасибо! А эти края, где можно закруглить?

Прикрепленные изображения

  • qwe.PNG


#4 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 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 анонимных