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


Оформление.


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

#1 Dr.Nemo

Dr.Nemo

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

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

Отправлено 03 Апрель 2013 - 14:54

Есть три вопроса.

1) Это вместо того , что сейчас  содержится на сайте  вместо блоков/кнопок изменить на слова с подчеркиванием (см. картинку).

2) вопрос по контактам, необходимо прописать их как изображено на картинке.

3) видоизменить картинку самой корзины и вместо слов Товаров на: изменить на Ваша корзина пуста (см. картинку).


Заранее спасибо за скорые ответы

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

  • вопрос 2.jpg


#2 Stasya

Stasya

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

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

Отправлено 03 Апрель 2013 - 16:56

1.Для данного преобразования верхнего меню Вам необходимо в файле main.css найти блок
.menuheader ul li a {
font: normal 12px Verdana, Geneva, sans-serif;
color: -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 6px;
background: #00BFFF;
color: #FFF;
text-decoration: underline;
padding: 5px 32px;
display: block;
}
и заменить его на
.menuheader ul li a {
font: normal 12px Verdana, Geneva, sans-serif;
color: #00BFFF;
text-decoration: underline;
padding: 5px 32px;
display: block;
}
Затем найти блок
.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: #00BFFF;
color: rgb(22, 46, 219);
}
и заменить его на
.menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current {
color: rgb(22, 46, 219);
}
2. Для того чтобы так расположить контакты Вам необходимо найти в шаблоне html блок
<div class="my4">
											 <ul style="height:60px;">
												 <li class="title">Контакты для связи:</li>
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd t1">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
												 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="telephone padd t2">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
												 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
												 {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
												 </ul>
										 </div>
и замените его на
<div class="my4">
											 <table style="height:60px;"><tr>
												 <td class="title">Контакты для связи:</td></tr><tr>
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<td class="telephone padd t1">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</td>{% ENDIF %}
												 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<td class="telephone padd t2">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</td>{% ENDIF %}
												 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<td>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</td>{% ENDIF %}
												 {% IF SETTINGS_STORE_ICQ %}<td><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</td>{% ENDIF %}
												 </tr>
												 </table>
										 </div>

3. Для замены картинки корзины Вам просто нужно загрузить к себе в бек-офис( в файлы) свою картинку с именем cart.jpg и удалить предыдущую. Для изменения надписи, в шаблоне html найдите строку
<li class="default">Товаров на:</li>
и измените " Товаров на" на то, что Вы хотите.

#3 Dr.Nemo

Dr.Nemo

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

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

Отправлено 16 Апрель 2013 - 09:59

Добрый день!

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




Спасибо заранее за ответ


С уважением

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

  • вопрос.jpg


#4 Stasya

Stasya

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

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

Отправлено 16 Апрель 2013 - 10:14

В шаблоне HTML найдите блок
<!-- Корзина -->
	<div class="block">
	  <div class="blocktitle bluelarge">
		<a href="{CART_URL}" title="Корзина">Корзина</a>
	  </div>
	  <div class="blockmain cart padd cartInfo">
		<ul>
		  <li class="img"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a></li>
		  <li class="button">
		  <p class="fnt11b txtalgnlft cartSum">
			{% IF cart_count_empty %}Итого: 0 {CURRENCY_NAME} {% ELSE %}{% FOR cart_sum %}Итого: {cart_sum.NOW | money_format}{% ENDFOR %}{% ENDIF %}
		  </p>
		  <a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue">Оформить заказ</a></li>
		</ul>
	  </div>
	  <div class="blockbottom">
	  </div>
	</div>
	<!-- END Корзина -->
и удалите. И на его место вставьте код таблицы Facebook.

#5 Dr.Nemo

Dr.Nemo

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

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

Отправлено 16 Апрель 2013 - 10:55

А можно узнать откуда взять код facebooka?

#6 miyako

miyako

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

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

Отправлено 16 Апрель 2013 - 11:00

Просмотр сообщенияDr.Nemo (16 Апрель 2013 - 10:55) писал:

А можно узнать откуда взять код facebooka?
С официального сайта
http://developers.fa...m/docs/plugins/

#7 Dr.Nemo

Dr.Nemo

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

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

Отправлено 16 Апрель 2013 - 12:17

Спасибо за ссылку.


Но проблема остается (см. картинки)

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

  • 1.jpg
  • 2.jpg
  • 3.jpg


#8 miyako

miyako

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

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

Отправлено 16 Апрель 2013 - 12:42

Просмотр сообщенияDr.Nemo (16 Апрель 2013 - 12:17) писал:

Спасибо за ссылку.


Но проблема остается (см. картинки)

Код для вашего сайта:
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
и
<div class="fb-like" data-href="https://malyshland.storeland.ru" data-send="true" data-width="450" data-show-faces="true"></div>


#9 Dr.Nemo

Dr.Nemo

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

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

Отправлено 16 Апрель 2013 - 15:18

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

То есть эти два кода написать друг за другом через один пробел!?

#10 Dr.Nemo

Dr.Nemo

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

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

Отправлено 16 Апрель 2013 - 15:27

Вот что получилось - http://malyshland.ru/


а хотеосб бы чтобы была табличка (см. вложение)

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

  • 7777.jpg


#11 Сake

Сake

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

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

Отправлено 17 Апрель 2013 - 00:43

Просмотр сообщенияDr.Nemo (16 Апрель 2013 - 12:17) писал:

Спасибо за ссылку.


Но проблема остается (см. картинки)

Вероятно вы не корректно задали ссылку на ваш сайт, попробуйте, сгенерировать виджет еще раз.

Просмотр сообщенияDr.Nemo (16 Апрель 2013 - 15:18) писал:

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

То есть эти два кода написать друг за другом через один пробел!?

Да, данный код вы должны вставить вместо удаленного кода корзины.

Просмотр сообщенияDr.Nemo (16 Апрель 2013 - 15:27) писал:

Вот что получилось - http://malyshland.ru/


а хотеосб бы чтобы была табличка (см. вложение)

Попробуйте сгенерировать виджет с необходимыми стилями, задайте корректный url вашего сайта. Если указать в качестве адреса http://malyshland.ru/ то виджет корректно генерируется. Вам необходимо создавать виджет http://developers.fa...ugins/facepile/

#12 Dr.Nemo

Dr.Nemo

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

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

Отправлено 17 Апрель 2013 - 07:46

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

Всё сделал как вы и просили, но ничего не получается!

Код вствил, за ним второй.....и пусто)

