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

  2. → Просмотр профиля: "Лайки": AS1987

AS1987

Регистрация: 30 янв. 2013
Offline Активность: 31 июля 2016 11:33
-----

#55886 Share42

Отправлено mikola на 29 Март 2013 - 22:07

Просмотр сообщенияAS1987 (29 Март 2013 - 20:45) писал:

Здравствуйте,помогите вставить из share42.com  по пунктам для шаблона Мокко, что бы получилось,как на картинке  Прикрепленный файл Безымянный1.jpg для шаблона Мокко

большое спасибо.
Заявка закрыта по телефону


#53740 Всплывающее Меню При Наведении

Отправлено AS1987 на 21 Март 2013 - 20:45

Просмотр сообщенияsupport 2.0 (21 Март 2013 - 19:18) писал:

в шаблоне HTML Вам нужно заменить блок
<div id="mainNav" class="nav">
<table>
		 <tr>
		 {% FOR menu %}
						 {% FOR header %}
						 {% FOR links %}
						 <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
						 <li>
								 <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = A%} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
										 {%IF menu.header.links.NAME = Apple%}
										 <ul>
												 <li>
												 <a href="http://mobilesar.ru/catalog/Apple-iPhone">Apple Iphone</a>
												 </li>
												 <li>
												 <a href="http://mobilesar.ru/catalog/Apple-iPad">Apple Ipad</a>
												 </li>
										 </ul>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Смартфоны%}
										 <ul>
												 <li>
												 <a href="http://mobilesar.ru/catalog/smartfony-Samsung">Samsung</a>
												 </li>
												 <li>
												 <a href="http://ya.ru/">Yandex2</a>
												 </li>
										 </ul>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Планшеты%}
										 <ul>
												 <li>
												 <a href="http://ya.ru/">Yandex</a>
												 </li>
												 <li>
												 <a href="http://ya.ru/">Yandex2</a>
												 </li>
										 </ul>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Контакты%}
										 <ul>
												 <li>
												 <a href="http://mobilesar.ru/page/dostavka">Доставка</a>
												 </li>
												 <li>
												 <a href="http://guurantee.mobilesar.ru/">Гарантия</a>
												 </li>
										 </ul>
{%ENDIF%}

									
						 </li>
						 </td>
				 {% ENDFOR %}
						 {% ENDFOR %}
				 {% ENDFOR %}
		 </tr>
</table>
</div>
на этот
<div id="mainNav" class="nav">
<table>
		 <tr>
		
		 {% FOR menu %}
						 {% FOR header %}
						 <li class="home"><a href="http://{NET_DOMAIN}/"></a></li>
						 {% FOR links %}
						 <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
						
						 <li>
								 <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = A%} {% ENDIF %}>{menu.header.links.NAME}</a>
										 {%IF menu.header.links.NAME = Apple%}
										 <div class="sublvl">
										 <span class="arrow"></span>
											 <ul>
												 <li>
												 <a href="http://mobilesar.ru/catalog/Apple-iPhone">Apple Iphone</a>
												 </li>
												 <li>
												 <a href="http://mobilesar.ru/catalog/Apple-iPad">Apple Ipad</a>
												 </li>
										 </ul>
										 </div>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Смартфоны%}
										 <div class="sublvl">
										 <span class="arrow"></span>
										 <ul>
												 <li>
												 <a href="http://mobilesar.ru/catalog/smartfony-Samsung">Samsung</a>
												 </li>
												 <li>
												 <a href="http://ya.ru/">Yandex2</a>
												 </li>
										 </ul>
										 </div>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Планшеты%}
										 <div class="sublvl">
										 <span class="arrow"></span>
											 <ul>
												 <li>
												 <a href="http://ya.ru/">Yandex</a>
												 </li>
												 <li>
												 <a href="http://ya.ru/">Yandex2</a>
												 </li>
											 </ul>
										 </div>
										 {%ENDIF%}
										 {%IF menu.header.links.NAME = Контакты%}
										 <div class="sublvl">
										 <span class="arrow"></span>
											 <ul>
												 <li>
												 <a href="http://mobilesar.ru/page/dostavka">Доставка</a>
												 </li>
												 <li>
												 <a href="http://guurantee.mobilesar.ru/">Гарантия</a>
												 </li>
											 </ul>
									 </div>
{%ENDIF%}

									
						 </li>
						 </td>
				 {% ENDFOR %}
						 {% ENDFOR %}
				 {% ENDFOR %}
		 </tr>
</table>
</div>

теперь зайдите в файл main.css и найдите блок
#ikon_menu {
background: url("http://design.mobilesar.ru/домик2.jpg") !important;
font-size: 0px;
width: 26px;
background-size: cover !important;
}
удалите его

теперь найдите
.nav li {
float:left;
display:block;
position:relative;
z-index:500;
margin:0 1px;
}
.nav li a {
display:block;
padding:8px 5px 0 5px;
text-decoration:none;
}
.nav li a:hover {
}
.nav a.selected {
}
.nav ul {
position:absolute;
left:0;
display:none;
margin:0 0 0 -1px;
padding:0;
list-style:none;
}
.nav ul li {
float:left;
}
.nav ul a {
display:block;
padding: 10px 10px;
background: azure;
min-width: 100px;
width:auto;
opacity: 0.8;
}
.nav ul a:hover {
text-decoration:underline;
}
#mainNav li:hover ul {
display: block;
}
замените на
.nav li {
float:left;
display:block;
position:relative;
z-index:500;
margin:0 1px;
}
.nav li a {
display:block;
padding:8px 5px 0 5px;
text-decoration:none;
}
.nav li a:hover {
}
.nav a.selected {
}
.nav ul {
display:none; float:left; padding:0; margin:11px 0 0 0; background: #666/*#bb213b*/; /*border:1px solid #920e24;*/
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow:0px 2px 3px rgba(0,0,0,0.3)
}
.nav ul li {
float:left;
}
.nav ul a {
display:block;
padding: 10px 10px;
margin:1px; padding:5px 18px; float:left; background:none; border:none; font-size:13px; color:#fff; text-shadow:0px 1px #333;
min-width: 100px;
width:auto;
}
.nav ul a:hover {
background:#ccc; color:#222; text-shadow:0px 0px #fff}
}
#mainNav li:hover ul {
display: block;
}

