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


Как Подвинуть Надписи В Шапке


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

#61 Сальвадор

Сальвадор

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

  • Пользователи
  • PipPipPip
  • 53 сообщений

Отправлено 08 Май 2013 - 14:27

"
3.
В файле "main.css".
Найти код:

#mainmenu li a {
font: bold 13.2px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 17px;
padding-left: 17px;
text-transform: uppercase;
text-decoration: none;
height: 30px;
}
Заменить:
#mainmenu li a {
font: bold 13.2px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 17px;
padding-left: 17px;
text-transform: uppercase;
text-decoration: none;
}
"

Так и сделала, но синее поле осталось такой же ширины. см. картинку ниже.

"
4. Тут не понятно про какое черное поле идет речь.
"

На картинке видно, про какое поле я писала.
7575.png

"6. Там много пространства может быть только на большом мониторе. Пользователям с маленькими мониторами не очень удобны широкие страницы."


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

Спасибо Вам
P.S. Извините за беспорядок. Пока не разобралась, как правильно вставлять фрагменты цитат.

#62 Koderhan

Koderhan

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

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

Отправлено 08 Май 2013 - 15:01

3. Тут я немного ошибся.
Код:
  #mainmenu li a {
  font: bold 13.2px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FFF;
  display: block;
  float: left;
  padding-right: 17px;
  padding-left: 17px;
  text-transform: uppercase;
  text-decoration: none;
}
Заменить на:
  #mainmenu li a {
  font: bold 13.2px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FFF;
  display: block;
  float: left;
  padding-right: 17px;
  padding-left: 17px;
  text-transform: uppercase;
  text-decoration: none;
  height: 30px;
}
4. В файле "main.css".
Удалить код:
  #mainmenu li a:hover {
border:0.1px solid black;
border-radius: 3px;
}
6. Технически это потребует вмешательства в большую часть кода.

#63 Сальвадор

Сальвадор

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

  • Пользователи
  • PipPipPip
  • 53 сообщений

Отправлено 08 Май 2013 - 18:59

Просмотр сообщенияKoderhan (08 Май 2013 - 15:01) писал:

3. Тут я немного ошибся.
Код:
#mainmenu li a {
font: bold 13.2px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 17px;
padding-left: 17px;
text-transform: uppercase;
text-decoration: none;
}
Заменить на:
#mainmenu li a {
font: bold 13.2px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 17px;
padding-left: 17px;
text-transform: uppercase;
text-decoration: none;
height: 30px;
}
4. В файле "main.css".
Удалить код:
#mainmenu li a:hover {
border:0.1px solid black;
border-radius: 3px;
}
6. Технически это потребует вмешательства в большую часть кода.
Спасибо. всё получилось.
И ещё маленький нюанс: как подвинуть горизонтальное меню на пару пикселей вверх?
7575.png - как убрать чёрную полосу справа?

#64 Сake

Сake

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

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

Отправлено 09 Май 2013 - 01:50

Как я понимаю вы хотите приподнять полоску выделения активного пункта меню? Для этого необходимо в файле стилей main.css найти

#mainmenu li a:hover {
	background: url("http://design.nhair.ru/tm_link_border.gif") repeat-x scroll center bottom transparent;
}

и заменить на

#mainmenu li a:hover {
	background: url("http://design.nhair.ru/tm_link_border.gif") repeat-x scroll center -42px transparent;
}

Увеличить высоту данного выделения нельзя, так как это изображение, и для увеличения высоты необходимо изменять само изображение "tm_link_border.gif".

Далее в файле стилей найдите

#cartInfo {
	font-size: 13px;
	height: 20px;
	left: 695px;
	overflow: hidden;
	position: absolute;
	top: 85px;
	white-space: nowrap;
	width: 340px;
}

и замените на

#cartInfo {
	font-size: 13px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 85px;
	white-space: nowrap;
	width: 260px;
}


#65 Сальвадор

Сальвадор

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

  • Пользователи
  • PipPipPip
  • 53 сообщений

Отправлено 09 Май 2013 - 12:03

Просмотр сообщенияСake (09 Май 2013 - 01:50) писал:

Как я понимаю вы хотите приподнять полоску выделения активного пункта меню? Для этого необходимо в файле стилей main.css найти

#mainmenu li a:hover {
background: url("http://design.nhair.ru/tm_link_border.gif") repeat-x scroll center bottom transparent;
}

и заменить на

#mainmenu li a:hover {
background: url("http://design.nhair.ru/tm_link_border.gif") repeat-x scroll center -42px transparent;
}

Увеличить высоту данного выделения нельзя, так как это изображение, и для увеличения высоты необходимо изменять само изображение "tm_link_border.gif".

Далее в файле стилей найдите

#cartInfo {
font-size: 13px;
height: 20px;
left: 695px;
overflow: hidden;
position: absolute;
top: 85px;
white-space: nowrap;
width: 340px;
}

и замените на

