Плагин WP-PageNavi для Wordpress

24.06.2010

Плагин PageNavi

Сегодня речь пойдет о плагине WP-PageNavi для Wordpress. Этот плагин позволяет встроить в Wordpress-блог симпатичный блок постраничной навигации.

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

По умолчанию плагин идёт с собственным файлом стилей pagenavi-css.css, который определяет вот такой внешний вид панели:

Плагин навигации PageNavi

В дальнейшем файл стилей можно будет корректировать.

Читать полностью...

Рубрика: Wordpress, Плагины | Комментарии (9) | Просмотров: 3,728

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

15.03.2010

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

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

Читать полностью...

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

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

12.03.2010

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

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

 

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

Читать полностью...

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

Центрирование страницы в 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,577