Как это сделано?

#1 22 октября 2012 в 14:09
Уважаемые коллеги… Вот случайно наткнулся на сайт на Инстанте — time-for-print.ru.com/photos
Ссылка сразу на альбомы… Что мне и нужно. Прошу, подскажите, как это сделано — серая полупрозрачная полоса на альбомах с описанием? Это их собственная доработка или есть какой то "рецепт" тут у нас? Который я просто не нашел?
Пожалуйста, очень нужно!
#2 22 октября 2012 в 16:40
Сделано в css
  1. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  2. height: 40px;
  3. margin-top: -50px;
  4. padding: 5px;
  5. position: relative;
Поставьте себе firebug, отпадут многие вопросы.
#3 22 октября 2012 в 16:51
за степень прозрачности отвечает цифирька 0.7
Развлекайтесь!!!
#4 22 октября 2012 в 16:58
Спасибо))) Развлекусь) Пока не понял ничерта — но раберусь с Вашей помощью, надеюсь)
#5 22 октября 2012 в 17:33
Вот тут интересные варианты
а тут написано как сделать
#6 22 октября 2012 в 23:36
kreator, сделано замечательно… Но это же CSS3, который пока очень слабо поддерживается…
#7 23 октября 2012 в 05:18

Но это же CSS3, который пока очень слабо поддерживается...

ALreD
ну тогда как выход.
сделайте в фотошопе картинку размером 1х1 пиксель. установите нужную степень прозрачности. сохраните в имя_файла.png
и в вашем случае, сделать background = имя_файла.png с повтором для X и Y для блока "серая полупрозрачная полоса на альбомах с описанием"
будет работать во всех браузерах любой версии.
#8 23 октября 2012 в 05:58

CSS3, который пока очень слабо поддерживается...

ALreD
можно поспорить :)
#9 26 октября 2012 в 03:26
Спасибо всем кто помог и посоветовал… Получилось. Вот — dezigner.bravofeet.com/photos/1037
Это пока не финал, далеко не финал… ПРосто друг попросил набросать ему сайт… И он хотел эти всплывающие подписи)
#10 26 октября 2012 в 03:52
Ну так а про любимый IE забыли? Вы хоть заглушку тогда для него сделайте, типа display:none/block Ну или как вариант вместо css трансформации примените js animate.
#11 26 октября 2012 в 04:01
Нет, про нежно любимый IE я не забыл) Просто в этом обсуждении задавал вопрос "как" — потому вежливо отписался что "все"… а дотачивать — это уже не имеет отношения к данному обсуждению)
#13 15 февраля 2013 в 02:04
а это как сделано? www.toonbox.ru/
#14 6 июня 2013 в 04:39


http://povarixa.ru/ народ чей сайт??! Прикольный дизайн!

CROSS ツ
Мой )
#15 6 июня 2013 в 05:58



http://povarixa.ru/ народ чей сайт??! Прикольный дизайн!

CROSS ツ
Мой )

Lemmon

кто придумывал дизайн? и вообще расположение и вид блоков?)
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожие темы

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.