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

[Landing Page]

Несколько человек сегодня написали, что сайт плохо отображается. Проверял неоднократно - все работает. Но люди с других регионов писали и присылали скрины того, что у них отображается, скрин прикрепил:



Так же, люди писали следующее: "его блокиратор рекламы таким делает. отключаешь и все норм"

Т.е. если в браузере отключить некий блокиратор рекламы (или всплывающих окон - не знаю), то все работает нормально..

Уважаемые модераторы, ну неужели такие проблемы совместимости нельзя решить? Что делать то теперь? Почему у некоторых нормальных сайт отображается, а у некоторых без CSS... ?

[Сake]

Не могли бы вы по подробнее описать о каком блокираторе идет речь?

[Landing Page]

Сake (28 Май 2013 - 02:12) писал:

Не могли бы вы по подробнее описать о каком блокираторе идет речь?

К сожалению не знаю, что за блокиратор, это сообщение и скрин получили от клиента.

По какой причине сайт так может отображаться? У одних - хорошо, а у других без стилей...

[miyako]

Korolev Andrey (29 Май 2013 - 14:51) писал:

К сожалению не знаю, что за блокиратор, это сообщение и скрин получили от клиента.

По какой причине сайт так может отображаться? У одних - хорошо, а у других без стилей...

Хотелось бы узнать браузер у вашего клиента

[Landing Page]

miyako (29 Май 2013 - 14:57) писал:

Хотелось бы узнать браузер у вашего клиента

Гуугл Хром. Клиент использует видимо какой-то плагин или опцию браузера гугл хром, некое "Расширение AD-BLOK"


Вот, что он написал нам: "Расширение AD-BLOK для хрома, который блокирует рекламу в сети. Большинство людей используют ее чтобы не смотреть тизерк"
А вот сам плагин (не реклама) http://adblockplus.org/ru/chrome

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


Скрин отображения сайта:

[Koderhan]

С расширением adblock мы ничего сделать не можем. И не понятно почему он заблокировал загрузку стилей с вашего сайта.
Но, есть одна идея.
Можно попробовать переименовать главный файл css.
В файле "HTML" код:

  <!-- Стили магазина -->
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

Заменить на:

  <!-- Стили магазина -->
  <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main2.css" type="text/css" />

И в Редакторе шаблонов. Скачать файл стилей main.css.
И загрузить обратно с названием main2.css.
Просто переименовали файл.

[Landing Page]

Koderhan (30 Май 2013 - 15:10) писал:

С расширением adblock мы ничего сделать не можем. И не понятно почему он заблокировал загрузку стилей с вашего сайта.
Но, есть одна идея.
Можно попробовать переименовать главный файл css.
В файле "HTML" код:

<!-- Стили магазина -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />

Заменить на:

<!-- Стили магазина -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main2.css" type="text/css" />

И в Редакторе шаблонов. Скачать файл стилей main.css.
И загрузить обратно с названием main2.css.
Просто переименовали файл.

Отлично, теперь корректно отображается.

Скажите а как сделать, чтобы надпись "ВНИМАНИЕ АКЦИЯ!" была в строчку ? Какой параметр надо добавить или изменить?



Вот код:

<div style="position: absolute; top: 237px; right: 923px;">
  <div style="position: relative; z-index: 1;">
		<span style="font-size: 30px; color: #3A3A3A; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Century Gothic, Geneva, sans-serif;">ВНИМАНИЕ АКЦИЯ!</span>
	   
</div> </div> 

[Koderhan]

Korolev Andrey (31 Май 2013 - 11:01) писал:

Отлично, теперь корректно отображается.

Скажите а как сделать, чтобы надпись "ВНИМАНИЕ АКЦИЯ!" была в строчку ? Какой параметр надо добавить или изменить?

Untitled-4.jpg

Вот код:

<div style="position: absolute; top: 237px; right: 923px;">
<div style="position: relative; z-index: 1;">
<span style="font-size: 30px; color: #3A3A3A; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Century Gothic, Geneva, sans-serif;">ВНИМАНИЕ АКЦИЯ!</span>

