Делаем собственный дизайн под Twitter

15.03.2010

Дизайн под Twitter Изо дня в день Twitter становится всё более популярным. Многие пользователи  уникализировали свои микроблоги, установив в качестве оформления собственный дизайн.

С точки зрения маркетинга это возможность поместить информацию о своих услугах и контактные данные на видном месте. Аудитория твиттера с каждым днём увеличивается,  поэтому дополнительная реклама в этом сервисе лишней не будет. В этой статье я расскажу, как создать свой собственный дизайн под Twitter.

Рубрика: Дизайн | Комментарии (2) | Просмотров: 2,674

Кроссбраузерное меню для сайта

12.03.2010

Кроссбраузерное меню Наиболее популярным вариантом создания кроссбраузерного выпадающего меню для сайта можно назвать способ Патрика Гриффитса. Это минимальная HTML-разметка в виде маркированного списка, несколько строк JavaScript`а для совместимости с IE, и красиво оформленный CSS.

Прежде, чем мы начнём рассмотрение этого способа, посмотрите на окончательный вариант выпадающего меню.

 

Теперь посмотрим на разметку HTML-кода. Она достаточно удобная и очень проста:

Рубрика: Верстка | Комментарии (2) | Просмотров: 3,033

Граватар – картинка, которая всегда с тобой

19.12.2009

Gravatar Граватар – сокращённое название от “Глобально распознаваемый аватар”. Это персональная картинка, круглосуточно доступная с сайта gravatar.com, сопровождающая все ваши комментарии в блогосфере и на форумах. В последнее время технология граватаров стала очень популярной.

Как это работает?

Пользователи оставляют на форумах и блогах комментарии, указывая при этом свою электронную почту. Перед выводом комментариев, скрипт формы проверяет, нет ли на сайте gravatar.com картинки, соответствующей указанному адресу электронной почты. В случае её обнаружения, она выводится рядом с комментарием.

Рубрика: Wordpress, Другое | Комментарии (10) | Просмотров: 3,662

Центрирование страницы в CSS (не обижая IE6)

17.12.2009

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

Способы будем рассматривать на следующем примере HTML-разметки:

<html>
<body>
   <div id=”container”>
   </div>
</body>
</html>

Основной способ центрирования выглядит следующим образом:

<style>
   #container { margin: 0 20%;}
</style>

Свойство margin устанавливает боковые отступы размером в 20% от ширины окна браузера. В результате мы получаем блок container, шириной в 60% от ширины окна браузера, центрированный посередине.

Рубрика: Верстка | Комментарии (5) | Просмотров: 5,198

Плагин SeoQuake для Mozilla Firefox

14.12.2009

lisa Представляю вашему вниманию очень полезный плагин для браузера Mozilla Firefox – SeoQuake, от разработчиков SEOQuake Team. На сегодняшний день плагин SeoQuake является наиболее функциональным продуктом по определению основных показателей интернет-ресурса. Я недавно опубликовал небольшую заметку относительно плагина Page Promoter Bar, и в этом обзоре хочу указать на основные недостатки этот плагина по сравнению с SeoQuake.

Плагин SeoQuake по своей структуре сам состоит из плагинов, поэтому основную функциональность плагина можно выбирать исходя из собственных предпочтений. SeoQuake имеет три варианта вывода результатов анализа: SeoToolbar (результаты воводятся на отдельный тулбар браузера), SeoBar (результаты воводятся на специально сформированный HTML-блок, внешний вид которого настраивается посредством CSS-таблиц) и вывод результатов анализа непосредственно на страницах поисковых систем.

Что умеет плагин SeoQuake?

    Поисковая система Google:
  • Определять значение PageRank Google.
  • Определять количество проиндексированных страниц в Google.
  • Определять количество ссылок на текущую страницу по версии Google.
  • Определять последнюю дату кэширования страницы в Google.
Рубрика: SEO | Комментарии (9) | Просмотров: 5,984