Записи с меткой css

Новичкам — разбираемся с шаблоном меню horizontal_multilevel

В статье разберем «по строкам» самый частоиспользуемый шаблон компонента bitrix:menu, который позволяет выводить меню произвольного уровня вложенности.

Метки: , ,

Категории: Bitrix, Css

CSS фичи FF и как с ними бороться

В среде верстальщиков принято ругать и обсуждать особенности работы продукта от компании Microsoft — Internet Explorer. Однако свои тараканы есть и у других браузеров:) Пробежимся по некоторым из них в Mozilla Firefox.

Метки: , ,

Категории: Css, html

Работа со стилями в битрикс

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

Метки: , ,

Категории: Bitrix

CSS оптимизатор с визуальным форматированием шаблона

Представляю Вашему вниманию сервис оптимизации и форматирования css кода. Основан он на сверхпопулярном парсере CSSTidy, но от доброй сотни аналогичных проектов мой отличается одной небольшой особенностью – можно визуально создать пользовательский шаблон оптимизации.

Метки:

Категории: Css

Верстка под битрикс и создание шаблона – особенности, проблемы, рекомендации

«Верстка для 1c-bitrix» — несколько преувеличенное высказывание, потому как любой html-макет можно адаптировать в шаблон для этой CMS. Но, не смотря на это, я попробую выделить несколько характерных особенностей, которые помогут при шаблонизации. А также будут рассмотрены некоторые типичные ошибки, приводящие к искажениям представления сайта в режимах «редактирование» и «разработка».

Метки: , ,

Категории: Bitrix

Методы замены текста на веб-страницах

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

Метки: ,

Категории: Css

CSS каскадирование, специфичность, наследование: что это и как правильно использовать?

Любой профессионал своего дела должен владеть терминологией. Если Вы занимаетесь версткой, можете ли без раздумий ответить на вопрос в заголовке статьи?

Возможно сейчас вы откроете для себя что-то новое. Давайте сделаем решительный шаг на пути к профессионализму:)

Метки: ,

Категории: Css

SEO верстка: первый шаг в продвижении блога

Оптимизация сайта всегда начинается с внутренней структуры. Сейчас мы займемся первым этапом этого процесса – созданием верстки, которая будет одинаково «приятна» и для пользователей, и для поисковых ботов.

Идея состоит в том, чтобы как можно выше в теле html-документа разместить контентную часть. В частности, до вывода шапки сайта. Читатели прежде всего приходят за информацией, но в большинстве случаев им приходится ждать загрузки тонны графических рюшечек в header`е перед тем как эту информацию они получат.

Метки: ,

Категории: Css