</div> </div> 

Нужно задать ширину блоку.

<div style=" width:300px; position: absolute; top: 237px; right: 923px;">
  <div style="position: relative; z-index: 1;">
				<span style="font-size: 30px; color: #3A3A3A; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Century Gothic, Geneva, sans-serif;">ВНИМАНИЕ АКЦИЯ!</span>
		  
</div> </div>

width - ширина.

[Landing Page]

Спасибо. Скажите еще, как сделать:

Сейчас так:




А нужно получить вот так, т.е. чтобы нижнее меню дублировалось с верхним, справа были номер телефоном, в середине "ЗАКАЗАТЬ ЗВОНОК",  а слева текстовый блок, где например можно написать данные ИП или ООО



Как это реализовать?

[Vaccina]

Пожалуйста, сообщите номер аккаунта данного магазина, так же приложите второй результирующий скриншот, так как у вас в сообщении 2 одинаковых скриншота.

[Landing Page]

Vaccina (01 Июнь 2013 - 04:41) писал:

Пожалуйста, сообщите номер аккаунта данного магазина, так же приложите второй результирующий скриншот, так как у вас в сообщении 2 одинаковых скриншота.

Извините, исправил сообщение, магазин: Аккаунт SL-210430

[miyako]

Korolev Andrey (01 Июнь 2013 - 12:38) писал:

Извините, исправил сообщение, магазин: Аккаунт SL-210430

Вам нужно в подвале точно такое же меню, или просто по дизайну одинаковое?

[Landing Page]

miyako (01 Июнь 2013 - 14:29) писал:

Вам нужно в подвале точно такое же меню, или просто по дизайну одинаковое?

На картинках прекрасно нарисовано как нужно. Чтобы нижнее меню было точно таким же как и верхнее (белым, длинным). Далее справа телефоны, слева данные продавца, в середине кнопка заказать звонок.

[miyako]

Korolev Andrey (02 Июнь 2013 - 14:57) писал:

На картинках прекрасно нарисовано как нужно. Чтобы нижнее меню было точно таким же как и верхнее (белым, длинным). Далее справа телефоны, слева данные продавца, в середине кнопка заказать звонок.

Перед изменениями сделайте дизайн копию
Найдите код в main.css:

#footer {
background: none repeat scroll 0 0 #3A3A3A;
border-radius: 12px 12px 12px 12px;
border-top: 4px solid #3A3A3A;
clear: both;
margin: 20px auto 17px;
padding: 0 10px;
width: 980px;
}

и замените на:

#footer {
clear: both;
margin: 20px auto 17px;
padding: 0 10px;
width: 1000px !important;
}

Далее найдите код в шаблоне HTML:

<!-- Подвал -->
<div id="footer">
  <div id="main">
	<div class="menufooter">
	  <ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</div> 
	<div class="copyring">
	  <p>&copy; {DATE_YEAR}  {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
	</div>
  </div>
</div>

и замените на:

<!-- Подвал -->
<div id="footer">
<div class="leftcol"></div>
  <div class="centercol">
	<div class="menufooter">
	  <ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</div> 
   
  </div>
	<div class="rightcol cartInfo">
		<ul onclick="document.location='{CART_URL}';">
		  {% IF cart_count_empty %}
		   
		  {% ELSE %}
			{% FOR cart_sum %}
			 
			{% ENDFOR %}
		  {% ENDIF %}
		</ul>
	  </div>
  </div>
</div>
<div class="copyring">
	  <p>&copy; {DATE_YEAR}  {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
	</div>

В main.css найдите код:

#panelsite { height: 104px;
	width: 100%;
	position: relative;}

и замените на:

#panelsite, #footer { height: 104px;
	width: 100%;
	position: relative;}

Найдите код:

/*Верхняя панель сайта*/
#panelsite { height:424px; width:100%; } 
  #panelsite div { height:54px; float:left; overflow:hidden; }   
  #panelsite div.leftcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; }