#cartInfo {
font-size: 13px;
height: 20px;
overflow: hidden;
position: absolute;
right: 0;
top: 85px;
white-space: nowrap;
width: 260px;
}
Отлично получилось. Спасибо Вам большое!
Скажите, возможно ли вставить на главную страницу видео? И если да, то где оно может располагаться?
И, как я поняла, отзывы не входят в базовый пакет по 250руб/мес. Сколько необходимо доплатить, и где они будут располагаться?
Спасибо

#66 support 2.0

support 2.0

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

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

Отправлено 09 Май 2013 - 13:38

Просмотр сообщенияСальвадор (09 Май 2013 - 12:03) писал:

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

Видео на главной можно поставить через раздел сайт -> страницы -> Лучшие славянские и южно-русские фолосы
В поле описания нажимаете источник и вставляете код видео с youtube. Получить его можно на странице того видео -> поделиться -> html-код

Отзывы к товарам доступны на любом тарифном плане. У Вас на сайте они пока отключены по умолчанию. Чтобы их включить, зайдите в раздел настройки -> основные -> уберите галочку с "Выключить отзывы о товарах на сайте"

#67 Лада

Лада

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

  • Пользователи
  • PipPipPip
  • 88 сообщений

Отправлено 30 Сентябрь 2013 - 18:40

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

Не могу найти на форуме.
1. Хотелось бы в шапке разместить кнопку "Оформить заказ". Наверное надо поднять рамочку с корзиной и поиском чуть выше. А под ней сделать кнопку в такой же рамке, но чтобы она выглядела ярче и заметнее.
2. Хочу при оформлении заказа изменить надпись в корзине на кнопке "Оформить заказ" на "Внести контактные данные", на второй странице изменить надпись на кнопке "Перейти далее" на "Выбор способа доставки", на третьей странице на "Выбор способа оплаты", на четвертой- "Подтверждение заказа".
3. А на последней странице оформления заказа хотелось бы внести надпись: "Если все данные внесены правильно, нажмите на кнопку "Оформить заказ". Наш оператор свяжется с вами для согласования заказа." Подскажите пожалуйста как. Шаблон "Сияние". Сайт http://ori-shop.ru/

#68 Сake

Сake

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

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

Отправлено 01 Октябрь 2013 - 01:52

1) Данная рамка о которой вы говорите выполнена на изображении шапки "header_page.png". Для добавления аналогичной рамки - необходимо производить изменения с самим изображением в графическом редакторе. В данном случае проще всего будет реализовать кнопку используя стилизация на css. Пожалуйста, сообщите предназначение данной кнопки - она будет вести на первый шаг оформления заказа?

2) Кнопку оформления заказа вы можете найти в шаблоне "Оформление заказа" раздела редактора тем. Код кнопок выглядит так

<!-- Кнопки навигации -->
	  <div class="orderStageSubmitNavigation">
		<input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
		<input class="more-link" type="submit" name="tonext"
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Перейти далее"
		  {% ENDIF %}
		/>
	   
	  </div>

Код кнопки которую вы хотите изменить выглядит так

<input class="more-link" type="submit" name="tonext"
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Перейти далее"
		  {% ENDIF %}
		/>


в данном примере уже видно как можно изменить название кнопки при разных шагах оформления заказа. Для этого необходимо использовать условие например

<input class="more-link" type="submit" name="tonext"
		  {% IF ORDER_STAGE_NUM=4%}
			value="Подтверждение заказа"
	{% IF ORDER_STAGE_NUM=3%}
			value="Выбор способа оплаты"
		  {% IF ORDER_STAGE_NUM=2%}
			value="Выбор способа доставки"  
		  {% ELSE %}
			value="Перейти далее"
		  {% ENDIF %}
		/>

Изменить название кнопки в корзине - вы можете в одноименном шаблоне "Корзина". Код кнопки выглядит так

<input class="more-link" type="submit" name="next_step" value="Оформить заказ">

3) Для этого вы можете перед блоком кнопок в шаблоне "Оформление заказа" а именно перед (пример)

<!-- Кнопки навигации -->
	  <div class="orderStageSubmitNavigation">
		<input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
		<input class="more-link" type="submit" name="tonext"
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Перейти далее"
		  {% ENDIF %}
		/>

вставить необходимый вам текст предварительно обвернув его в условие определения шага. Например

<!-- Кнопки навигации -->
	  {% IF ORDER_STAGE_NUM=4%}
	 <div class="orderStageSubmitMessage">Если все данные внесены правильно, нажмите на кнопку "Оформить заказ". Наш оператор свяжется с вами для согласования заказа.</div>
   {% ENDIF %}
	  <div class="orderStageSubmitNavigation">
		<input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
		<input class="more-link" type="submit" name="tonext"
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Перейти далее"
		  {% ENDIF %}
		/>


#69 Лада

Лада

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

  • Пользователи
  • PipPipPip
  • 88 сообщений

Отправлено 04 Октябрь 2013 - 21:33

Просмотр сообщенияСake (01 Октябрь 2013 - 01:52) писал:

1) Данная рамка о которой вы говорите выполнена на изображении шапки "header_page.png". Для добавления аналогичной рамки - необходимо производить изменения с самим изображением в графическом редакторе. В данном случае проще всего будет реализовать кнопку используя стилизация на css. Пожалуйста, сообщите предназначение данной кнопки - она будет вести на первый шаг оформления заказа?

