Помощник
|
Помогите сверстать "рамку" для картинки |
basilio
|
Сообщение
#1
|
||
|
|
||
|
|||
c0ns0l3 |
20.7.2012, 9:50;
Ответить: c0ns0l3
Сообщение
#2
|
|
Ну давай подумаем...
Судя по скрину (качество неоч) но видно, что там градиенты и все такое... тоесть обычным бордером не обойтись. Сверстать ПРОСТО ты можешь блочно такую "штуку" под любой размер изображения? Варианты по верстке, если без использования CSS3 я б сделал большой фон с градиентом под углом. остальное оформить бордерами. Если с CSS3 то там вообще все просто. Линейный градиент и накинуть тени внешние еще. А оформить вставку IMG в DIV тот же - http://api.jquery.com/wrap/ |
|
|
basilio
|
Сообщение
#3
|
|
Спасибо, но если честно, не очень понял)
Как я думал сделать в CSS3: рамки это само собой, а вот для затемнения поставить чёрный фон (и ему прозрачность 0,8) |
|
|
c0ns0l3 |
20.7.2012, 17:34;
Ответить: c0ns0l3
Сообщение
#4
|
|
Можно, но по рисунку, там еще есть стрелка, если поставишь блоку opacity она применится и на все, что находится в нем соответственно, тогда уже лучше будет использовать RGBA
background: rgba(0,0,0,0.8) url(img/strelka.png) 50% 50% no-repeat; Но опять же таки.... CSS3 и тот же RGBA - проблема кроссбраузерности |
|
|
basilio
|
Сообщение
#5
|
|
Я даже не могу сделать так, чтобы при наведении ставилась темная подложка. Она ставится, но за картинку, а не поверх. Как сделать поверх - понятия не имею, уже всё облазил!
c0ns0l3, а если сделать это в JS, как это настроить? Если в CSS3 я ещё хоть что-то знаю, то в JS вообще ни черта |
|
|
sc2r2bey |
20.7.2012, 18:57;
Ответить: sc2r2bey
Сообщение
#6
|
|
а в чем проблема в сети как грязи таких примеров, например
http://web.izjum.com/jquery-icon-hover левый нижний угол - иконки http://sing-my-song.com/ продолжать или сами найдете? http://www.inwebson....-hover-effects/ исследование этот мануала дало http://demo.fearless.../pretty-hovers/ http://fearlessflyer...css-and-jquery/ дальше http://net-css.my1.r...ery/76-1-0-1830 на русском http://followdesign....ii-chast-1.html ну и т.д. Google не противоречит не одной из мировых религий http://www.dynamicdrive.com/style/csslibra..._image_gallery/ -------------------- программирую web и для we |
|
|
Symphony |
20.7.2012, 22:36;
Ответить: Symphony
Сообщение
#7
|
|
surfer, разжевал и в рот положил, осталось только глотнуть.
|
|
|
basilio
|
Сообщение
#8
|
|
а в чем проблема в сети как грязи таких примеров, например http://web.izjum.com/jquery-icon-hover левый нижний угол - иконки http://sing-my-song.com/ продолжать или сами найдете? http://www.inwebson....-hover-effects/ исследование этот мануала дало http://demo.fearless.../pretty-hovers/ http://fearlessflyer...css-and-jquery/ дальше http://net-css.my1.r...ery/76-1-0-1830 на русском http://followdesign....ii-chast-1.html ну и т.д. Google не противоречит не одной из мировых религий http://www.dynamicdr..._image_gallery/ В нете их хватает, а того чего я хочу - нету. Да и лучше один раз мне объяснят как это сделать, чем я где-то это просто скачаю. |
|
|
Symphony |
20.7.2012, 22:40;
Ответить: Symphony
Сообщение
#9
|
|
Господа, мне это напоминает http://www.masterweb...?showuser=13575
|
|
|
sc2r2bey |
20.7.2012, 22:51;
Ответить: sc2r2bey
Сообщение
#10
|
|
В нете их хватает, а того чего я хочу - нету. Да и лучше один раз мне объяснят как это сделать, чем я где-то это просто скачаю. того, чего нет, это прямых рук, 100% готовых решений нет, они делаются прямыми руками
-------------------- программирую web и для we |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Партнерская программа для Эзотерики, Магии, Таро партнерка для эзотерики |
0 | LiveExpert | 364 | Вчера, 15:13 автор: LiveExpert |
|
Партнерская программа для Эзотерики, Магии, Таро партнерка для эзотерики |
0 | LiveExpert | 336 | Вчера, 15:13 автор: LiveExpert |
|
Azinomoney.com - гемблинг-партнерка с 65%RS для каждого Гарантированный заработок на гемблинг-трафике |
65 | AzinoMoney | 29197 | 27.3.2024, 19:10 автор: AzinoMoney |
|
Делаю полностью уникальный дизайн для сайтов! | 46 | AlexDIZ | 93503 | 26.3.2024, 20:03 автор: AlexDIZ |
|
Большие ставки для кликов в Я.Директ. Как удешевить? | 2 | rownong27 | 1122 | 26.3.2024, 14:13 автор: knezevolk |
Текстовая версия | Сейчас: 29.3.2024, 9:13 |