css

Кроссбраузерные скругления углов css

Самые что ни на есть кроссбраузерные скругления углов

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

Метки:

Сворачиваемый блок текста с помощью #css + #jquery

Простое сворачивание блока текста с помощью изменения свойства height css через jquery (осторожно, грязный код):

Кастомный макрос разрезания текста на тизер и полный текст в UMI.CMS

Два варианта макроса, применять в шаблоне tpl так, например:
%custom cutDescription(%pid%, 'opisanie')%

Вариант 1: реально разрезание с убиранием тегов и ограничением 300 символов (потом ещё ищет пробел с конца и оставляет только до него):

Метки:

unitpngfix - Исправление прозрачных png в Internet Explorer до 7 версии

При создании шаблона для этого сайта я использовал много картинок в png с прозрачностью. В FF, Opera, Chrome, Safari - всё выглядит замечательно, но как открыл в ie - ужос! все прозрачные картинки на непонятном сером фоне.

Известное дело, всеми "любимый" браузер microsoft internet explorer 6, 5.5 и более ранних версий не отображает нормально png с прозрачностью.

Для исправления досадного недоразумения следует задать объектам дополнительные свойства, от MS IE (DXImageTransform.Microsoft.AlphaImageLoader и иже с ними). Зачастую, для этого используют jquery.pngFix — плагин для jQuery, который решает вопрос отображения PNG-файлов с полупрозрачностью в Internet Explorer 6 и 5.5.
Первым делом я так и сделал, но как оказалось - jquery.pngFix не исправляет прозрачность png, которые задаются в css свойстве background!

Наглядное пособие по некоторым элементам css

Наглядное пособие по некоторым свойствам CSS в стиле ню :)

Картинки кликабельны.

Тема - продолжение использования тегов на теле (вспомним футболку ; или <tits>):

float:

CSS float