Динамическая кайма

Опубликовано mustordont в пн, 21/09/2009 - 20:53.

Доброго времени суток, lifehacker!

Расскажу о способе создания динамически масштабируемой рисованной каймы для элементов страницы.
Основным элементом является простая рамочка-рисунок аля:

Эта рамочка натягивается сверху и снизу с помощью классов стилей:

<style>

.field{

position:relative;

width: 245px; color:#000;

font: lighter 11px Verdana;

text-decoration:none;text-align:left;}

.top{

text-align: center;

padding: 10px 10px 0;

background: url(http://cdn.tns-global.com/Multimedia/RU/SurveyLayout/borders/back.gif) no-repeat top}

.b {padding: 7px;

background: url(http://cdn.tns-global.com/Multimedia/RU/SurveyLayout/borders/back.gif) no-repeat bottom}

</style>

Далее все это разметить нужно всего лишь разметить =)

Some weird words

</div><div class="b"></div></div>

<br />

Fine juice with description

</div><div class="b"></div></div>

Наглядный примерчик

Tags:

девушки,если вы маленькие ростом,у вас маленькие сиськи и некрасивое лицо-рубите лес,мстите природе

ответить

Опубликовано mustordont в пн, 21/09/2009 - 21:02.

жжош))))))

ответить

Опубликовано captain в вт, 22/09/2009 - 07:17.

Извините, но правильно писать КАЙМА. Через А.

ответить

Опубликовано Неизвестный (не проверено) в вт, 22/09/2009 - 09:04.

Вова исправь... грамотей блять, мне тоже глаз порезало дико)

ответить

Опубликовано captain в вт, 22/09/2009 - 10:01.

Отправить комментарий

привет

Чтобы этот блок исчез, необходимо зарегистрироваться или авторизоваться.

Регистрация веб-мастера на ресурсе включает ввод адреса и названия своего главного проекта, а также адресов других своих проектов по желанию.

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

Хорошо оцененные статьи зарабатывают больше очков для автора и двигают его самый главный проект ближе к первому месту.

Главные проекты 10-ти самых лучших писателей ресурса всегда на виду у посетителя!

топ проектов

1	Lifehack 2.0: Live!	48
2	Вместо работы	44
3	БлогДилер	41
4	Webfairy	30
5	Proofsite	25
6	chesenka.ru	17
7	abakanchik	11
8	Блог Vorahaz	9
9	TNS	8
10	Ищите Плюсы	5