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


Поставить Счетчики На Сайт В Левую Колонку


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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 18 Март 2014 - 09:20

Здравствуйте, дорогие администраторы!

Помогите, пожалуйста, по аналогии со значками оплаты, сделать вот так:
Sleva - kak sdelat, sprava - kak sejchas.png

Если это на основе таблицы делается - сначала сделать 2 столбца и два ряда. И научите сразу как если что добавить еще ряд вниз, на будущее, т.к. потом буду добавлять еще. Чтобы начинка в ячейках стояла по центру по горизонтали и вертикали. И сделать внутренний отступ, который можно было бы подобрать потом вручную, подогнать чтобы все лучше смотрелось.

Буду счетчики устанавливать.. Вставлять код внутрь таблицы. Можно же так? Я раньше спрашивал, что собираюсь это делать, сказали, что вроде можно.

И чтобы расстояния были вот тут одинаковые:
Расстояния.png

#2 Alexey11

Alexey11

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

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

Отправлено 18 Март 2014 - 10:18

Просмотр сообщенияAndrew S. (18 Март 2014 - 09:20) писал:

Здравствуйте, дорогие администраторы!

Помогите, пожалуйста, по аналогии со значками оплаты, сделать вот так:
Прикрепленный файл Sleva - kak sdelat, sprava - kak sejchas.png

Если это на основе таблицы делается - сначала сделать 2 столбца и два ряда. И научите сразу как если что добавить еще ряд вниз, на будущее, т.к. потом буду добавлять еще. Чтобы начинка в ячейках стояла по центру по горизонтали и вертикали. И сделать внутренний отступ, который можно было бы подобрать потом вручную, подогнать чтобы все лучше смотрелось.

Буду счетчики устанавливать.. Вставлять код внутрь таблицы. Можно же так? Я раньше спрашивал, что собираюсь это делать, сказали, что вроде можно.

И чтобы расстояния были вот тут одинаковые:
Прикрепленный файл Расстояния.png

Здравствуйте, по поводу верстки таблиц всю ценную информацию вы можете найти на данном сайте

#3 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 19 Март 2014 - 02:12

Просмотр сообщенияAlexey11 (18 Март 2014 - 10:18) писал:

Здравствуйте, по поводу верстки таблиц всю ценную информацию вы можете найти на данном сайте
Это понятно, но вы можете вдуматься в суть вопроса? День прошел и вопрос с места не сдвинулся. Если я даже асом стану по верстке таблиц - куда мне все это вставлять? По какому принципу сделаны режимы оплаты? И другие вопросы не отвечены. Можно быть по-внимательнее, а не отвечать типа "сегодня +5 градусов тепла"?

#4 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 19 Март 2014 - 09:10

Есть тут ктО?

#5 Taisia

Taisia

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

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

Отправлено 19 Март 2014 - 11:04

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

прежде чем вносить какие либо изменения в код сделайте бэкап шаблона (сайт-редактор шаблонов)
далее там же найдите файл HTML

в коде файла найдите на строке 392
код

<div class="span44 payment-sistems hidden-phone">
			  <table width="228">
				<tr>
				  <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td>
				  <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" style="padding-bottom:5px;"/></a></td>
				  <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td>
				  <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td>
				  <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td>
				</tr>
				<tr>
				  <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" style="padding-top:3px;" /></a></td>
				  <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td>
				  <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td>
				  <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td>
				  <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td>
				</tr>
			  </table>
			</div>

этот код выводит иконки оплаты.

ниже этого кода вы можете осуществить вывод ваших счетчиков

вставьте такую таблицу

<div class="span44 ">
			  <table width="228">
				<tr>
					 <td>код счетчика для ячейки первой строки и первого столбца</td>
				  <td>код счетчика для ячейки первой строки и второго столбца</td>
	 
						  </tr>
				<tr>
			<td>код счетчика для ячейки второй строки и первого столбца</td>
				  <td>код счетчика для ячейки второй строки и второго столбца</td>
				</tr>
			  </table>
			</div>


#6 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 19 Март 2014 - 13:22

Просмотр сообщенияTaisia (19 Март 2014 - 11:04) писал:

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

прежде чем вносить какие либо изменения в код сделайте бэкап шаблона (сайт-редактор шаблонов)
далее там же найдите файл HTML

в коде файла найдите на строке 392
код

<div class="span44 payment-sistems hidden-phone">
			 <table width="228">
			 <tr>
				 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td>
				 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" style="padding-bottom:5px;"/></a></td>
				 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td>
				 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td>
				 <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td>
			 </tr>
			 <tr>
				 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" style="padding-top:3px;" /></a></td>
				 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td>
				 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td>
				 <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td>
				 <td class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td>
			 </tr>
			 </table>
		 </div>

этот код выводит иконки оплаты.

ниже этого кода вы можете осуществить вывод ваших счетчиков