#panelsite div.rightcol { background: url(/web/upload/assets/images/177/176651/panel-bg.png) -227px 0 no-repeat; width: 28px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868;  } 
	#panelsite div.rightcol a { font:normal 14px Copperplate, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none;  }
	  #panelsite div.rightcol a img { float:left;  }
	  #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; }
		#panelsite div.rightcol ul li { margin:5px 0 0 0;  }
		  #panelsite div.rightcol ul:hover li.default { display:none;  }
		  #panelsite div.rightcol ul:hover li.off { display:block; }
		  #panelsite div.rightcol ul li.hover { display:none; }
		  #panelsite div.rightcol ul:hover li.hover { display:block; color:#1e5d77;  }
		  #panelsite div.rightcol ul li.money {  font:normal 15px Copperplate, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
	#panelsite div.centercol { background:url({ASSETS_IMAGES_PATH}panel-bgx.png) repeat-x; width:960px;: }
	#panelsite div.centercol div { height:auto; float:none; } 
	  #panelsite div.centercol .menuheader { width:960px; height:24px; overflow:hidden; margin:15px 0 0 0;  }
		#panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px;  }
		#panelsite div.centercol .menuheader ul li.main { background:none; }
		  #panelsite div.centercol .menuheader ul li a { font:normal 16px Copperplate, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:2px 7px; display:block;	}
		  #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#929292; color:#FFF; }
		  #panelsite div.centercol .menuheader ul li a:active { padding:1px 7px 1px 7px; border-bottom:0px solid #186584; }
	 

и замените на:

/*Верхняя панель сайта*/
#panelsite , #footer{ height:424px; width:100%; } 
  #panelsite div, #footer div{ height:54px; float:left; overflow:hidden; }   
  #panelsite div.leftcol, #footer .leftcol{ background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; }
#panelsite div.rightcol , #footer div.rightcol{ background: url(/web/upload/assets/images/177/176651/panel-bg.png) -227px 0 no-repeat; width: 28px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868;  } 
	#panelsite div.rightcol a , #footer div.rightcol a{ font:normal 14px Copperplate, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none;  }
	  #panelsite div.rightcol a img , #footer div.rightcol a img{ float:left;  }
	  #panelsite div.rightcol ul , #footer div.rightcol ul{ margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; }
		#panelsite div.rightcol ul li , #footer div.rightcol ul li{ margin:5px 0 0 0;  }
		  #panelsite div.rightcol ul:hover li.default , #footer div.rightcol ul:hover li.default{ display:none;  }
		  #panelsite div.rightcol ul:hover li.off , #footer div.rightcol ul:hover li.off{ display:block; }
		  #panelsite div.rightcol ul li.hover , #footer div.rightcol ul li.hover{ display:none; }
		  #panelsite div.rightcol ul:hover li.hover , #footer div.rightcol ul:hover li.hover{ display:block; color:#1e5d77;  }
		  #panelsite div.rightcol ul li.money , #footer div.rightcol ul li.money{  font:normal 15px Copperplate, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
	#panelsite div.centercol , #footer div.centercol{ background:url({ASSETS_IMAGES_PATH}panel-bgx.png) repeat-x; width:960px;: }
	#panelsite div.centercol div , #footer div.centercol div{ height:auto; float:none; } 
	  #panelsite div.centercol .menuheader, #footer div.centercol .menufooter { width:960px; height:24px; overflow:hidden; margin:15px 0 0 0;  }
		#panelsite div.centercol .menuheader ul li , #footer div.centercol .menufooter  ul li{ float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px;  }
		#panelsite div.centercol .menuheader ul li.main , #footer div.centercol .menufooter  ul li.main { background:none; }
		  #panelsite div.centercol .menuheader ul li a , #footer div.centercol .menufooter  ul li a{ font:normal 16px Copperplate, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:2px 7px; display:block;	}
		  #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current , #footer div.centercol .menufooter  ul li a:hover, , #footer div.centercol .menufooter  ul li a.current{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#929292; color:#FFF; }
		  #panelsite div.centercol .menuheader ul li a:active, , #footer div.centercol .menufooter  ul li a:active { padding:1px 7px 1px 7px; border-bottom:0px solid #186584; }
	 

