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


Закруглить И Чуть Отодвинуть Друг От Друга Кнопки Гл. Меню!

Автор Azamat, 23 авг. 2013 23:31

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

#1 Azamat

Azamat

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

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородМосква

Отправлено 23 Август 2013 - 23:31

Добрый день!!

Подскажите как закруглить и чуть чуть отодвинуть друг от друга кнопки меню!?

Спасибо!

#2 Vaccina

Vaccina

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

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

Отправлено 24 Август 2013 - 00:45

Найдите в файле стилей main.css

#mainNav {
	background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat scroll 0 0 transparent;
	bottom: 0;
	height: 35px;
	left: 5px;
	position: absolute;
}

и замените на

#mainNav {
	bottom: 5px;
	height: 35px;
	left: 5px;
	position: absolute;
}

далее найдите

#mainNav table {
	background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat scroll right bottom transparent;
	border-collapse: collapse;
	border-spacing: 0;
	float: left;
	height: 30px;
	margin: auto;
	padding: 5px 5px 0 0;
}

и замените на

#mainNav table {
	border-collapse: collapse;
	border-spacing: 0;
	float: left;
	height: 30px;
	margin: auto;
	padding: 5px 5px 0 0;
}

далее найдите

#mainNav table td {
	padding: 5px 0 0 2px;
}

и замените на

#mainNav table td {
	padding: 5px 0 0 4px;
}

далее найдите

#mainNav table td div {
	background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x scroll left bottom #FFFFFF;
	float: left;
	font-size: 1.25em;
	height: 30px;
	line-height: 1.3333em;
}

и замените на

#mainNav table td div {
	background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x scroll left bottom #FFFFFF;
	border-radius: 6px;
	float: left;
	font-size: 1.25em;
	height: 30px;
	line-height: 1.3333em;
}

далее найдите

#mainNav table td div a:link, #mainNav table td div a:visited {
	background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x scroll left bottom transparent;
	color: #666666;
	display: block;
	height: 26px;
	padding: 4px 10px 0;
}

и замените на

#mainNav table td div a:link, #mainNav table td div a:visited {
	background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x scroll left bottom transparent;
	border-radius: 6px;
	color: #666666;
	display: block;
	height: 26px;
	padding: 4px 10px 0;
}

#3 Azamat

Azamat

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

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородМосква

Отправлено 24 Август 2013 - 13:46

Сп

А как можно у основной темы углы тоже закруглить!???
А у карусели можно их закруглить!?? Спасибо! Все получилось!!!

Может есть какие то советы с проф. точки зрения!?? Я хочу запустится до конца августа!! Еще товары не заливал их более 3 000 ((((

Хочу красивый, удобный магазин!!

#4 sengun

sengun

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

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

Отправлено 24 Август 2013 - 16:31

Просмотр сообщенияAzamat (24 Август 2013 - 13:46) писал:

А как можно у основной темы углы тоже закруглить!???
А у карусели можно их закруглить!??
Если под "основной темой" вы подразумеваете п.1 на скриншоте, и то, что надо закруглить у карусели - п.224-08-2013 17-26-06.png
Тогда в main.css надо код
#content {
background: #fffece;
margin: 0 auto;
width: 970px;
}
изменить так
#content {
background: #fffece;
margin: 0 auto;
width: 970px;
border-radius: 6px;
}
и в carousel.css код
#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 175px;
}
надо изменить так
#wrapper .d-carousel ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 175px;
border-radius: 6px;
}

#5 Azamat

Azamat

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

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородМосква

Отправлено 24 Август 2013 - 17:01

Большое спасибо, все получилось!

1.) Как поменять шрифт (по красивее) в разделе каталог на гл. странице (колготки, чулик и т.п.)

2) Почему у меня фон в низу страницы не полностью  залита?

3) Как то можно вот это (

Вы здесь:

Главная

>

Интернет магазин колготок) с главной убрать)?

4) Добавить значок корзины и надпись моя корзина!

#6 Absolem

Absolem

    Продвинутый пользователь

  • Модератоpы
  • 145 сообщений

Отправлено 25 Август 2013 - 12:53

3) Вы хотите убрать путь со всех страниц? или только с Главной страницы?

#7 Absolem

Absolem

    Продвинутый пользователь

  • Модератоpы
  • 145 сообщений

Отправлено 25 Август 2013 - 13:05

3) Найдите код в шаблоне Страница 
{% IF PAGE_NAME %}
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> &gt; <strong>{PAGE_NAME}</strong></p>
<h1>{PAGE_NAME}</h1>
{% ENDIF %}
И замените на - 
{% IF PAGE_NAME %}
{%IFNOT index_page%}
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> &gt; <strong>{PAGE_NAME}</strong></p>
<h1>{PAGE_NAME}</h1>
{%ENDIF%}
{% ENDIF %}

