Websovet - блочная верстка веб сайтов, HTML, CSS, jQuery и WordPress

12.04.2010 | Рубрики: Twitter | Комментарии (3)
Тэги: Twitter

Сегодня я решил попиарить немного свой новый проект — блог о Twitter Twifon.com.

Twitter — это уже не просто модная фишка в среде гиков и блоггеров, это явление, массовое и всеобъемлющее. И было бы глупо игнорировать данный факт. А так как сам я достаточно плотно пользуюсь этим сервисом микро-блогов, то у меня уже есть что сказать на данную тему.

Как всегла и в лучших традициях Вебсовета на блоге Twifon будет масса полезных материалов и советов о том как использовать Twitter, как разобраться в премудростях Twitter, какие есть сторонние сервисы и как ими пользоваться, а также свежие новости о Twitter-е из различных буржуйских источников.

Из последних новостей, например:

Грядет новый мега-дизайн Twitter
Twitter для iPhone
Официальное послание Twitter стронним разработчикам

Приглашаю вас на мой новый блог о Twitter и надесь, вы найдете там много полезного.

А здесь, на Вебсовете, в одном из ближайших постов расскажу, как можно прикрутить к шаблону Wordpress дополнительное поле в форме для комментариев для добавления ссылки на профиль комментатора в Twitter.

29.03.2010 | Рубрики: Верстка | 1 комментарий
Тэги: Верстка, иконки для файлов

Речь собственно идет о том, чтобы автоматом добавлять к ссылкам на различные типы файлов соответствующие им иконки. То есть, если ссылка на Word-файл с расширением .doc, то ему справа автоматически добавляется вот такая иконка , а если это какой-либо архивный файл, то к нему прилепится это

О способах добавления иконки на внешние ссылки я уже рассказывал. Принцип тут тот же. В файле CSS прописываются несколько дополнительных для ссылок. Но не просто так, а с добавлением парочки интересных операторов ^ и $. Первый означает “старт с”, то есть показывает, с какой пестни начинается пьянка. Например, такая запись:

a[href^="http://"

означает, что данный набор правил будет относиться ко всем ссылкам, начинающимся с префикса http. В указанной выше статье я когда-то об этом и рассказывал. Нам остается только задать нужную иконку в качестве бэкграунда (фона) для таких ссылок. Вот полный код этого набора правил:

a[href^="http://"] {
background: url(link.png) no-repeat 100%;
padding: 0 20px 0 0;
}

Сей код означает, что для всех внешних ссылок, начинающихся с префикса http, будет добавлена в качестве фона иконка external.png

Другой оператор — $ означает “закончить с”. Следующая запись:

a[href$='.zip']

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

Вывод очевиден: можно добавить нужную иконку практически к любому типу файлов. Вот небольшой пример, иллюстрирующий работу этих преполезнейших операторов.