2) Кнопку оформления заказа вы можете найти в шаблоне "Оформление заказа" раздела редактора тем. Код кнопок выглядит так

<!-- Кнопки навигации -->
	 <div class="orderStageSubmitNavigation">
	 <input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
	 <input class="more-link" type="submit" name="tonext"
		 {% IF ORDER_STAGE_NUM=4%}
		 value="Оформить заказ"
		 {% ELSE %}
		 value="Перейти далее"
		 {% ENDIF %}
	 />
	
	 </div>

Код кнопки которую вы хотите изменить выглядит так

<input class="more-link" type="submit" name="tonext"
		 {% IF ORDER_STAGE_NUM=4%}
		 value="Оформить заказ"
		 {% ELSE %}
		 value="Перейти далее"
		 {% ENDIF %}
	 />

в данном примере уже видно как можно изменить название кнопки при разных шагах оформления заказа. Для этого необходимо использовать условие например

<input class="more-link" type="submit" name="tonext"
		 {% IF ORDER_STAGE_NUM=4%}
		 value="Подтверждение заказа"
{% IF ORDER_STAGE_NUM=3%}
		 value="Выбор способа оплаты"
		 {% IF ORDER_STAGE_NUM=2%}
		 value="Выбор способа доставки"
		 {% ELSE %}
		 value="Перейти далее"
		 {% ENDIF %}
	 />

Изменить название кнопки в корзине - вы можете в одноименном шаблоне "Корзина". Код кнопки выглядит так

<input class="more-link" type="submit" name="next_step" value="Оформить заказ">

3) Для этого вы можете перед блоком кнопок в шаблоне "Оформление заказа" а именно перед (пример)

<!-- Кнопки навигации -->
	 <div class="orderStageSubmitNavigation">
	 <input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
	 <input class="more-link" type="submit" name="tonext"
		 {% IF ORDER_STAGE_NUM=4%}
		 value="Оформить заказ"
		 {% ELSE %}
		 value="Перейти далее"
		 {% ENDIF %}
	 />

вставить необходимый вам текст предварительно обвернув его в условие определения шага. Например

<!-- Кнопки навигации -->
	 {% IF ORDER_STAGE_NUM=4%}
	 <div class="orderStageSubmitMessage">Если все данные внесены правильно, нажмите на кнопку "Оформить заказ". Наш оператор свяжется с вами для согласования заказа.</div>
{% ENDIF %}
	 <div class="orderStageSubmitNavigation">
	 <input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
	 <input class="more-link" type="submit" name="tonext"
		 {% IF ORDER_STAGE_NUM=4%}
		 value="Оформить заказ"
		 {% ELSE %}
		 value="Перейти далее"
		 {% ENDIF %}
	 />


Спасибо большое за ответ.

По первому вопросу. Кнопка будет вести в корзину.
По второму вопросу. Я сделала вот так:


<!-- Кнопки навигации -->
      <div class="orderStageSubmitNavigation">
        <input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
        <input class="more-link" type="submit" name="tonext"
          {% IF ORDER_STAGE_NUM=4%}
            value="Внести контактные данные"
          {% IF ORDER_STAGE_NUM=3%}
            value="Выбор способа доставки"
            {% IF ORDER_STAGE_NUM=2%}
                        value="Выбор способа оплаты"  
                  {% ELSE %}
                        value="Подтверждение заказа"
          {% ENDIF %}
        />

      </div>
    </form>
  </div>
</div>

Ругается из-за выделенной строчки. Незакрытый тег IF.  Подскажите пожалуйста что там надо исправить?

#70 Сake

Сake

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

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

Отправлено 05 Октябрь 2013 - 01:22

Цитата

По первому вопросу. Кнопка будет вести в корзину.

Найдите в шаблоне "HTML" строку вида

<div class="container" id="header">

и после неё добавьте

<div class="cart-order">
	<a href="/cart">Оформить заказ</a>
</div>

далее в файл стилей main.css добавьте

.cart-order {
	bottom: 55px;
	position: absolute;
	right: 400px;
}

.cart-order a {
	background: rgba(255, 255, 255, .48);
	border: 1px solid #FFFFFF;
	border-radius: 12px;
	color: #000000;
	font-size: 16px;
	padding: 5px 15px;
}

Цитата

Ругается из-за выделенной строчки. Незакрытый тег IF. Подскажите пожалуйста что там надо исправить?

У вас задана некорректная конструкция IF. Используйте код вида

<!-- Кнопки навигации -->
	   <div class="orderStageSubmitNavigation">
		 <input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
		 <input class="more-link" type="submit" name="tonext"
		   {% IF ORDER_STAGE_NUM=4%}
			 value="Внести контактные данные"
		  {% ELSEIF ORDER_STAGE_NUM=3%}
			 value="Выбор способа доставки"
			 {% ELSEIF ORDER_STAGE_NUM=2%}
						 value="Выбор способа оплаты" 
				   {% ELSE %}
						 value="Подтверждение заказа"
		   {% ENDIF %}
		 />
	   </div>
	 </form>
   </div>
</div>





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

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