2) В main.css найдите код - 
body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background: url("{ASSETS_IMAGES_PATH}main_back.jpg") repeat-x scroll 0 0 transparent;
color: #666;
}
И замените на 
body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background: url("{ASSETS_IMAGES_PATH}main_back.jpg") repeat-x fixed 0 0 transparent;
color: #666;
background-size: auto 100%
}

1) В main.css найдите код 
#subNavigation li a:link, #subNavigation li a:visited {
padding-left: 10px;
color: #666;
display: block;
}
И замените #666 на Ваш цвет

#8 Azamat

Azamat

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

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородМосква

Отправлено 25 Август 2013 - 17:34

Просмотр сообщенияAbsolem (25 Август 2013 - 13:05) писал:

3) Найдите код в шаблоне Страница 
{% IF PAGE_NAME %}
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> &gt; <strong>{PAGE_NAME}</strong></p>
<h1>{PAGE_NAME}</h1>
{% ENDIF %}
И замените на - 
{% IF PAGE_NAME %}
{%IFNOT index_page%}
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> &gt; <strong>{PAGE_NAME}</strong></p>
<h1>{PAGE_NAME}</h1>
{%ENDIF%}
{% ENDIF %}

2) В main.css найдите код - 
body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background: url("{ASSETS_IMAGES_PATH}main_back.jpg") repeat-x scroll 0 0 transparent;
color: #666;
}
И замените на 
body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background: url("{ASSETS_IMAGES_PATH}main_back.jpg") repeat-x fixed 0 0 transparent;
color: #666;
background-size: auto 100%
}

1) В main.css найдите код 
#subNavigation li a:link, #subNavigation li a:visited {
padding-left: 10px;
color: #666;
display: block;
}
И замените #666 на Ваш цвет

Все равно низ страницы фоном не залит, выступ белый там!

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

  • косяк.png

#9 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 25 Август 2013 - 19:02

Видимо Вы убрали изменения со своей страницы. Не могли бы Вы их вернуть, чтобы мы Вам смогли помочь?

#10 Azamat

Azamat

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

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородМосква

Отправлено 25 Август 2013 - 21:15

1) Когда на главной выбираешь например "Колготки классические" появляется подраздел с типами классических колготок!
Как сделать так чтобы основной раздел отличался от подразделов??? Шрифтом или цветом!!

2) как сделать чтобы распродажа и хиты продаж и т.п. были одинакового шрифта и цветов??? Как выбрать шрифт и цвет??

3) Выбрав (кликнуть) товар, переходишь на стр. где можно выбрать размер и цвет! Как сделать так чтобы при выборе цвета рядом появлялся или был сразу маленький квадратик с образцом цвета!?? Или вообще чтобы клиент сразу тыкал на этот квадратик с цветом при выборе размера и цвета!(так как не все знают что черный это Nero и так далее)

4) как поменять местами условия доставки и описание??

#11 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 25 Август 2013 - 22:44

1. Можно сделать так: в файле main.css найдите блок 
#subNavigation .selected {
color: #D0431D !important;
}
и замените его на 
#subNavigation .selected {
color: #D0431D !important;
font-size: 17px;
}

2. В шаблоне HTML найдите блок 
<!-- Begin Wrapper -->
<div id="wrapper">
<h1>Распродажа</h1>
и замените его на 
<!-- Begin Wrapper -->
<div id="wrapper">
<h3>Распродажа</h3>

