Красивая граница с тенью.

Пятница, 17 августа 2012 года в 17:20      Просмотров: 2398

Красивая граница с тенью.

Привет друзья.

Сегодня от нефиг делать решил записать для вас малюсенький урок smile

Границу мы эту будем тестировать на картинках, но в принципе - ее можно применить к любому блоку.

Да, и я рассмотрю два способа задания такой границы.

1 способ. Он заключается в том, что мы будем использовать свойства border и box-shadow.

2 способ. Мы будем использовать свойства padding и border.



Как вы знаете - тень в старых браузерах не поддерживается. Поэтому 1 способ хоть и правильный - но не совсем универсальный.

Во втором же способе - ваша граница будет одинаково отображаться во всех браузерах!

Так то.

Идея конечно не нова, я ее уже давно использую. И давно уже хотел поделиться с вами. Но все почему то забывал.

Эх... Голова моя дырявая. rolleyes

Да, кстати, на эту идею меня навела одна из статей этого сайта: как создать свой сайт самому. Название точно такоеже, как и у моего smile

Если будет свободное время, рекомендую там полазать.

В общем - отдаю эту идею на ваш строгий суд grin



Скачать архив файла-заготовки.

PS: жду вашего вердикта, космические засЛанцы LOL

PSS: кто не нажмет на кнопку ниже, тот букву "Л" в слове выше - смело может менять на "Р" surprised

Комментариев: 11

Пожалуйста, в принципе - здесь ничего такого и нет.

Просто подумал кому то может пригодиться.

Серёга случаем не заблокировал трафик от белорусских провайдеров?)

А по поводу первого коммента - щаз так модно продвигать свои сайты, написал пару слов и оставил ссылку. На самом деле, им эта инфа ничего не даст, с сайтом музыки на юкозе и базой на ~250 его любимых песенок... не взлетит имхо 300%

Это не я блокировал. Хостинг тупит чего то.

Сам не мог долезть до своих сайтов.

OpenVPN + Private Tunnel для таких крайних случаев подходит) 100 метров в месяц бесплатно, хотя я их юзаю если айпишники вдсок палить не особо хочется по мелочам, либо CGI Proxy.

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

Хорошая мысля приходит апосля smile

Полностью согласен, но тогда преследовалась другая цель, посему об этом даже не думал smile

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

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

Авторизация MaxSiteAuth. Войти через loginza

(обязательно)