[Landing Page]

miyako (02 Июнь 2013 - 15:54) писал:

Перед изменениями сделайте дизайн копию
Найдите код в main.css:

#footer {
background: none repeat scroll 0 0 #3A3A3A;
border-radius: 12px 12px 12px 12px;
border-top: 4px solid #3A3A3A;
clear: both;
margin: 20px auto 17px;
padding: 0 10px;
width: 980px;
}

и замените на:

#footer {
clear: both;
margin: 20px auto 17px;
padding: 0 10px;
width: 1000px !important;
}

Далее найдите код в шаблоне HTML:

<!-- Подвал -->
<div id="footer">
<div id="main">
<div class="menufooter">
	 <ul>
	 {% FOR menu %}
		 {% FOR footer %}
		 {% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
</div>
<div class="copyring">
	 <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
</div>
</div>
</div>

и замените на:

<!-- Подвал -->
<div id="footer">
<div class="leftcol"></div>
<div class="centercol">
<div class="menufooter">
	 <ul>
	 {% FOR menu %}
		 {% FOR footer %}
		 {% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		 {% ENDFOR %}
	 {% ENDFOR %}
	 </ul>
</div>

</div>
<div class="rightcol cartInfo">
	 <ul onclick="document.location='{CART_URL}';">
		 {% IF cart_count_empty %}
		
		 {% ELSE %}
		 {% FOR cart_sum %}
			
		 {% ENDFOR %}
		 {% ENDIF %}
	 </ul>
	 </div>
</div>
</div>
<div class="copyring">
	 <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
</div>

В main.css найдите код:

#panelsite { height: 104px;
width: 100%;
position: relative;}

и замените на:

#panelsite, #footer { height: 104px;
width: 100%;
position: relative;}

Найдите код:

/*Верхняя панель сайта*/
#panelsite { height:424px; width:100%; }
#panelsite div { height:54px; float:left; overflow:hidden; }
#panelsite div.leftcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; }
#panelsite div.rightcol { background: url(/web/upload/assets/images/177/176651/panel-bg.png) -227px 0 no-repeat; width: 28px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; }
#panelsite div.rightcol a { font:normal 14px Copperplate, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; }
	 #panelsite div.rightcol a img { float:left; }
	 #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; }
	 #panelsite div.rightcol ul li { margin:5px 0 0 0; }
		 #panelsite div.rightcol ul:hover li.default { display:none; }
		 #panelsite div.rightcol ul:hover li.off { display:block; }
		 #panelsite div.rightcol ul li.hover { display:none; }
		 #panelsite div.rightcol ul:hover li.hover { display:block; color:#1e5d77; }
		 #panelsite div.rightcol ul li.money { font:normal 15px Copperplate, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#panelsite div.centercol { background:url({ASSETS_IMAGES_PATH}panel-bgx.png) repeat-x; width:960px;: }
#panelsite div.centercol div { height:auto; float:none; }
	 #panelsite div.centercol .menuheader { width:960px; height:24px; overflow:hidden; margin:15px 0 0 0; }
	 #panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }
	 #panelsite div.centercol .menuheader ul li.main { background:none; }
		 #panelsite div.centercol .menuheader ul li a { font:normal 16px Copperplate, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:2px 7px; display:block; }
		 #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#929292; color:#FFF; }
		 #panelsite div.centercol .menuheader ul li a:active { padding:1px 7px 1px 7px; border-bottom:0px solid #186584; }
	

и замените на:

