Сообщений в теме: 40

[arver]

Добрый день,не знаю как реализовать чтобы при нажатии кнопки "купить дешевле" сразу всплывало окно без перехода на другую страницу, то есть чтобы оставалась текущая страница.
Аккаунт sl203796

[Vaccina]

данную кнопку лучше сделать по сл.инструкции, чтобы всплывало окно, а не был переход на иную страницу:
http://forum.storela...окно/#entry7911

[arver]

Добрый день,спасибо теперь кнопка сразу вызывает окно,однако всплывающее окно дублирует основное содержимое,а мне нужна отдельная страница.

[Taisia]

В реализации выше описано как выводить информацию с другого сайта на вашем.
Если же вам не нужно выводить информацию с другого сайта а вы хотите выводить свою но во всплывающем окне то вам следует воспользоваться этойинструкцией

[arver]

Добрый день,пролазил весь форум нужную мне реализацию всплывающего окна без сторонних сервисов не нашел.(не использую сторонние сервисы после длительного бан листа от гугла).
Мне необходимо чтобы при нажатии кнопки "купить дешевле" всплывало окно без перехода на другую страницу!
p.s.а то у меня получается либо всплывающее окно с переходом на другую страницу,либо всплывающее окно с дубликатом содержимого основной страницы,либо что еще интереснее получается всплывающее окно которое опускает страницу таким образом,чтобы появилось всплывающее окно сверху)
Аккаунт SL-203796

[Vaccina]

инструкция по всплывающему окну: http://forum.storela...плывающее-окно/

[arver]

Добрый день,я уже писал выше,что пролазил весь форум,и ту реализацию всплывающего окна на которую Вы мне сообщением выше дали ссылку я делал.У меня получилось окно которое дублирует содержимое основной страницы.
p.s.
"Мне необходимо чтобы при нажатии кнопки "купить дешевле" всплывало окно без перехода на другую страницу!
p.s.а то у меня получается либо всплывающее окно с переходом на другую страницу,либо всплывающее окно с дубликатом содержимого основной страницы,либо что еще интереснее получается всплывающее окно которое опускает страницу таким образом,чтобы появилось всплывающее окно сверху )
Аккаунт SL-203796 "

[support 2.0]

arver (01 Апрель 2014 - 09:04) писал:

Добрый день,я уже писал выше,что пролазил весь форум,и ту реализацию всплывающего окна на которую Вы мне сообщением выше дали ссылку я делал.У меня получилось окно которое дублирует содержимое основной страницы.
p.s.
"Мне необходимо чтобы при нажатии кнопки "купить дешевле" всплывало окно без перехода на другую страницу!
p.s.а то у меня получается либо всплывающее окно с переходом на другую страницу,либо всплывающее окно с дубликатом содержимого основной страницы,либо что еще интереснее получается всплывающее окно которое опускает страницу таким образом,чтобы появилось всплывающее окно сверху )
Аккаунт SL-203796 "

Вам нужен отдельный текст во всплывающем окне или что должно отображаться в этом всплывающем окне?

[arver]

Доброе утро,наконец-то кто-то ответил.Я хотел через  всплывающее окно реализовать текст с картинками(было бы здорово добавить туда пару-тройку товаров для покупки),так же хотел через всплывающее окно реализовать вход в личный кабинет.
p.s.думаю главное это окно реализовать,а вставить туда необходимую информацию думаю смогу и сам

[support 2.0]

arver (02 Апрель 2014 - 08:40) писал:

Доброе утро,наконец-то кто-то ответил.Я хотел через  всплывающее окно реализовать текст с картинками(было бы здорово добавить туда пару-тройку товаров для покупки),так же хотел через всплывающее окно реализовать вход в личный кабинет.
p.s.думаю главное это окно реализовать,а вставить туда необходимую информацию думаю смогу и сам

в файле main.css Вам нудно вставить

/*Всплывающее окно*/
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
width: 500px; /*Ширина окна*/
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 10px solid #ddd;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#popup h1{
font:28px Monotype Corsiva, Arial;
font-weight: bold;
text-align: center;
color: red;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
font:24px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h3{
font:18px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* кнопка закрытия */
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 24px;
line-height: 24px !important;
position: absolute !important;
right: -24px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}

Затем в разделе Сайт -> Редактор шаблонов -> шаблон HTML перед </body> вставьте

<div id="parent_popup">
<div id="popup">
здесь какой-то текст
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a>
</div>
</div>
<script type="text/javascript">
var delay_popup = 3000; /*время задержки примерно 3 секунды*/
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>

