Помощник
|
Рамка картинки как на Яндексе, как зделать? |
shtil
|
Сообщение
#1
|
||
|
|
||
|
|||
v1ex |
15.6.2009, 16:13;
Ответить: v1ex
Сообщение
#2
|
|
Берем картинку в качестве background'а (рамки):
[img]http://s41.radikal.ru/i093/0906/7d/88a49d43f511.png[/img] У всех наших картинок такого стиля должен быть одинаковый размер, т.е. под каждый размер картинки свой background. Т.к. background я украл у яши, у нас картинки должны быть размером 108x73. HTML: <img src="img.jpg" alt="..." class="imgBorder" /> CSS: .imgBorder { background-image: url(imgBg.png); background-position: left top; backgroun-repeat: no-repeat; height: 73px; /*высота картинки*/ width: 108px;/*ширина картинки*/ padding: 8px 10px 11px 10px; /*Отступы от рамки*/ } Вам остается только сделать свой такой background (под свои картинки), и настроить в CSS отступы и размеры картинок. P.S. Есть еще много более гибких (и одновременно более сложных) способов сделать такой эффект, но думаю это подойдет... P.S.S пример |
|
|
shtil
|
Сообщение
#3
|
|
хм, а если планируется, что такой эффект будет налаживаться на разные размеры изображения?
|
|
|
v1ex |
15.6.2009, 16:30;
Ответить: v1ex
Сообщение
#4
|
|
А тут уже тогда нужно картинку в блоки ложить примерно так:
<div width="ширина"><div><div><div><img src="img.jpg" alt="..." /></div></div></div></div> И на каждый блок вешается рамка с отступами (верхняя, боковые, нижняя), одну из боковых можно впринципе на картинку повесить. В общем геморно это И при этом, у нас еще появляется блочный элемент, в то время как в предыдущем inline. Аа, и для каждого первого блока, нужно будет указывать ширину. |
|
|
shtil
|
Сообщение
#5
|
|
хм, а вот такую рамочку можно сделать без графики?
[img]http://xmages.net/out.php/i277713_Untitled1.jpg[/img] |
|
|
v1ex |
15.6.2009, 16:41;
Ответить: v1ex
Сообщение
#6
|
|
Да, без проблем вообще
HTML: <img src="img.jpg" alt="..." class="imgBorder" /> CSS: .imgBorder {
background-color: #ffffff; border: 2px solid #cdcdcd; padding: 5px; } |
|
|
ZiTosS |
15.6.2009, 19:30;
Ответить: ZiTosS
Сообщение
#7
|
|
|
v1ex, мастер на все руки
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 12 | Boymaster | 1907 | Вчера, 21:03 автор: MisterBit |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4812 | 17.4.2024, 1:19 автор: sergio11 |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19711 | 8.4.2024, 10:37 автор: Skyworker |
|
Как вы бросили работу и перешли на заработок с сайтов? | 18 | uahomka | 3104 | 5.4.2024, 5:53 автор: Skyworker |
|
Как бездомные хранят деньги? | 81 | metvekot | 13657 | 31.3.2024, 12:44 автор: Boymaster |
Текстовая версия | Сейчас: 20.4.2024, 0:44 |