теперь найдите блок
mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat;}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {padding-right: 5px;}
#mainNav table td > li {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("/design/nav_item_bg.gif") repeat-x bottom left; margin:0 !important;}
#mainNav table td > li > a:link,
#mainNav table td > li > a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("/design/nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td > li > a.selected,
#mainNav table td > li > a:hover,
#mainNav table td > li > a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}

замените на
#mainNav {
position: absolute;
font:14px/15px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
box-shadow:0 2px 2px rgba(0,0,0,0.2);
left: 5px;
bottom: 0;
background: url("{ASSETS_IMAGES_PATH}navbg.png") top repeat-x;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
height:39px;
z-index:20;
}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding: 7px 0 0 0;}
#mainNav table td.first {padding-left: 3px;}
#mainNav table td.last {padding-right: 3px;}
#mainNav table td > li {float:left;line-height: 1.3333em;height: 29px; background:url("{ASSETS_IMAGES_PATH}navsep.png") right no-repeat; margin:0 !important;}
#mainNav table td > li > a {float:left; text-shadow:0px 1px #fff; text-decoration:none; margin: -3px 0px; padding:6px 20px; color:black; border:1px solid transparent; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
#mainNav table td > li > a:link,
#mainNav table td > li > a:visited {display: block;height: 26px;color: #666;padding: 7px 7px 0 7px;}
#mainNav table td > li > a.selected,
#mainNav table td > li > a:hover,
#mainNav table td > li > a:active {background: #999 url({ASSETS_IMAGES_PATH}navhover_gray.png) top repeat-x; color:#fff; text-shadow:0px 1px #333; border-color: #666;margin: -5px 0px;}
.nav li.home > a {background:url({ASSETS_IMAGES_PATH}homeico.png) center no-repeat; height: 19px; padding: 10px 29px;}
.nav li.home > a:hover, #mainNav table td > li.home.hover a, #mainNav table td > li.home.active > a {border-color:transparent}
.nav li.home > a:hover {background-image:url({ASSETS_IMAGES_PATH}homeicohover.png)}
#mainNav table td > li > .sublvl {position:absolute; left:3px; top:31px; z-index:3; float:left}
#mainNav table td > li:hover > ul > li > a {margin:1px; padding:5px 18px; float:left; background:none; width:131px; border:none; font-size:13px; color:#fff; text-shadow:0px 1px #333}
#mainNav table td > li:hover > ul > li > a:hover {background:#ccc; color:#222; text-shadow:0px 0px #fff}
nav ul ul {display:none; float:left; padding:0; margin:11px 0 0 0; background: #666/*#bb213b*/; /*border:1px solid #920e24;*/
	 -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow:0px 2px 3px rgba(0,0,0,0.3)}
nav ul .hover ul {display:block}
#mainNav table td > li:hover .arrow {display:block; width:15px; height:8px; background:url({ASSETS_IMAGES_PATH}pt.png) no-repeat top left; position:absolute; top:3px; left:20px; z-index:4}
#mainNav table td > li:hover .arrow > ul > li {margin:0; padding:0; background:none; width:169px}
#mainNav table td > li:hover .arrow > ul > li > a {margin:1px; padding:5px 18px; float:left; background:none; width:131px; border:none; font-size:13px; color:#fff; text-shadow:0px 1px #333}
#mainNav table td > li:hover .arrow > ul > li > a:hover {background:#ccc; color:#222; text-shadow:0px 0px #fff}

теперь осталось загрузить картинки, которые прикреплены в моем сообщение в архиве. На своем компьютере извлеките файлы из архива и загрузить их на сайт через раздел Сайт -> редактор тем -> добавить файл

ВАУ!!! большое спасибо.

еще раз подтверждаю,что границ не существует для данного конструктора.
отлично получилось.


#52437 Всплывающее Меню При Наведении

Отправлено mikola на 17 Март 2013 - 12:54

Просмотр сообщенияAS1987 (17 Март 2013 - 12:11) писал:

КАК ТУТ МОЖНО ПОЛУЧИТЬ ОТВЕТ????
да конечно данный блок можно удалить...
найти код
<td id="leftMenuBlockWrap">
		  <div id="leftMenuBlock">
		  <!-- Каталог -->
		  <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
			{%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li>
						<a href="{catalog.URL}"
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
		  </ul>
		  <!-- end Каталог -->



#52297 Слоган и логотип

Отправлено AS1987 на 16 Март 2013 - 15:02

Просмотр сообщенияmiyako (16 Март 2013 - 14:32) писал:

Найдите код:
#contactInfo {
position: absolute;
font-size: 1.2em;
top: 5px;
left: 330px;
}
и замените на:
#contactInfo {
position: relative;
font-size: 1.2em;
top: 45px;
float: right;
right: -66px;
}
Большое спасибо,все получилось,


  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": AS1987
  3. Privacy Policy