#13 miyako

miyako

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

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

Отправлено 17 Апрель 2013 - 07:52

Просмотр сообщенияDr.Nemo (17 Апрель 2013 - 07:46) писал:

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

Всё сделал как вы и просили, но ничего не получается!

Код вствил, за ним второй.....и пусто)
проверяла через тестовый сайт работоспособность скрипта - http://forum.storela...ние/#entry60447
Корректно отображается. Вы пробовали чистить кэш?

#14 Dr.Nemo

Dr.Nemo

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

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

Отправлено 17 Апрель 2013 - 09:07

Проблема остается!

И второе при работе с файлом HTML строчки автоматически бегут вниз !

Систему перезапускал несколько раз!

#15 miyako

miyako

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

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

Отправлено 17 Апрель 2013 - 09:33

Просмотр сообщенияDr.Nemo (17 Апрель 2013 - 09:07) писал:

Проблема остается!

И второе при работе с файлом HTML строчки автоматически бегут вниз !

Систему перезапускал несколько раз!

Какой вы код вставляете и куда? На какой странице вам нужен этот виджет?

#16 Dr.Nemo

Dr.Nemo

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

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

Отправлено 17 Апрель 2013 - 12:48

В приложение изображение.

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

  • 6.jpg


#17 miyako

miyako

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

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

Отправлено 17 Апрель 2013 - 13:53

Просмотр сообщенияDr.Nemo (17 Апрель 2013 - 12:48) писал:

В приложение изображение.

Найдите код в шаблоне HTML:
<div class="mybaner4">
   
   
	  </div>
и после него вставьте следующий:
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://malyshland.storeland.ru" data-send="true" data-width="450" data-show-faces="true"></div>

Если вам нужен другой виджет, то вы его сможете сформировать на сайте facebook. http://developers.fa...ugins/facepile/

#18 Stasya

Stasya

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

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

Отправлено 17 Апрель 2013 - 16:58

Попробуйте данный лайк-бокс
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
и
<div class="fb-like-box" data-href="http://www.malyshland.ru" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>


#19 Dr.Nemo

Dr.Nemo

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

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

Отправлено 17 Апрель 2013 - 21:55

как бы ничего не изменилось!!)

#20 Сake

Сake

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

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

Отправлено 18 Апрель 2013 - 01:44

Виджет не отображается по причине ошибки "SECURITY WARNING: Please treat the URL above as you would your password and do not share it with anyone."

Обратитесь в службу поддержки facebook.




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

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