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


Дополнительное Меню(Блок). Как Сделать?


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

#21 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 26 Июнь 2014 - 15:13

Просмотр сообщенияsvarob-shop (26 Июнь 2014 - 14:36) писал:

Отпишитесь как протестируете, а то не хочется чтобы покупатели такое г видели

Здравствуйте, внесли необходимые изменения на вашем сайте, сейчас все вкладки должны отображаться корректно

#22 svarob-shop

svarob-shop

    Пользователь

  • Пользователи
  • PipPip
  • 39 сообщений
  • ГородНижний Новгород

Отправлено 26 Июнь 2014 - 19:32

Просмотр сообщенияCastiel (26 Июнь 2014 - 15:13) писал:

Здравствуйте, внесли необходимые изменения на вашем сайте, сейчас все вкладки должны отображаться корректно
Также отсутствуют кнопки отправки отзыва

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

  • 2014-06-26 20-30-45 Скриншот экрана.png


#23 svarob-shop

svarob-shop

    Пользователь

  • Пользователи
  • PipPip
  • 39 сообщений
  • ГородНижний Новгород

Отправлено 26 Июнь 2014 - 19:57

теперь так:

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

  • 2014-06-26 20-56-23 Скриншот экрана.png


#24 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Июнь 2014 - 00:57

В style2.css найдите:
.tabs input {
cursor: pointer;
height: 2px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 120px;
z-index: 1000;
}
замените на:
.tabs input {
cursor: pointer;
height: 2px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 120px;
z-index: 1000;
}
.tabs td input {
height: 30px;
position: relative;
opacity: 1;
}


#25 svarob-shop

svarob-shop

    Пользователь

  • Пользователи
  • PipPip
  • 39 сообщений
  • ГородНижний Новгород

Отправлено 27 Июнь 2014 - 09:06

Спасибо, все работает!

Еще один вопрос! Как отредактировать заголовки? Нужно убрать это наложение в виде кнопок:

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

  • 2014-06-27 10-01-32 Скриншот экрана.png


#26 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 27 Июнь 2014 - 15:56

Здравствуйте
в style2.css
.tabs label:first-of-type {
z-index: 4;
box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}
изменит на
.tabs label:first-of-type {
z-index: 4;
/* box-shadow: 2px 0 2px rgba(0,0,0,0.1); */
}

style2.css
.tabs label {
background: #F6F6F6;
background: -moz-linear-gradient(top, #F6F6F6 0%, #DDDDDE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#DDDDDE));
background: -webkit-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
background: -o-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
background: -ms-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
background: linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
font-size: 12px;
line-height: 30px;
height: 30px;
position: relative;
padding: 0 20px;
float: left;
display: block;
width: auto;
color: #385c5b;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}
измените на
.tabs label {
/* background: #F6F6F6; */
background: -moz-linear-gradient(top, #F6F6F6 0%, #DDDDDE 100%);
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#DDDDDE)); */
/* background: -webkit-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%); */
background: -o-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
background: -ms-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
background: linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
font-size: 12px;
line-height: 30px;
height: 30px;
position: relative;
padding: 0 20px;
float: left;
display: block;
width: auto;
color: #385c5b;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
/* box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1); */
}


#27 svarob-shop

svarob-shop

    Пользователь

  • Пользователи
  • PipPip
  • 39 сообщений
  • ГородНижний Новгород

Отправлено 27 Июнь 2014 - 16:20

Просмотр сообщенияbatta (27 Июнь 2014 - 15:56) писал:

Здравствуйте
в style2.css
.tabs label:first-of-type {
z-index: 4;
box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}
изменит на
.tabs label:first-of-type {
z-index: 4;
/* box-shadow: 2px 0 2px rgba(0,0,0,0.1); */
}

style2.css
.tabs label {
background: #F6F6F6;
background: -moz-linear-gradient(top, #F6F6F6 0%, #DDDDDE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#DDDDDE));
background: -webkit-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
background: -o-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
background: -ms-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
background: linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
font-size: 12px;
line-height: 30px;
height: 30px;
position: relative;
padding: 0 20px;
float: left;
display: block;
width: auto;
color: #385c5b;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}
измените на
.tabs label {
/* background: #F6F6F6; */
background: -moz-linear-gradient(top, #F6F6F6 0%, #DDDDDE 100%);
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#DDDDDE)); */
/* background: -webkit-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%); */
background: -o-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
background: -ms-linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
background: linear-gradient(top, #F6F6F6 0%,#DDDDDE 100%);
font-size: 12px;
line-height: 30px;
height: 30px;
position: relative;
padding: 0 20px;
float: left;
display: block;
width: auto;
color: #385c5b;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
/* box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1); */
}
Не помогло.

#28 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 27 Июнь 2014 - 16:40

сделайте изменения что б видеть что ещё изменить

#29 svarob-shop

svarob-shop

    Пользователь

  • Пользователи
  • PipPip
  • 39 сообщений
  • ГородНижний Новгород

Отправлено 27 Июнь 2014 - 17:10

Просмотр сообщенияbatta (27 Июнь 2014 - 16:40) писал:

сделайте изменения что б видеть что ещё изменить

Я внес эти изменения

Просмотр сообщенияsvarob-shop (27 Июнь 2014 - 17:03) писал:

Я внес эти изменения
Все разобрался)

Просмотр сообщенияsvarob-shop (27 Июнь 2014 - 17:06) писал:

Я внес эти изменения


Все разобрался)

Просмотр сообщенияbatta (27 Июнь 2014 - 16:40) писал:

сделайте изменения что б видеть что ещё изменить

Хотя нет! Проблема в том что наложение на заголовки идет от вкладок (Заголовки вкладок).

#30 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 28 Июнь 2014 - 01:22

В style2.css найдите:
.tabs label {
	background: -moz-linear-gradient(center top , #f6f6f6 0%, #ddddde 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 3px 3px 0 0;
	box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), -2px 0 2px rgba(0, 0, 0, 0.1);
	color: #385c5b;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 0 20px;
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
	width: auto;
}
замените на:
.tabs>label {
	background: -moz-linear-gradient(center top , #f6f6f6 0%, #ddddde 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 3px 3px 0 0;
	box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), -2px 0 2px rgba(0, 0, 0, 0.1);
	color: #385c5b;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 0 20px;
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
	width: auto;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных