Архив за ‘html’ Рубрик

Динамическое вертикальное меню

Суббота, Май 9, 2009 9:53 6 комментариев

Это простой урок, расскажет Вам, как с помощью минимальных знаний в области CSS и HTML а так же JavaScript, можно создать вертикальное меню, с вложенными разделами.

Рубрики: CSS, Java, html, Оформление

Масштабируемая картинка на фоне сайта или резиновый фон

Воскресенье, Март 22, 2009 16:00 27 комментариев

Озадачился вопросом, как сделать резиновый фон. Дизайнеры, они ведь не всегда знают основных правил верстки, им лишь бы сделать. Сколько макетов теряется при этом... Эх.
Картинка на фоне должна сужаться и растягиваться по мере изменения окна браузера. Каркас из двух колонок. Минимальная ширина 1000px. Это все мы рассмотрим сегодня.

Рубрики: CSS, Web-developer, html Tags: , , , , , ,

Как прижать подвал(футер) к низу?

Воскресенье, Февраль 15, 2009 11:42 18 комментариев

Прижать подвал(футер) к низу экрана в IE? Хоть убейте, ну не знал я как прижать к низу. Ах да, забыл, речь идет о блочной верстке. Я пользовался таблицами, но тогда верстка теряет чистоту. Поэтому этот вариант меня не устраивал. Поиски в google ничего не принесли, только лишь не кроссбраузерные варианты.
Но нашелся человек, который [...]

Рубрики: CSS, Web-developer, html Tags: , , , , , , ,

Плавное изменение высоты у объекта

Вторник, Январь 27, 2009 21:19 28 комментариев

Речь пойдет о том, как сделать плавное видвижение объекта по средствам изменения высоты.
Посмотреть пример: size-chooser.html.
Посмотреть пример с картинкой: size-img.html.
Делается это посредством jQuery и пару строк JavaScript'a.

Рубрики: CSS, Web-developer, html, jQuery, web-design Tags: , , , , , ,

Title ссылки вместе с курсором или скрипт tooltip

Понедельник, Декабрь 29, 2008 15:14 Комментариев нет

Может из темы не понятно о чем речь (я долго думал как назвать пост), то я сразу приведу пример: tooltip.html
Все делается просто. Предварительно, чтобы разобраться, создадим изображение:

Рубрики: Web-developer, html, web-design Tags: , , , , ,

Плавное появление и исчезание объекта на JavaScript

Среда, Декабрь 24, 2008 13:35 10 комментариев

Делая проект заказчику, я наткнулся на одну проблему. Нужно было преобразовать блоки и ссылки. Наводя курсор на объект, тот должен был плавно менять opacity до 1. Убирая курсор с блока, тот должен был вернуть начальный уровень прозрачности.
Конечно, все это было реализовано, но при помощи JavaScript. И получилось довольно приятно, и я решил показать Вам, [...]

Рубрики: Web-developer, html, Программирование Tags: , , , , ,

Предпросмотр комментариев с помощью jQuery

Четверг, Декабрь 18, 2008 20:40 4 комментария

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

Рубрики: Web-developer, html, jQuery, web-design Tags: , , , , ,

Оформляем блоки в 3 колонки

Вторник, Декабрь 9, 2008 21:33 6 комментариев

Рассказываю сразу, о чем пойдет речь. Нам нужно сделать красиво оформленные блоки в 3 колонки.
Расскажу об оформлении. Оформление будет состоять из заголовка со своим фоном и разделенной с текстом полосой. Текст будет содержать отступы от обводки...

Рубрики: CSS, html Tags: , , , ,

Красивый градиент для текста с помощью css

Вторник, Декабрь 2, 2008 20:25 2 комментария

Наверняка выпользовались обычным текстом и одним полупрозрачным изображением-градиента в формате PNG. Не спорю, можно сделать так и из одной картинки. Однако я хочу предложить пример создания, который не предпологает никаких картинок.

Рубрики: CSS, html, Оформление Tags: , ,

Как сделать min-height в IE?

Суббота, Ноябрь 29, 2008 15:48 4 комментария

Такие трюки css как min-height очень нужны. Совсем недавно, верстая сайт, я обнаружил такую проблему. Всеми любимы ишак никак не хотел видеть мой параметр минимальный высоты. Он просто напросто его игнорировал...

Рубрики: CSS, html Tags: , ,