вставьте такую таблицу

<div class="span44 ">
			 <table width="228">
			 <tr>
					 <td>код счетчика для ячейки первой строки и первого столбца</td>
				 <td>код счетчика для ячейки первой строки и второго столбца</td>
	
						 </tr>
			 <tr>
		 <td>код счетчика для ячейки второй строки и первого столбца</td>
				 <td>код счетчика для ячейки второй строки и второго столбца</td>
			 </tr>
			 </table>
		 </div>
Скоро начну пробовать.. Скажите, а зачем ссылки на эти картинки оплаты также присутствуют в файле bootstrap.css? Достаточно будет только в файле HTML сделать таблицу? Это как-то с мобильной версией связано или нет?

#7 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 20 Март 2014 - 09:07

Вставил первый счетчик в первую левую колонку.. И он не работает, хоть и таблица добавилась.. Liveinternet..

<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t13.3;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->

Во вторую колонку, правую верхнюю вставил счетчик мэйл.ру - он работает. Отдельно в основных настройках вставил код счетчика, а в таблицу вставил код логотипа.

Сообщение отредактировал Andrew S.: 20 Март 2014 - 09:27


#8 MikDark

MikDark

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

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

Отправлено 20 Март 2014 - 10:12

Просмотр сообщенияAndrew S. (20 Март 2014 - 09:07) писал:

Вставил первый счетчик в первую левую колонку.. И он не работает, хоть и таблица добавилась.. Liveinternet..

<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t13.3;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->

Во вторую колонку, правую верхнюю вставил счетчик мэйл.ру - он работает. Отдельно в основных настройках вставил код счетчика, а в таблицу вставил код логотипа.

Попробуйте вставить этот код:
<!--LiveInternet counter--><script type="text/javascript">
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t13.3;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
</script><!--/LiveInternet-->

или возьмите новый за liveinternet

#9 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 20 Март 2014 - 12:12

Просмотр сообщенияMikDark (20 Март 2014 - 10:12) писал:

Попробуйте вставить этот код:
<!--LiveInternet counter--><script type="text/javascript">
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t13.3;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
</script><!--/LiveInternet-->

или возьмите новый за liveinternet
Помогите теперь сделать так, чтобы три информера в левой колонке были прикреплены к правой части всех трех ячеек..... Не знаю какое там условие задать.. Попробовал и ничего не получается..
Вот так:
Информеры.png

Сообщение отредактировал Andrew S.: 20 Март 2014 - 12:16


#10 Castiel

Castiel

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

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

Отправлено 20 Март 2014 - 12:53

Просмотр сообщенияAndrew S. (20 Март 2014 - 12:12) писал:

Помогите теперь сделать так, чтобы три информера в левой колонке были прикреплены к правой части всех трех ячеек..... Не знаю какое там условие задать.. Попробовал и ничего не получается..
Вот так:
Прикрепленный файл Информеры.png

Здравствуйте, внесли необходимые изменения.

Был добавлен параметр выравнивания к правому краю для ячеек счетчиков
<td style="float:right;">

#11 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 20 Март 2014 - 13:20

Просмотр сообщенияCastiel (20 Март 2014 - 12:53) писал:

Здравствуйте, внесли необходимые изменения.

Был добавлен параметр выравнивания к правому краю для ячеек счетчиков
<td style="float:right;">
Спасибо!

#12 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 21 Март 2014 - 08:41

Тут оказалось, что один счетчик платный был.. Он был убран.. Помогите, пожалуйста, нижние ячейки объединить в одну и нижний счетчик поместить по центру ячейки.. У меня не получается..

#13 MikDark

MikDark

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

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

Отправлено 21 Март 2014 - 08:53

Просмотр сообщенияAndrew S. (21 Март 2014 - 08:41) писал:

Тут оказалось, что один счетчик платный был.. Он был убран.. Помогите, пожалуйста, нижние ячейки объединить в одну и нижний счетчик поместить по центру ячейки.. У меня не получается..

Вот этот код в шаблоне HTML
<td style="float:right;" colspan="2"><!-- Yandex.Metrika informer -->
<a href="https://metrika.yandex.ru/stat/?id=24359626&amp;from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/24359626/1_0_808080FF_808080FF_1_uniques"
style="width:80px; height:15px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:24359626,lang:'ru'});return false}catch(e){}"/></a>
<!-- /Yandex.Metrika informer --></td>

Замените на этот:
<td style="text-align:center;" colspan="2"><!-- Yandex.Metrika informer -->
<a href="https://metrika.yandex.ru/stat/?id=24359626&amp;from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/24359626/1_0_808080FF_808080FF_1_uniques"
style="width:80px; height:15px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:24359626,lang:'ru'});return false}catch(e){}"/></a>
<!-- /Yandex.Metrika informer --></td>





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

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