Вывод последней записи из твиттера

Вывод последней записи из твиттера

Для примера мы сделаем отдельную страничку, на которой будем выводить заключительную запись из нашего твиттера.

Начнем с написания обычного html-кода:

Создаем заголовок (в нем пишем адрес нашего твиттера) и перечень с личным номером twitter_update_list (внутри данного перечня станет выводиться наше заключительнее известие), сначала заключив все в тег div с личным номером twitter.

После html-кода прибавляем javascript:

И изменяем 2 параметра: вместо womtec пишем свои данные в твиттере, а для переменной count вписываем число выводимых твиттов (у нас данное значение точно равно единице).

Теперь, чтобы страничка обрела наиболее подобающий вид, прибавляем css:

body { background: #474269 url(top.jpg) repeat-x; font-family: «Trebuchet MS», Arial, Helvetica, sans-serif; }

#twitter { width: 405px; margin: 100px auto; }

#twitter h1 a { display: block; margin: 0 0 15px 0; font-size: 90px; color:#fff; text-decoration: none; }

#twitter h1 a:hover { color:#7869D0; }

#twitter ul { list-style: none; padding: 0 0 0 100px; background: #474269 url(pic.png) 0 10% no-repeat; }

#twitter ul li { padding: 20px; margin-bottom: 10px; background:#fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }

#twitter ul li a { font: italic 14px/30px Georgia, Times, Serif; color: #7869D0; text-decoration: none; }

#twitter ul li a:hover { color: #7869D0; text-decoration: underline; }

#twitter ul li span { display:block; font: 22px/30px «Trebuchet MS», Arial, Sans-Serif; color: #000; }

#twitter ul li span a { font: 22px/30px «Trebuchet MS», Arial, Sans-Serif; }

Вот и все. Надеемся, что на данном несложном пример вы поняли как устроить вывод заключительней записи.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

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

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.74
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 052
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.73
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 149
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.19
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.68
  • 24.07.2011">Медицинские справки можно получать еще быстрее
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 030
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 053
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 114
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.140
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 018
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 125
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 061
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.67
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...