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

 
Посетитель
small user social cms
Медаль
Сообщений: 278
Уважаемые коллеги... Вот случайно наткнулся на сайт на Инстанте - http://time-for-print.ru.com/photos
Ссылка сразу на альбомы... Что мне и нужно. Прошу, подскажите, как это сделано - серая полупрозрачная полоса на альбомах с описанием? Это их собственная доработка или есть какой то "рецепт" тут у нас? Который я просто не нашел?
Пожалуйста, очень нужно!
Посетитель
small user social cms
Медаль
Сообщений: 373
Сделано в css
Код 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, отпадут многие вопросы.
Реклама
cms
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 484
за степень прозрачности отвечает цифирька 0.7
Развлекайтесь!!
Посетитель
small user social cms
Медаль
Сообщений: 278
Спасибо))) Развлекусь) Пока не понял ничерта - но раберусь с Вашей помощью, надеюсь)
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1840
на сайте
Вот тут интересные варианты
а тут написано как сделать
Мой блог с плюшками
Посетитель
small user social cms
Медаль
Сообщений: 278
kreator, сделано замечательно... Но это же CSS3, который пока очень слабо поддерживается...
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 249
ALreD:
Но это же CSS3, который пока очень слабо поддерживается...
ну тогда как выход.
сделайте в фотошопе картинку размером 1х1 пиксель. установите нужную степень прозрачности. сохраните в имя_файла.png
и в вашем случае, сделать background = имя_файла.png с повтором для X и Y для блока "серая полупрозрачная полоса на альбомах с описанием"
будет работать во всех браузерах любой версии.
я только учусь...
Посетитель
small user social cms
Сообщений: 74
Спойлер
Посетитель
small user social cms
Медаль
Сообщений: 278
Спасибо всем кто помог и посоветовал... Получилось. Вот - http://dezigner.bravofeet.com/photos/1037
Это пока не финал, далеко не финал... ПРосто друг попросил набросать ему сайт... И он хотел эти всплывающие подписи)
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 692
Ну так а про любимый IE забыли? Вы хоть заглушку тогда для него сделайте, типа display:none/block Ну или как вариант вместо css трансформации примените js animate.
Skype: pasha--g
Посетитель
small user social cms
Медаль
Сообщений: 278
Нет, про нежно любимый IE я не забыл) Просто в этом обсуждении задавал вопрос "как" - потому вежливо отписался что "все"... а дотачивать - это уже не имеет отношения к данному обсуждению)
Посетитель
small user social cms
Сообщений: 27
http://povarixa.ru/ народ чей сайт??! Прикольный дизайн!
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1012
а это как сделано? http://www.toonbox.ru/
Посетитель
no avatar
Сообщений: 1
CROSS ツ:

http://povarixa.ru/ народ чей сайт??! Прикольный дизайн!
Мой )
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатийПочетный донор проекта
Сообщений: 2928
Lemmon:

CROSS ツ:

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

кто придумывал дизайн? и вообще расположение и вид блоков?)
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.