[arver]

Добрый день,выше предложенный код не помог(т.к. мне надо было реализовать всплывающее окно при нажатии кнопки,а получалось что окно всплывает сразу на главной).
Кое-как все таки сделал окно через кнопку,скриншот прилагаю.
Проблемы следующие:
1)Не могу разобраться как сделать кнопку закрыть квадратной,т.к. меняю значения,а она у меня овальной получается.
менял значения в файле main.css height и width строки 1275 и 1288
2)Как опустить текст под таймером ниже.
обернул текст  <div style="margin top:20px;"> строка 277 но не помогло(
3)Не могу понять как убрать белые полоски на таймере(а то очень некрасиво выглядит)
Аккаунт sl-203796

скриншоты

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

• 
• 

[Castiel]

arver (03 Апрель 2014 - 11:33) писал:

Добрый день,выше предложенный код не помог(т.к. мне надо было реализовать всплывающее окно при нажатии кнопки,а получалось что окно всплывает сразу на главной).
Кое-как все таки сделал окно через кнопку,скриншот прилагаю.
Проблемы следующие:
1)Не могу разобраться как сделать кнопку закрыть квадратной,т.к. меняю значения,а она у меня овальной получается.
менял значения в файле main.css height и width строки 1275 и 1288
2)Как опустить текст под таймером ниже.
обернул текст  <div style="margin top:20px;"> строка 277 но не помогло(
3)Не могу понять как убрать белые полоски на таймере(а то очень некрасиво выглядит)
Аккаунт sl-203796

скриншоты

Здравствуйте,

Решение 2 и 3 вопроса
Удалите в main.css

.popup p, .popup div {
	padding: 0px 5px 0px 5px;
}

[Castiel]

По поводу 1 вопроса, у вас в файле main.css несколько раз дублируются одни и те же классы.


Здравствуйте,

В файле "main.css".
Найти:

/* кнопка закрытия */
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 24px;
line-height: 24px !important;
position: absolute !important;
right: -24px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}
#nyroModalWrapper .block_order #closeBut {
   display: none;
}
#nyroModalWrapper {
   border: 4px double #777777 !important;
}
#nyroModalWrapper .block_order .feedbackForm {
   padding: 0 40px;
}
#nyroModalWrapper .block_order h3 {
		color: #000000;
		font-size: 17px;
		line-height: 33px;
		margin: 0 0 15px;
		text-align: left;
}
#nyroModalWrapper .block_order .prd-table table, #nyroModalWrapper .block_order .prd-table table td, #nyroModalWrapper .block_order .prd-table tr {
border: 1px solid #CCCCCC;
margin: 0;
padding: 10px;
text-align: center;
vertical-align: middle;
}
#nyroModalWrapper .block_order .prd-block > tr:not(.prd-table) td {
		padding: 0;
margin: 0;
}
#nyroModalWrapper .block_order .button_med {
				background: #FFFFFF;
				color:#800000;
				height: 30px;
				width: 225px;
				margin-left: -10px;
}
#nyroModalWrapper .block_order .prd-block > tbody > tr:not(.prd-table) td {
padding: 0;
}
#nyroModalWrapper .form_product_price .goodsDataMainModificationPriceNow {
font-size: 12px;
}
.prd-block input {
				margin: 4px 10px !important;
}
.block_order div#nyroModalContent {
   overflow: visible !important;
}
#nyroModalWrapper .block_order .prd-table > td {
		padding-bottom: 10px;
}
#nyroModalWrapper .block_order .button_med {
		margin-top: 10px;
}
#footer .right {text-align: center;}
#footer .right .block {float:none; display: inline-block;}
#thumbs li.active {
		outline: 2px solid #0d0054;
}
#bannerr {
		left: 290px;
		position: absolute;
		top: -135px;
}
#navigation-block {
position:relative;

}
#hide {
position:absolute;
top:30px;
left:-190px;
}
ul#sliding-navigation
{
list-style: none;
font-size: .90em;/*Размер*/
margin: 30px 0;
padding: 0;
}
ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
display: block;
width: 150px;
padding: 5px 18px;
margin: 0;
margin-bottom: 5px;
}
ul#sliding-navigation li.sliding-element h3
{
color: #fff;
font-weight: normal;
}
ul#sliding-navigation li.sliding-element a
{
  font-weight:bold;
color: #666;
/*border: 1px solid #1a1a1a;*/
text-decoration: none;
}
ul#sliding-navigation li.sliding-element a:hover { color: #0d0054; }
#circle {
width: 5px;
height: 5px!important;
background:black!important;
border-radius: 2px;
margin-top: 11px;
}
.buy-item {
		display: block;
}
.quantity {
		display: inline-block;
		width: 34px;
}
/*Размеры сравнения товаров*/

#rightMenuBlockWrap > h3.contentTbodyCatalogHeader > a {
	font-size: 18px;
} 
/*Конец Размеры сравнения товаров*/
/*Всплывающее окно*/
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
width: 500px; /*Ширина окна*/
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 10px solid #ddd;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#popup h1{
font:28px Monotype Corsiva, Arial;
font-weight: bold;
text-align: center;
color: red;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
font:24px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h3{
font:18px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* кнопка закрытия */
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 24px;
line-height: 24px !important;
position: absolute !important;
right: -24px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}
.table1{
  border-top: 1px solid black;
padding: 16px;}


.goodsDataMainModificationArtNumber{padding-top:10px;}

#skidka{padding:10px;}
/*Всплывающее окно*/
/*Всплывающее окно*/
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
width: 500px; /*Ширина окна*/
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 10px solid #ddd;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#popup h1{
font:28px Monotype Corsiva, Arial;
font-weight: bold;
text-align: center;
color: red;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
font:24px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h3{
font:18px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* кнопка закрытия */
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 24px;
line-height: 24px !important;
position: absolute !important;
right: -24px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}
/*Конец всплывающего окна*/
#cartInfo span {
color: #000000;
}
#cartInfo .num {
color: red;
}
#cartSum span {
text-transform: none;
}
/*подподкатегория*/
.third{
background-color:#f0b687;
}
/*подподкатегория конец*/
/*всплывающее окно на кнопку*/
/*Всплывающее окно*/
h2 {
font: 28px Tahoma, Helvetica, Arial, Sans-Serif;
text-align: center;
color: #222; text-shadow: 0px 2px 3px #555;
}
/* Базовые стили модального окна  */
.overlay {
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}
.popup {
	background-color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	left: 30%;
	opacity: 0;
	padding: 15px;
	position: fixed;
	text-align: justify;
  font: 14px Helvetica, Arial, Sans-Serif;
	top: 25%;
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-17%, -17%);
	-moz-transform: translate(-17%, -17%);
	-ms-transform: translate(-17%, -17%);
	-o-transform: translate(-17%, -17%);
	transform: translate(-17%, -17%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
	top: 25%;
	opacity: 1;
	visibility: visible;
}
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 24px;
line-height: 24px !important;
position: absolute !important;
right: -24px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:before {
	color: rgba(255, 255, 255, 0.9);
	content: "X";
	font-size: 12px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}
.popup p, .popup div {
	padding: 0px 5px 0px 5px;
}
/*всплывающее окно на кнопку конец*/

Заменить:

/* кнопка закрытия */
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 24px;
line-height: 24px !important;
position: absolute !important;
right: -24px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
top: -24px;
width: 24px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}
#nyroModalWrapper .block_order #closeBut {
   display: none;
}
#nyroModalWrapper {
   border: 4px double #777777 !important;
}
#nyroModalWrapper .block_order .feedbackForm {
   padding: 0 40px;
}
#nyroModalWrapper .block_order h3 {
		color: #000000;
		font-size: 17px;
		line-height: 33px;
		margin: 0 0 15px;
		text-align: left;
}
#nyroModalWrapper .block_order .prd-table table, #nyroModalWrapper .block_order .prd-table table td, #nyroModalWrapper .block_order .prd-table tr {
border: 1px solid #CCCCCC;
margin: 0;
padding: 10px;
text-align: center;
vertical-align: middle;
}
#nyroModalWrapper .block_order .prd-block > tr:not(.prd-table) td {
		padding: 0;
margin: 0;
}
#nyroModalWrapper .block_order .button_med {
				background: #FFFFFF;
				color:#800000;
				height: 30px;
				width: 225px;
				margin-left: -10px;
}
#nyroModalWrapper .block_order .prd-block > tbody > tr:not(.prd-table) td {
padding: 0;
}
#nyroModalWrapper .form_product_price .goodsDataMainModificationPriceNow {
font-size: 12px;
}
.prd-block input {
				margin: 4px 10px !important;
}
.block_order div#nyroModalContent {
   overflow: visible !important;
}
#nyroModalWrapper .block_order .prd-table > td {
		padding-bottom: 10px;
}
#nyroModalWrapper .block_order .button_med {
		margin-top: 10px;
}
#footer .right {text-align: center;}
#footer .right .block {float:none; display: inline-block;}
#thumbs li.active {
		outline: 2px solid #0d0054;
}
#bannerr {
		left: 290px;
		position: absolute;
		top: -135px;
}
#navigation-block {
position:relative;

}
#hide {
position:absolute;
top:30px;
left:-190px;
}
ul#sliding-navigation
{
list-style: none;
font-size: .90em;/*Размер*/
margin: 30px 0;
padding: 0;
}
ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
display: block;
width: 150px;
padding: 5px 18px;
margin: 0;
margin-bottom: 5px;
}
ul#sliding-navigation li.sliding-element h3
{
color: #fff;
font-weight: normal;
}
ul#sliding-navigation li.sliding-element a
{
  font-weight:bold;
color: #666;
/*border: 1px solid #1a1a1a;*/
text-decoration: none;
}
ul#sliding-navigation li.sliding-element a:hover { color: #0d0054; }
#circle {
width: 5px;
height: 5px!important;
background:black!important;
border-radius: 2px;
margin-top: 11px;
}
.buy-item {
		display: block;
}
.quantity {
		display: inline-block;
		width: 34px;
}
/*Размеры сравнения товаров*/

#rightMenuBlockWrap > h3.contentTbodyCatalogHeader > a {
	font-size: 18px;
} 
/*Конец Размеры сравнения товаров*/
/*Всплывающее окно*/
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
width: 500px; /*Ширина окна*/
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 10px solid #ddd;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#popup h1{
font:28px Monotype Corsiva, Arial;
font-weight: bold;
text-align: center;
color: red;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
font:24px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h3{
font:18px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.table1{
  border-top: 1px solid black;
padding: 16px;}

.goodsDataMainModificationArtNumber{padding-top:10px;}

#skidka{padding:10px;}


#cartInfo span {
color: #000000;
}
#cartInfo .num {
color: red;
}
#cartSum span {
text-transform: none;
}
/*подподкатегория*/
.third{
background-color:#f0b687;
}
/*подподкатегория конец*/
/*всплывающее окно на кнопку*/
/*Всплывающее окно*/
h2 {
font: 28px Tahoma, Helvetica, Arial, Sans-Serif;
text-align: center;
color: #222; text-shadow: 0px 2px 3px #555;
}
/* Базовые стили модального окна  */
.overlay {
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}
.popup {
	background-color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	left: 30%;
	opacity: 0;
	padding: 15px;
	position: fixed;
	text-align: justify;
  font: 14px Helvetica, Arial, Sans-Serif;
	top: 25%;
	visibility: hidden;
	z-index: 10;

	-webkit-transform: translate(-17%, -17%);
	-moz-transform: translate(-17%, -17%);
	-ms-transform: translate(-17%, -17%);
	-o-transform: translate(-17%, -17%);
	transform: translate(-17%, -17%);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
	top: 25%;
	opacity: 1;
	visibility: visible;
}

/*всплывающее окно на кнопку конец*/

После внесения данных изменений попробуйте поставить квадратную кнопку закрыть, убрав все border

[arver]

Спасибо отчасти помогло,исчез значок x из кнопки закрыть.
Проделал следующее вставил перед кодом
.close:hover {
background-color: rgba(0, 122, 200, 0.8) !important;
}
следующее

.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
Но добиться того,чтобы крестик был ровно по центру квадрата так и не удалось!Нужна помощь!
2)Непонятно почему,второе всплывающее окно-личный кабинет(если кликнуть на значок ключей под поиском) открывается вообще без кнопки закрыть+основной слайдер на главной становится ярче чем вся информация на сайте

[arver]

need help

[arver]

нужна помощь!

[arver]

нужна помощь!

[arver]

нужна помощь!

[MikDark]

arver (04 Апрель 2014 - 08:16) писал:

нужна помощь!

Из-за обилия ошибок, я бы посоветовал Вам откатить изменения до того момента, когда их не было и постепенно заново выполнять инструкции. Сейчас у вас очень много нового кода, написанного разными людьми, и сложно понять что и из-за чего возникает. Лучше чтобы в дальнейшем, чтобы все инструкции, в рамках одного функционала, писал один человек.

[arver]

Доброе утро,каких ошибок?Какие инструкции?(с нужной мне реализации всплывающего окна(через нажатие кнопки)мне так никто и не помог.)Поэтому воспользовался инструкцией со стороннего сервиса и сейчас мне нужна небольшая корректировка,описание в сообщение 14 выше