Мой Framework для начала верстки html-макетов

Категории:HTML-верстка, Мой опыт
Теги: , , , , , , ,

Сегодня я расскажу и покажу Вам, читатели, сборник файлов, с которых я начинаю верстку каждого html макета. У каждого верстальщика должен быть такой сборник, для того, чтобы ничего не забыть. В этом сборнике будут файлы главной страницы index.html, наполненная кодом, с которого я начинаю каждую верстку. Файлы javascript, css и папки по которым я их раскинул. Выходит очень приличная сборка. В сборку javascript файлов входят такие файлы как fixPNG – лучший на мой взгляд, файл скрипта Cufon, для использования любых шрифтов, файл enoughie6 – использую только, если заказчик не требует отображения в IE6 верстки или даже просит сам, чтобы его поставили (бывают и такие), конечно без файла jquery.min.js не обойтись, а так же файл ie-css3.htc, который помогает закруглить углы для любого объекта в любом браузере учитывая IE6. Итак поехали: Читать далее »

Нестандартное меню с помощью позиционирования фона ссылки

Категории:HTML-верстка, Для начинающих, Мой опыт
Теги: , ,

Всем доброго времени суток! Для меня это пол второго ночи…Решил что-то написать на своем блоге Вот решил описать один из методов верстки меню в css. Этот метод не является стандартным хотя и основывается на стандартных методах верстки меню с помощью списка. Здесь же немного интереснее чем просто отдельный фон для каждой ссылки. Сегодня мы с Вам сверстаем меню, которое также будет реагировать при наведении курсора, но при этом будем использовать всего одну картинку для всех ссылок, как и для статики, так и для события onmouseover.

Читать далее »

Добавляем стиль для select

Категории:HTML-верстка
Теги: , ,

Всем привет! Давно я не писал чего-то интересного по поводу верстки. Отсебячины. Все работал. Вчера верстал один заказ (с очень красивыми дизайном), и там надо было задать стиль для select елементов. Просто так это не сделаешь. Для этого надо знать одно, очень полезное свойство clip. О нем мы сегодня и поговрим.
Читать далее »

Делаем кроссбраузерное меню с закругленными углами при наведении без CSS3

Категории:HTML-верстка, Для начинающих
Теги: , , , ,

Всем приет. Последнее время не пишу ничего на блоге из-за постоянных неотложных дел. Хотелось бы больше времени уделять блогу. Вот решил написать статью про кроссбраузерное меню. Я буду использовать очень интересную технологию. Задача: сделать кроссбраузерное меню без использования  .png, что бы при наведении была подсветка в виде розовой картинки с закругленными углами. При всем этом для каждого пункта меню не должна использоваться отдельная картинка, а розовая подсветка должна тянуться не зависимо от ширины пункта меню. Вот это мы и будем реализовывать. Думаю Вам будет интересно. Поехали! Читать далее »

Ставим блок content выше к body, для SEO оптимизации

Категории:HTML-верстка, Для начинающих
Теги: , , ,

Всем привет! Что-то я давно ничего не писал. Вот утром пришла идея написать небольшой пост на тему как в html документе поднять блок с контентом ближе к body. Зачем это надо? Любой бот поисковой машины будет лучше индексировать страницу, если контент будет находится ближе к началу html документа. Это одна из основных состовляющих в SEO оптимизации страницы. Мы поговорим о некоторых очень важных моментах связаных с блоками и их поведением при различных правилах позиционирования элементов.

Читать далее »

Делаем раздвижное меню без JavaScript и JQuery

Категории:HTML-верстка, Для начинающих
Теги: , ,

Прогаливался сегодня утром по сети интернет и наткнулся на очень интересный пост, в котором вебмастер делал раздвижное меню с помощью JQuery. Мне оно понравилось и я начал думать, как сделать тоже самое, но без использования JQuery. Получилось немного грамостко, так как все дейсвия происходили в CSS файле. Итак, представляю Вам интересную реализацию раздвижного меню с помощью HTML и CSS2 Читать далее »

Страница 1 из 512345