/*Верхняя панель сайта*/
#panelsite , #footer{ height:424px; width:100%; }
#panelsite div, #footer div{ height:54px; float:left; overflow:hidden; }
#panelsite div.leftcol, #footer .leftcol{ background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; }
#panelsite div.rightcol , #footer div.rightcol{ background: url(/web/upload/assets/images/177/176651/panel-bg.png) -227px 0 no-repeat; width: 28px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; }
#panelsite div.rightcol a , #footer div.rightcol a{ font:normal 14px Copperplate, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; }
	 #panelsite div.rightcol a img , #footer div.rightcol a img{ float:left; }
	 #panelsite div.rightcol ul , #footer div.rightcol ul{ margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; }
	 #panelsite div.rightcol ul li , #footer div.rightcol ul li{ margin:5px 0 0 0; }
		 #panelsite div.rightcol ul:hover li.default , #footer div.rightcol ul:hover li.default{ display:none; }
		 #panelsite div.rightcol ul:hover li.off , #footer div.rightcol ul:hover li.off{ display:block; }
		 #panelsite div.rightcol ul li.hover , #footer div.rightcol ul li.hover{ display:none; }
		 #panelsite div.rightcol ul:hover li.hover , #footer div.rightcol ul:hover li.hover{ display:block; color:#1e5d77; }
		 #panelsite div.rightcol ul li.money , #footer div.rightcol ul li.money{ font:normal 15px Copperplate, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#panelsite div.centercol , #footer div.centercol{ background:url({ASSETS_IMAGES_PATH}panel-bgx.png) repeat-x; width:960px;: }
#panelsite div.centercol div , #footer div.centercol div{ height:auto; float:none; }
	 #panelsite div.centercol .menuheader, #footer div.centercol .menufooter { width:960px; height:24px; overflow:hidden; margin:15px 0 0 0; }
	 #panelsite div.centercol .menuheader ul li , #footer div.centercol .menufooter ul li{ float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }
	 #panelsite div.centercol .menuheader ul li.main , #footer div.centercol .menufooter ul li.main { background:none; }
		 #panelsite div.centercol .menuheader ul li a , #footer div.centercol .menufooter ul li a{ font:normal 16px Copperplate, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:2px 7px; display:block; }
		 #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current , #footer div.centercol .menufooter ul li a:hover, , #footer div.centercol .menufooter ul li a.current{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#929292; color:#FFF; }
		 #panelsite div.centercol .menuheader ul li a:active, , #footer div.centercol .menufooter ul li a:active { padding:1px 7px 1px 7px; border-bottom:0px solid #186584; }
	

Спасибо, меню отлично, но слишком много место пустого внизу. Теперь как поставить туда кнопку заказать звонок и телефоны ?

[miyako]

Найдите код:

<div class="rightcol cartInfo">
				<ul onclick="document.location='{CART_URL}';">
				  {% IF cart_count_empty %}
				  
				  {% ELSE %}
						{% FOR cart_sum %}
						
						{% ENDFOR %}
				  {% ENDIF %}
				</ul>
		  </div>
  </div>
