Отправляет email-рассылки с помощью сервиса Sendsay

WebDesign.Doc

Подписаться Бесплатная новостная рассылка Подписчиков 1.564 RSS
←   Август 2008   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://internetsoft.16mb.com/
Открыта: 15-02-2005

Автор
Andrew

Статистика

1.564 подписчиков
0 за неделю
←   Все выпуски   →

WebDesign.Doc - электронная библиотека веб-мастера: 112


электронная библиотека веб-мастера | выпуск # 112

WebMasterZone

 WEBDESiGN.DOC
o
Мастерская
  • Закругленные уголки с помощью VML и CSS3

Книги

Учебка

Архив

*

Мастерская

Закругленные уголки с помощью VML и CSS3

Автор: Егор Дмитриевич
Источник: habrahabr

Наткнулся на очень интересный вариант решения очень популярной проблемы многих веб-мастеров — закругление блоков. Для этого варианта закругления используются VML и CSS3.

Решение без картинок, работает во всех Internet Explorer’ах включая 5ый, в Firefox, в Safari, но к сожалению в старых версиях Opera не работает.

VML(англ. Vector Markup Language — язык векторной разметки) разработан фирмой Microsoft для описания векторной графики. ©wikipedia

Не буду тянуть и сразу покажу Вам css код:

v\:roundrect {

     color:#FFF;

     display:block;

     background-color:#000;

     padding:20px;

     height:100%;

     /* Для закругления уголков в остальных браузерах */

     -moz-border-radius:10px;

     -webkit-border-radius: 10px;

     border-radius: 10px;

     }

/* Для ie */

v\:roundrect  {

     behavior:url(#default#VML);

     /background-color:transparent;

     }

Наверно вы уже поняли, этот css код для закругления уголков в IE использует VML, а для остальных браузеров использует CSS3.

Теперь код самих блоков:

<roundrect fillcolor="#000" arcsize=".04">
Привет, я закругленный блок!
</roundrect>

Поясню этот код. Первая строчка подключает VML. Параметр блока arcsize отвечает за радиус закругления, fillcolor отвечает за фон блока.

Не буду утверждать, что этот способ наиболее правильный, но он тоже интересен и имеет право на жизнь.

Посмотреть демо
Прочитать статью со всем нюансами

Подписаться на заметки Чернева.

Энциклопедия веб-мастера (DVD)
Создание сайта от А до Я!

Хотите сделать домашнюю страничку, сайт фирмы, каталог, форум, блог или электронный магазин?

 На этом диске Вы найдете всё необходимое – профессиональные шаблоны сайтов, функциональные скрипты (более 1000), актуальный веб-мастерский софт (более 2.5 Гб) и учебную литературу по всем популярным языкам веб-программирования (более 100 иллюстрированных книг по HTML, CSS, Flash, XML, AJAX, Java, PHP, Perl).

Подробнее / Заказать

*

Документация

Движок для вашего сайта. CMS Joomla!, Slaed, PNP-Nuke (+ CD-ROM)

Автор: Колисниченко Д.Н.

Книга ориентирована как на обычных пользователей Интернета, которым нужно в кратчайшие сроки создать свой сайт, так и на разработчиков, которые заинтересованы в построении собственной системы управления сайтом.

Рассмотрены три уже готовые системы управления сайтом — Joomla!, Slaed, PHP-Nuke. С позиции пользователя описывается, как установить, настроить, разработать графическую тему и расширить возможности каждой системы. Для разработчиков описано программирование собственных расширений для рассмотренных движков, а также создание собственной системы управления сайтом. Отдельное внимание уделяется защите от излома разрабатываемой системы, а также интеграции с популярным форумом phpBB из файла задания.

На прилагаемом компакт-диске находятся последние версии CMS Joomla!. Slaed, PHP-Nuke, множество расширений, шаблонов, а также все значимые листинги книги.

*

Учебка

:: Новинка! ::


Практический обучающий видео-курс
"Весь Арсенал Флешера на DVD".
Актуальная информация в
максимально-доступном стиле,
специально для начинающих.

Узнать подробнее

*

the end of maillist
В избранное