1. Очень простой способ выводить (подменять) заголовки картинками:
h1 { display:block; width:100px; height:0; padding:30px 0 0 0; background-image:url('heading.gif'); overflow:hidden; } 2. Удобный в использовании "reset"
во многих случая оказывается весьма кстати:
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6, pre,form,p,blockquote,fieldset,input,hr { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,pre,code,address, caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; } ul,ol {list-style:none;} fieldset,img,hr {border:none;} caption,th {text-align:left;} table {border-collapse:collapse; border-spacing:0;} td {vertical-align:top;} 3. Хаки для IE:
.class { width:200px; /* All browsers */ *width:250px; /* IE */ _width:300px; /* IE6 */ .width:200px; /* IE7 */ } Но если есть возможность, лучше использовать подключение отдельных CSS-файлов для IE:
4. CSS только для Opera:
@media all and (min-width: 0px){ .classname {} } 5. CSS только для Safari
html:lang(en)>body .classname { color: #333333; } 6. CSS только для Google Chrome
body:nth-of-type(1) p{ color: #333333; } Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для blogger.com
Сегодня мы будем решать интересную и модную задачку, а именно — вытаскивать последние сообщения из твиттера к себе на страничку. В реализации нам поможет jQuery, плагин jquery.tweet.js () и CSS. Никакого PHP и прочих серверных заморочек, мы же настоящие сварщики… веб-разработчики. Сразу предупреждаю — сей плагин был мною безжалостно искромсан и несколько обрезан в функциональности ( некоторые функции показались излишними и я, как человек, инфицированный жаждой минимализма, без тени сомнения их ликвидировала). Но взамен плагин приобрел руссификацию и прибавку к скорости работы. Так то :). К слову, теперь он называется jQuery SimpleTweet Plugin и имеет вресию 1.0. ) Итак, окинем пристрастным взглядом вышеупомянутый плагин. Что же он умеет? А умеет он предостаточно, даже с учетом моих вмешательств:
- Помимо обычного вывода из заданного твиттера, плагин умеет осуществлять поиск по твитт-ленте и выводить результаты в виде записей
- Выводит дату записи в виде осмысленной фразы (например, «2 минуты назад»)
- Может показывать аватарку владельца аккаунта, из которого выводим твитты
- С радостью извлечет сообщения из нескольких твиттер-аккаунтов одновременно и объединит их в одну ленту
- Автоматически проставляет ссылку с @[кто-то-там] на twitter-страницу пользователя
- Делает все ссылки в сообщениях кликабельными
- Превращает #hashtags, в ссылку на страницу twitter-поиска по вашим тэгам
- Конвертирует вот это: <3 в более приятный глазу ¦
- Предоставляет внятную HTML-разметку, настроить внешний вид выводимых сообщений не предоставляет никаких сложностей
- Совместим с большинством версий jQuery: 1.2.6, 1.3.x, 1.4
Теперь посмотрим, как пользоваться всем этим добром.
- Как обычно, подключаем jQuery
- Подключаем плагин
- Стили CSS:
- Размещаем в произвольном месте нашей страницы контейнер, куда будут загружены твитты:
- Настраиваем плагин:
$(document).ready(function(){ $(".twitter").simpletweet({ username: "zaisl", count: 5, loading_text: "Загрузка..." }); }); Вообще, плагин может принимать следующие параметры:
| Параметр | Описание | Тип | По-умолчанию |
| username | Имя Твиттер-аккаунта. Если требуется вывести записи из нескольких аккаунтов, передаваемый параметр должен быть массивом: ["username1","username2","etc"] | string | username: ["zaisl"] |
| avatar_size | Высота и ширина аватара (48px max) | integer | avatar_size: null |
| count | Количество выводимых твиттов | integer | count: 3 |
| intro_text | Текст, который может выводиться перед твиттами | string | intro_text: null |
| outro_text | Текст, который может выводиться после твиттов | string | outro_text: nul |
| join_text | Текст, который может выводиться между датой и твиттом | string | join_text: null |
| loading_text | Текст, который отображается во время загрузки твиттов | string | loading_text: null |
| query | Поисковый запрос | string | query: null |
Вот и вся наука. Пользуйтесь с удовольствием. Демо: посмотреть Плагин: скачать
Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для blogger.com
1. Очень простой способ выводить (подменять) заголовки картинками: h1 { display:block; width:100px; height:0; padding:30px 0 0 0; background-image:url('heading
Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru
Сегодня мы будем решать интересную и модную задачку, а именно – вытаскивать последние сообщения из твиттера к себе на страничку
Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru
Как известно, с помощью CSS3 (http://www.css3.info/preview/) можно творить всякие интересные и красивые штуки
Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru
Натолкнулась на очень приятный во всех отношения Twitter клиент – Mixero (http://www
Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru
Сообщения