3. К сожалению, такое реализовать нельзя.
4.В шаблоне Товар найдите блок 
		   <!-- Блок описания вариантов доставки -->
				<tr>
				  <td class="goodsDataMainDeliveryBlock" colspan="2">
					<h4>Условия доставки</h4>
					{% FOR goods_delivery %}
					  <h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
					  <div class="goodsDataMainDeliveryItem" >
						<p>{goods_delivery.DESC}</p>
						{% IF goods_delivery.rules_empty %}
						  Стоимость доставки: {goods_delivery.PRICE | money_format}
						{% ELSE %}
						  <div class="goodsDataMainDeliveryItemRules">
							<table>
							  <thead>
								<tr>
								  <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								</tr>
								<tr>
								  <td>Для заказов больше</td>
								  <td>Стоимость доставки</td>
								</tr>
							  </thead>
							  <tbody class="num">
								{% FOR rules %}
								  <tr>
									<td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
									<td>{goods_delivery.rules.PRICE | money_format}</td>
								  </tr>
								{% ENDFOR %}
								<tr>
								  <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
								  <td>{goods_delivery.PRICE | money_format}</td>
								</tr>
							  </tbody>
							</table>
						  </div>
						{% ENDIF %}
					  </div>
					{% ENDFOR %}
				  </td>
				</tr>
			  </table>
			</div>
		  </td>
		</tr>
	  </table>
	</div>
  </form>
  <!-- Блок описания товара. Показываем его есть описание товара -->
  {% IF GOODS_DESCRIPTION_LARGE %}
	<h3>Описание {GOODS_NAME}</h3>
	<div class="htmlDataBlock" itemprop="description">
	  {GOODS_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Блок описания товара. Показываем его есть описание товара -->
  <!-- Короткое SEO-описание -->
  {% IF GOODS_SEO_DESCRIPTION_SHORT %}
	<div style="padding-top:1em;" itemprop="description">{GOODS_SEO_DESCRIPTION_SHORT}</div>
  {% ENDIF %}
  <!-- END Короткое SEO-описание -->
  <!-- Полное SEO-описание -->
  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
	<div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
	  {GOODS_SEO_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Полное SEO-описание -->
и замените его на 
  <!-- Блок описания вариантов доставки -->
				<tr>
				  <td class="goodsDataMainDeliveryBlock" colspan="2"><!-- Блок описания товара. Показываем его есть описание товара -->
  {% IF GOODS_DESCRIPTION_LARGE %}
	<h3>Описание {GOODS_NAME}</h3>
	<div class="htmlDataBlock" itemprop="description">
	  {GOODS_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Блок описания товара. Показываем его есть описание товара -->
  <!-- Короткое SEO-описание -->
  {% IF GOODS_SEO_DESCRIPTION_SHORT %}
	<div style="padding-top:1em;" itemprop="description">{GOODS_SEO_DESCRIPTION_SHORT}</div>
  {% ENDIF %}
  <!-- END Короткое SEO-описание -->
  <!-- Полное SEO-описание -->
  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
	<div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
	  {GOODS_SEO_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Полное SEO-описание --></td>
				</tr>
			  </table>
			</div>
		  </td>
		</tr>
	  </table>
	</div>
  </form>
<div class="goodsDataMainDeliveryBlock">
					<h4>Условия доставки</h4>
					{% FOR goods_delivery %}
					  <h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
					  <div class="goodsDataMainDeliveryItem" >
						<p>{goods_delivery.DESC}</p>
						{% IF goods_delivery.rules_empty %}
						  Стоимость доставки: {goods_delivery.PRICE | money_format}
						{% ELSE %}
						  <div class="goodsDataMainDeliveryItemRules">
							<table>
							  <thead>
								<tr>
								  <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								</tr>
								<tr>
								  <td>Для заказов больше</td>
								  <td>Стоимость доставки</td>
								</tr>
							  </thead>
							  <tbody class="num">
								{% FOR rules %}
								  <tr>
									<td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
									<td>{goods_delivery.rules.PRICE | money_format}</td>
								  </tr>
								{% ENDFOR %}
								<tr>
								  <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
								  <td>{goods_delivery.PRICE | money_format}</td>
								</tr>
							  </tbody>
							</table>
						  </div>
						{% ENDIF %}
					  </div>
					{% ENDFOR %}
				  </div>

#12 Azamat

Azamat

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

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородМосква

Отправлено 25 Август 2013 - 22:44

Просмотр сообщенияStasya (25 Август 2013 - 19:02) писал:

Видимо Вы убрали изменения со своей страницы. Не могли бы Вы их вернуть, чтобы мы Вам смогли помочь?

Да я все обратно вернул!

#13 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 25 Август 2013 - 23:22

В файле main.css найдите блок 
#contentWrap {
clear: both;
background: url(http://gilmanovshop.storeland.net/contentWrap_bg.jpg) repeat-x left bottom;
}
и замените его на 
#contentWrap {
clear: both;
}

#14 Azamat

Azamat

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

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородМосква

Отправлено 24 Сентябрь 2013 - 22:51

Большое спасибо! Все получилось!

1. Как мне добавить вот этот http://bxslider.com слайдер над распродажей!!???

2. Как сделать так что если товара нет в наличии он вместо положить в корзину писал " Заказать"!
  
Заранее спасибо!

#15 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 25 Сентябрь 2013 - 01:48

1) Вы можете использовать слайдер nivo тем более что инструкция уже существует. Так же этот слайдер по сути не отличается от nivo. Используйте инструкцию описанную в нашем FAQ http://storeland.ru/about/faq#51

Код слайдера вам необходимо будет вставлять в шаблон "HTML" перед кодом 

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
								 scroll: 1,
   wrap: 'circular',
  auto: 3
});
});
</script>
<!-- Begin Wrapper -->

2) Вы хотите просто изменить название кнопки? или же изменить её функцию - например отображение формы обратной связи. Примеры реализации подобного механизма есть на нашем форуме.

#16 Azamat

Azamat

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

  • Пользователи
  • PipPip
  • 22 сообщений
  • ГородМосква

Отправлено 08 Декабрь 2013 - 15:26

начал писать еще один сайт, theschool.storelande.ru
Хочу написать на подобии вот этого http://myacademy.ru!
Подскажите какой шаблон лучше взять и как осуществить!?
Кнопки, блоки, слайдер? Фон!?

#17 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 10 Декабрь 2013 - 04:02

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


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. Privacy Policy