Вертикальное выравнивание элементов средствами CSS

Здравствуйте! В прошлый раз мы рассмотрели выравнивание по горизонтали. Гораздо более интересным является выравнивание по вертикали, которое не было предусмотрено для блочных элементов в CSS 2.1 и требовало применения различных ухищрений. Если в старые времена для этой цели идеально подходили таблицы, то теперь, когда верстка таблицами стала порицаема, их с успехом заменили элементы с display:table-cell. Также распространена методика с позиционированием и широкое использование inline-block.

Категория : HTML и CSS
Автор : Nikel

Как выравнять по центру элемент на веб-странице?

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

Категория : HTML и CSS
Автор : Nikel
навигация

Как сделать резиновое меню? Способы создания горизонтальной навигации на сайте.

Перед многими вебмастерами и верстальщиками стоит проблема создания резинового меню, которое растягивается в зависимости от ширины окна браузера. Такое меню может состоять как из отдельных блоков, так и из строчных элементов (простейшая разновидность навигации), в зависимости от поставленной задачи. Навигация из блоков в свою очередь тоже может отличаться. Первый, более распространенный вариант, заключается в создании блоков одинаковой ширины, равномерно распределенных на всю доступную область пространства, предоставленную родительским элементом, либо окном браузера. Ширина пунктов меняется динамически. Второй вариант более сложен, можно даже сказать нетривиален. Он заключается в создании пунктов меню с шириной зависящей от содержимого, но динамически меняющимися отступами. Под отступами я здесь понимаю расстояние между текстом и границей блока слева или справа. Знаете, существует такой популярный рецепт CSS-меню, когда для каждого пункта меню не задается явная ширина, но зато указываются внутренние отступы (padding), одинаковые для всех пунктов. Так вот здесь задача сводится к созданию меню, которое выглядит подобным образом, но еще и обладает резиновостью за счет изменения отступов.

Категория : HTML и CSS
Автор : Nikel
star

Добавляем рейтинги статей с помощью плагина WordPress kk Star Ratings

Если у вас есть свой блог на Wordpress , то возможно вы задумывались об установке плагина , позволяющего добавлять рейтинги к записям. Рейтинги статей красивы и привлекают внимание посетителей, вносят элемент интерактивности, дают возможность выразить отношение аудитории к публикациям. В качестве такого расширения я предлагаю использовать плагин kkStarRating

Автор : Nikel
социальная сеть Гугл плюс

Социальная сеть Google+ — большой плюс для вебмастера?

Добрый день! Существует множество методов продвижения своего сайта, например, популярностью пользуется продвижение сайта в социальных сетях. Помимо всем известных лидеров Вконтакте и Facebook набирает популярность новая социальная сеть, созданная Гугл. Прошли те времена, когда это была соцсеть для избранных с регистрацией по приглашениям - теперь она достойный конкурент, постоянно совершенствующийся, и начинающий представлять для вебмастера особый интерес - возможность бесплатно прорекламировать свой сайт. В этой статье как раз будет рассмотрено управление аккаунтом Google+ и его настройка, поговорим также в целом о возможностях социальной сети, а также о том, как создать свою страницу и сообщество .

Категория : Все для вебмастера
Автор : Nikel
map

Как установить карту местности на сайт?

Здравствуйте, друзья! Сегодня я хочу познакомить вас с замечательным сервисом от Яндекса - Яндекс.Карты. Он представляет собой удобный инструмент, который может применять вебмастер для решения каких-то своих задач, например создавать схему проезда на сайте, либо реализовывать иную интерактивность для своих посетителей, требующую использования наглядных карт. Конечно, возможности сервиса на этом не ограничиваются, он обладает очень большим потенциалом. Заявлено, что на его базе реально создавать даже сложные геоинформационные сервисы. И все это абсолютно бесплатно!

Категория : Все для вебмастера
Автор : Nikel
шрифты

Как заменить логотип картинкой?

Приветствую, дорогие читатели! Всем известно, что зачастую дизайнеры, создавая макет для какого-нибудь сайта, не пренебрегают использованием различных нестандартных шрифтов. Это безусловно создает перед верстальщиком проблему: каким образом представить на web-странице нарисованный дизайнером шрифт? Естественно существует несколько путей решения данной проблемы, и в этой статье мы займемся их рассмотрением.

Категория : HTML и CSS
Автор : Nikel
feedcat.net

Неплохой сервис RSS: feedcat.net

Здравствуйте! Сегодня, мы снова поговорим о сервисах RSS, но на этот раз рассмотрим неплохую альтернативу Feedburner (о том, что это такое вы могли прочитать в моей предыдущей статье). Его бесплатный конкурент располагается по адресу feedcat.net и представляет собой замену если не идеальную, со своими огрехами, однако, достойную. Какие же у него возможности? Их описанию и посвящен этот обзор. Читайте далее!

Категория : Все для вебмастера
Автор : Nikel
feedburner

О сервисе Фидбернер и прогнозах его дальнейшей судьбы

Здравствуйте, друзья! Мой сегодняшний обзор продолжает тему начатую в статье Что такое RSS?  в которой рассмотривались стандартные способы вывода RSS-лент. Он посвящен, конечно же,  очень важному и необходимому онлайн-сервису под названием FeedBurner. Вы, возможно, уже слышали, что всеми любимый Feedburner, возможно доживает свои последние времена. Блогеры рассказывали множество историй о всевозможных его глюках и даже обнулениях счетчиков подписавшихся. Говорили и о том, что блог Фидбернера и аккаунт в Twitter перестали обновляться. Также с октября 2012 года был закрыт API сервиса.

Категория : Все для вебмастера
Автор : Nikel

Кросспостинг и добавление сайтов в соцзакладки — мои рассуждения на эту тему.

Я совсем новичок в SEO, поэтому стараюсь как-то восполнить пробел, изучая информацию на эту тему.

Кросспостинг

Читая многих известных  блогеров, заинтересовалась вопросами кросспостинга. Если кто не знает, кросспостинг это  размещение анонсов статей вашего сайта на других блоговых платформах. Так можно раскрутить ваш ресурс. Для автоматизации данного процесса можно использовать онлайн-сервис pistonposter. Вроде все понятно, но для чего кросспостинг нужен? В итоге, пришла к выводу, что тут может быть два варианта. Если ваш аккаунт раскручен, у вас есть друзья, то такая мера наверняка дает неплохой прирост трафика, формирует постоянную аудиторию сайта. Подозреваю, что это особенно актуально для социальных сетей, там ведь  создается официальная страничка или сообщество и нужно регулярно обновлять информацию.

Категория : Продвижение сайта
Автор : Nikel
1 2 3 4 5 6 7
Страница 4 из 7