</div>
<div class="copyring">
		  <p>&copy; {DATE_YEAR}  {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
		</div>

и замените на:

<div class="rightcol cartInfo">
		<ul onclick="document.location='{CART_URL}';">
		  {% IF cart_count_empty %}
		   
		  {% ELSE %}
			{% FOR cart_sum %}
			 
			{% ENDFOR %}
		  {% ENDIF %}
		</ul>
  </div>
	 

	<div style="float:left;position:relative ; color: #F0F0F0; font: 25px Century Gothic, Geneva, sans-serif;height:auto !important;">
   
		 <div class="copyring" style="height:auto !important;">
			   <p>&copy; {DATE_YEAR}  {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. </p><p>Все права защищены.</p> <p>direct-adwords.ru</p>
		  </div>
		 
	</div>
   
   
	<!-- ДЕСКРИПТЕР НАЧАЛО -->
	<div  style="position: relative;height:300px;width:326px;">
	   
		<span style=" float:left;font-size: 30px; color: #F0F0F0; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Century Gothic, Geneva, sans-serif;">- настройка Яндекс Директ</span>
	   
		<span style="float:left;font-size: 30px; color: #F0F0F0; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Century Gothic, Geneva, sans-serif;">- оформление групп Вконтакте</span>
	   
		<!-- КНОКА ЗАКАЗАТЬ ЗВОНОК НАЧАЛО -->
		<div style="position: relative; width:298px;float:left;">
		<a href="http://s757519.storeland.ru/feedback" style="font-size: 27px; color: #FFFFFF; font: 170%/1.4 Century Gothic, Geneva, sans-serif; ">
		<img src="http://design.direct-adwords.ru/obratnii_zvonok.png">
		<span style="position:absolute;top:10px;  left:30px;">Заказать обратный звонок</span>
		</a>
		</div>
		<!-- КНОКА ЗАКАЗАТЬ ЗВОНОК КОНЕЦ -->
 
	</div>	 
	<!-- ДЕСКРИПТЕР КОНЕЦ -->	 
   
	<!-- БЛОК С ТЕЛЕФОНОМ начало--> 
	<div  style="position: relative;height:300px;width:326px;">
	   
	  <div style="position: absolute; top: 10px; right: 260px;">
		<img src="http://tratata.storeland.ru/web/upload/assets/images/177/176651/phone_icon.png">
	  </div>
 
	  <div style="position: absolute; top: 50px; right: 6px;">
	   <div style="position: relative; z-index: 1;">
		<span style="font-size: 30px; color: #F0F0F0; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 170%/1.1 Century Gothic, Geneva, sans-serif;"><i>Есть вопросы? Звоните!</i></span>
	   
	  </div> </div>

	  <!-- ТЕЛЕФОН НАЧАЛО -->
 
	  <div style="position: absolute; top: 5px; right: 6px;">
	  <div style="position: relative; z-index: 1;">
		<span style="font-size: 30px; color: #F0F0F0; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 240%/1.4 Century Gothic, Geneva, sans-serif">8 (937) 370-78-77 </span>
	   
	  </div> </div>
	  <!-- ТЕЛЕФОН КОНЕЦ -->   
	</div>	  
	<!-- БЛОК С ТЕЛЕФОНОМ  конец-->   

</div>

Далее найдите код:

#footer {
clear: both;
margin: 20px auto 17px;
padding: 0 10px;
width: 1000px !important;
}

и замените на:

#footer {
clear: both;
margin: 20px auto 17px;
padding: 0 10px;
width: 1000px !important;
height:300px !important;
}

[Landing Page]

miyako (03 Июнь 2013 - 10:48) писал:

Найдите код:

<div class="rightcol cartInfo">
			 <ul onclick="document.location='{CART_URL}';">
				 {% IF cart_count_empty %}
				
				 {% ELSE %}
					 {% FOR cart_sum %}
						
					 {% ENDFOR %}
				 {% ENDIF %}
			 </ul>
		 </div>
</div>
</div>
<div class="copyring">
		 <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
	 </div>

и замените на:

<div class="rightcol cartInfo">
	 <ul onclick="document.location='{CART_URL}';">
		 {% IF cart_count_empty %}
		
		 {% ELSE %}
		 {% FOR cart_sum %}
			
		 {% ENDFOR %}
		 {% ENDIF %}
	 </ul>
</div>
	

<div style="float:left;position:relative ; color: #F0F0F0; font: 25px Century Gothic, Geneva, sans-serif;height:auto !important;">

		 <div class="copyring" style="height:auto !important;">
			 <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. </p><p>Все права защищены.</p> <p>direct-adwords.ru</p>
		 </div>
		
</div>


<!-- ДЕСКРИПТЕР НАЧАЛО -->
<div style="position: relative;height:300px;width:326px;">
	
	 <span style=" float:left;font-size: 30px; color: #F0F0F0; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Century Gothic, Geneva, sans-serif;">- настройка Яндекс Директ</span>
	
	 <span style="float:left;font-size: 30px; color: #F0F0F0; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Century Gothic, Geneva, sans-serif;">- оформление групп Вконтакте</span>
	
	 <!-- КНОКА ЗАКАЗАТЬ ЗВОНОК НАЧАЛО -->
	 <div style="position: relative; width:298px;float:left;">
	 <a href="http://s757519.storeland.ru/feedback" style="font-size: 27px; color: #FFFFFF; font: 170%/1.4 Century Gothic, Geneva, sans-serif; ">
	 <img src="http://design.direct-adwords.ru/obratnii_zvonok.png">
	 <span style="position:absolute;top:10px; left:30px;">Заказать обратный звонок</span>
	 </a>
	 </div>
	 <!-- КНОКА ЗАКАЗАТЬ ЗВОНОК КОНЕЦ -->

