Posts Tagged ‘стили’

WPF: Создание контролов, стили которых зависят от системной темы

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , , ,

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

Windows DVD Maker

Суббота, Май 5th, 2012 Нет комментариев

Under : , , , ,

В последних версиях Windows Vista  включена новая функция – Windows DVD Maker. Однако многие не смогли ее протестировать из-за аппаратных, а так же программных проблем – в частности отсутствие соответствующего кодека в самой ОС. Эрик Гуннерсон, работник компании, решил рассказать о грядущей функции.

После выбора информации, которую необходимо записать на DVD, откроется окно. Оно будет напоминать это:
(далее…)

Документация по стандартам для IE7 и IE8

Среда, Май 2nd, 2012 Нет комментариев

Under : , , , ,

В течение прошлого месяца в качестве дани нашим обязательства по обеспечению интероперабельности мы опубликовывали информацию об отличиях реализаций некоторых стандартов в Internet Explorer 7 и Internet Explorer  8 от утвержденных. Сегодня мы публикуем другой комплект документов, который включает информацию о том, как в IE расширены эти стандарты:

  • MS-CSS21E: расширения Internet Explorer к каскадным таблицам стилей (CSS) Level 2 и спецификации DOM Level 2
  • MS-DOM2CE: расширения Internet Explorer к спецификациям объектной модели документов (DOM) Level 2 Core
  • MS-DOM2CEX: расширения Microsoft XML к спецификациям объектной модели документов (DOM) Level 2 Core
  • MS-ES3: документ поддержки Internet Explorer спецификации стандартов языка ECMA-262 ECMAScript
  • MS-ES3EX: расширения Microsoft Jscript к спецификации языка ECMAScript (третья редакция) (далее…)

Добавление CSS

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , , ,

Таблицы стилей могут быть добавлены на страницу тремя разными способами, которые различаются по своим возможностям.
Таблицы связанных стилей (linked style sheet)

Самый мощный и удобный способ определения стилей и правил для сайта. Стили хранятся в отдельном файле, который может быть использован для любых веб-страниц. Для подключения таблицы связанных стилей используется тег LINK в заголовке страницы. Пример 1. Подключение таблицы связанных стилей (далее…)

Добавление CSS

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , , ,

Таблицы стилей могут быть добавлены на страницу тремя разными способами, которые различаются по своим возможностям.
Таблицы связанных стилей (linked style sheet)

Самый мощный и удобный способ определения стилей и правил для сайта. Стили хранятся в отдельном файле, который может быть использован для любых веб-страниц. Для подключения таблицы связанных стилей используется тег LINK в заголовке страницы. Пример 1. Подключение таблицы связанных стилей
<html> (далее…)

Хороший стиль программирования

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , ,

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

Почему же PHP так популярен и каким образом столько человек разом обучилось PHP? Дело в том, что большинство PHP-программистов не изучало язык с нуля, а изучало его либо уже зная С/С++, либо Perl. Perl является C-подобным языком программирования (как и PHP), а является предшественником PHP, можно сказать что PHP это Web-ориентированный Perl. Поскольку, PHP просто логически следует из Perl и широкое распространение получил именно из-за того, что программистам было легко переходить с Perl на PHP (ну и с С на PHP, тоже). (далее…)

Изображения в тексте

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , , , , ,

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

Рисунок по центру

Для выравнивания изображения по центру колонки текста, тег <img> помещается в контейнер <p>, для которого устанавливается атрибут align=»center». Но если предполагается активное использование иллюстраций, то лучше создать новый стилевой класс, назовем его fig, и применять его для нужных абзацев, как показано в примере 1. (далее…)

Макет из двух колонок

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , ,

Двухколонная модульная сетка достаточно часто применяется на сайтах, при этом, как правило, в одной колонке располагается основной материал (текст статьи, например), а во второй — ссылки на разделы сайта и другая информация. Для создания подобного макета таблицы достаточно удобны — каждая ячейка выступает в качестве отдельной колонки, что позволяет легко регулировать различные параметры отображения документа.

Ширина колонок

Для начала рассмотрим самый простой вариант, когда ширина левой колонки жестко задана в пикселах, а ширина правой колонки варьируется в зависимости от размеров окна браузера. Для этого требуется задать общую ширину всей таблицы в процентах через атрибут width тега <table> и для первой ячейки установить ее ширину в пикселах или процентах также с помощью атрибута width, но уже для тега <td> (пример 1). (далее…)

Выравнивание элементов

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , , ,

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

Центрирование по вертикали

Одним из способов показать посетителю направленность и название сайта является использование сплэш-страницы. Это первая страница, на которой, как правило, расположена flash-заставка или рисунок, выражающий главную идею сайта. Изображение также является и ссылкой на остальные разделы сайта. Требуется поместить этот рисунок по центру окна браузера вне зависимости от разрешения монитора. Для этой цели можно воспользоваться таблицей с шириной и высотой равной 100% (пример 1). (далее…)

Слой с одним отрезанным уголком

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , ,

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

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

Рис. 1. Изображение уголка

Рис. 1. Изображение уголка (далее…)