Создание информера "Курс валют"

17 мая 2010 г.

Недавно для одного проекта понадобилось вставить информер курса валют, но вставлять информер который напичкан ссылками создателя инфомеров мне не хотелось, но что же делать, ведь открытых источников, которые предлагали бы информеры со свободным стилем я так и не нашел. Зато я нашел сайт, который предлагал вставить информер в качестве html + js скрипт. Немного поковыряв его я смог настроить убрать все лишнее и в конечном итоге получилось следующее:

Курс валют:
Чешская валюта: //-//
Английская валюта: //-//
Доллар: //-//
Евро: //-//

Попробую дать рекомендацию как вставить такой информер к себе на сайт.

1. Заходим на сайт http://time-clock.biz/ru/rate_start формируем информер до тех пор пока вам не будет предложено скопировать HTML код информера, затем копируем предлагаемый код. В моем случае это было:

  1.  <style>
  2.  .small_1274111644 {
  3.   FONT-SIZE:9px; FONT-FAMILY: arial
  4.  }
  5.  .norm_1274111644{
  6.   FONT-SIZE:10px; FONT-FAMILY: arial
  7.  }
  8.  .txt_1274111644{
  9.   FONT-SIZE:11px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold
  10.  }</style>
  11.  <table border='0' cellspacing='0' cellpadding='3' style='border-color: #000000; border-width: 1; border-style: solid;BACKGROUND-COLOR: #FFFFFF;color:#000000;'>
  12.  
  13.  <tr bgcolor='#3399FF' align='center'>
  14.  
  15.  <td colspan='3'>
  16.   <a href='http://time-clock.biz/ru/' style='text-decoration:none;font-size:9px;color:#FFFFFF' id='interchange_link_1274111644'>Курс Валют Информер</a>
  17.   </td>
  18.   </tr>
  19.  
  20.  <tr align='center'>
  21.  
  22.  <td valign='top' colspan='2' align='left'>
  23.   <span class='small_1274111644'>Российский рубль</span>
  24.   </td>
  25.   <td><a href='http://time-clock.biz/ru'><img src='http://time-clock.biz/img/RUB.gif' width='20' height='14' border='0' alt='Курс Российского Рубля Информер' style='cursor:none;'></a><tr align='center' title='ЕВРО'><td><img src='http://time-clock.biz/img/EUR.gif' width='20' height='14' border='0' alt='ЕВРО'></td><td class='norm_1274111644'>(EUR)</td><td class='txt_1274111644'><b id='insert_rate_EUR_1274111644'>//-//</b></td></tr><tr align='center' title='Доллар США'><td><img src='http://time-clock.biz/img/USD.gif' width='20' height='14' border='0' alt='Доллар США'></td><td class='norm_1274111644'>(USD)</td><td class='txt_1274111644'><b id='insert_rate_USD_1274111644'>//-//</b></td></tr><tr align='center' title='Чешская крона'><td><img src='http://time-clock.biz/img/CZK.gif' width='20' height='14' border='0' alt='Чешская крона'></td><td class='norm_1274111644'>(CZK)</td><td class='txt_1274111644'><b id='insert_rate_CZK_1274111644'>//-//</b></td></tr><tr align='center' title='Фунт стерлингов'><td><img src='http://time-clock.biz/img/GBP.gif' width='20' height='14' border='0' alt='Фунт стерлингов'></td><td class='norm_1274111644'>(GBP)</td><td class='txt_1274111644'><b id='insert_rate_GBP_1274111644'>//-//</b></td></tr></td>
  26.   </tr>
  27.  
  28.  <tr align='center'>
  29.  
  30.  <td colspan='3'>
  31.   <span id='rate_echo_kurs_insert_html_1274111644'></span>
  32.   <script language='JavaScript' src='http://fast.time-clock.biz/script.php?go=get_informer&id=92591'></script>
  33.   </td>
  34.   </tr></table>

Код безумно сумашедший.. с кривой таблицей, но все же у меня он отображался вполне нормально.

2. Убираем все лишнее или оставляем только нужное.

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

Обязательно должна остаться строчка:

  1.  <tr bgcolor='#3399FF' align='center'>
  2.  
  3.  <td colspan='3'>
  4.   <a href='http://time-clock.biz/ru/' style='text-decoration:none;font-size:9px;color:#FFFFFF' id='interchange_link_1274111644'>Курс Валют Информер</a>
  5.   </td>
  6.   </tr>

В ней проверяется наличие ссылки на создателя, т.е должна присутствовать ссылка http://time-clock.biz/ru/

Так же должны присутствовать строчки всех четырех предлагаемых валют:

  1.  <b id='insert_rate_EUR_1274111644'>//-//</b>
  2.  <b id='insert_rate_USD_1274111644'>//-//</b>
  3.  <b id='insert_rate_CZK_1274111644'>//-//</b>
  4.  <b id='insert_rate_GBP_1274111644'>//-//</b>

Ну и конечно же должна присутствовать часть которая вызывает js скрипт:

  1.  <tr align='center'>
  2.  
  3.  <td colspan='3'>
  4.   <span id='rate_echo_kurs_insert_html_1274111644'></span>
  5.   <script language='JavaScript' src='http://fast.time-clock.biz/script.php?go=get_informer&id=92591'></script>
  6.   </td>
  7.   </tr>

Ну а чтобы скрыть не нужное я в теги ненужного вставил следующее свойство стиля:

  1.  style='display:none;'

В конечном итоге у меня получился вот такой код:

  1.  <h2>Курс валют:</h2>
  2.  <table width="100px;">
  3.  
  4.  <tr style='display:none;'>
  5.  
  6.  <td colspan='2'>
  7.   <a href='http://time-clock.biz/ru/' style='text-decoration:none;font-size:9px;color:#FFFFFF' id='interchange_link_1274111644'></a>
  8.   </td>
  9.   </tr>
  10.   <tr style='display:none;'><td class='txt_1274111644'>Чешская валюта: </td><td><b id='insert_rate_CZK_1274111644'>//-//</b></td></tr>
  11.   <tr style='display:none;'><td class='txt_1274111644'>Английская валюта: </td><td><b id='insert_rate_GBP_1274111644'>//-//</b></td></tr>
  12.   </tr>
  13.   <tr><td class='txt_1274111644'>Доллар: </td><td><b id='insert_rate_USD_1274111644'>//-//</b></td></tr>
  14.   <tr><td class='txt_1274111644'>Евро: </td><td><b id='insert_rate_EUR_1274111644'>//-//</b></td></tr>
  15.  
  16.  <tr>
  17.  
  18.  <td colspan='2'>
  19.   <span id='rate_echo_kurs_insert_html_1274111644'></span>
  20.   <script language='JavaScript' src='http://fast.time-clock.biz/script.php?go=get_informer&id=92591'></script>
  21.   </td>
  22.   </tr></table>

Ну вот вроде бы и все. Пользуйтесь на здоровье.

З.Ы. Приношу свои извинения создателям данного информера и сайту http://time-clock.biz

Рубрика: Создание сайтов -> Это интересно -> Программирование -> Верстка (html +css)
Метки: | |
Просмотров: 148 |
Подписаться на комментарии по RSS

Интересные записи в этой теме:

Оставьте комментарий!

Не регистрировать/аноним

Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.

Если вы уже зарегистрированы как комментатор или хотите зарегистрироваться, укажите пароль и свой действующий email.
(При регистрации на указанный адрес придет письмо с кодом активации и ссылкой на ваш персональный аккаунт, где вы сможете изменить свои данные, включая адрес сайта, ник, описание, контакты и т.д.)


(обязательно)