</div>	
<!-- ДЕСКРИПТЕР КОНЕЦ -->	

<!-- БЛОК С ТЕЛЕФОНОМ начало-->
<div style="position: relative;height:300px;width:326px;">
	
	 <div style="position: absolute; top: 10px; right: 260px;">
	 <img src="http://tratata.storeland.ru/web/upload/assets/images/177/176651/phone_icon.png">
	 </div>

	 <div style="position: absolute; top: 50px; right: 6px;">
	 <div style="position: relative; z-index: 1;">
	 <span style="font-size: 30px; color: #F0F0F0; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 170%/1.1 Century Gothic, Geneva, sans-serif;"><i>Есть вопросы? Звоните!</i></span>
	
	 </div> </div>

	 <!-- ТЕЛЕФОН НАЧАЛО -->

	 <div style="position: absolute; top: 5px; right: 6px;">
	 <div style="position: relative; z-index: 1;">
	 <span style="font-size: 30px; color: #F0F0F0; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 240%/1.4 Century Gothic, Geneva, sans-serif">8 (937) 370-78-77 </span>
	
	 </div> </div>
	 <!-- ТЕЛЕФОН КОНЕЦ -->
</div>	
<!-- БЛОК С ТЕЛЕФОНОМ конец-->

</div>

Далее найдите код:

#footer {
clear: both;
margin: 20px auto 17px;
padding: 0 10px;
width: 1000px !important;
}

и замените на:

#footer {
clear: both;
margin: 20px auto 17px;
padding: 0 10px;
width: 1000px !important;
height:300px !important;
}

Отлично, но все криво... Кнопку "заказать звонок" надо выровнять по середине. И как еще поставить телефон не справа, а над кнопкой "заказать звонок"

[support 2.0]

Korolev Andrey (03 Июнь 2013 - 18:34) писал:

Отлично, но все криво, как сделать чтобы все было ровнее?

Кнопка заказать звонок была ровно посередине, а номер телефона по правому краю?

найдите в шаблоне HTML первый блок в футере

<div style="position: relative;height:300px;width:326px">

замените на

<div style="position: relative;height:300px;width:326px; left: 20%; ">

теперь найдите следующий

<div style="position: relative;height:300px;width:326px;">

замените на

<div style="position: relative;height:300px;width:326px;margin-left: 200px; ">

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

• 

[Landing Page]

Заметил что исчез фон при наведении на кнопки меню, как его вернуть?

Сайт Аккаунт SL-210430




Надо сделать как раньше:

[miyako]

Korolev Andrey (09 Июнь 2013 - 13:48) писал:

Заметил что исчез фон при наведении на кнопки меню, как его вернуть?

Сайт Аккаунт SL-210430

12.png


Надо сделать как раньше:

13.png

Найдите код в main.css:

#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current , #footer div.centercol .menufooter ul li a:hover, , #footer div.centercol .menufooter ul li a.current{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#929292; color:#FFF; }
				 #panelsite div.centercol .menuheader ul li a:active, , #footer div.centercol .menufooter ul li a:active { padding:1px 7px 1px 7px; border-bottom:0px solid #186584; }
	

и замените на:

#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current , #footer div.centercol .menufooter ul li a:hover, #footer div.centercol .menufooter ul li a.current{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#929292; color:#FFF; }
				 #panelsite div.centercol .menuheader ul li a:active, #footer div.centercol .menufooter ul li a:active { padding:1px 7px 1px 7px; border-bottom:0px solid #186584; }
	

в коде было две лишних запятых