http://webmasters.ru/forum/showthread.php?t=12494 SEO форум вебмастеров - Поисковые системы, оптимизация, раскрутка сайта, оптимизация и продвижение сайта в поисковых системах 1742902452 Elesite CMS 60 http://webmasters.ru/forum/images/wm/misc/rss.png http://webmasters.ru/forum http://webmasters.ru/forum/showpost.php?p=134094 Sat, 02 Apr 2011 15:08:27 GMT подскажите как на блогах blogspot'a можно сделать такой эффект с картинками как к примеру тут? http://leticja.tumblr.com/ http://webmasters.ru/forum/showpost.php?p=134095 Sat, 02 Apr 2011 15:30:05 GMT никак? или я ошибаюсь http://webmasters.ru/forum/showpost.php?p=134123 Sun, 03 Apr 2011 12:22:08 GMT На blogspot'е можно подключать свои таблицы стилей и скрипты? Тогда подключай любую jQuery галерею :) http://webmasters.ru/forum/showpost.php?p=135002 Sun, 10 Apr 2011 16:20:11 GMT На blogspot'е можно подключать свои таблицы стилей и скрипты? Тогда подключай любую jQuery галерею :) там для таких галерей нужно какие-то плагины скачивать и открывать.... я никак не могу понять как заливать эти плагины на блогспот http://webmasters.ru/forum/showpost.php?p=135004 Sun, 10 Apr 2011 17:26:25 GMT там для таких галерей нужно какие-то плагины скачивать и открывать.... я никак не могу понять как заливать эти плагины на блогспот блогспот не имеет своего файлового менеджера. по-этому придется залить скрипты на сторонний хост и загружать с него скрипты, посредством указания пути к ним в самом шаблоне блогспота. если скрипт маленький, хорошо вшить его в сам шаблон, а к jQuery подключить можно, указав путь на хост Ядекса (http://api.yandex.ru/jslibs/libs.xml#jquery), ибо он хостит у себя библиотеки. ---------- Сообщение добавлено 21:26 ---------- Предыдущее 21:06 ---------- вшей этот код: a img {background: black; opacity:0.5;} a:hover img {background: black; opacity:1.0;} хз, давно не верстал, так вот попробуй этот код. в ссылку вставляй изображение, к которому хочешь применить эффект. () ps если не работает пиши. a img {background: black; opacity:0.5;} a:hover img {background: black; opacity:1.0;} хз, давно не верстал, так вот попробуй этот код. в ссылку вставляй изображение, к которому хочешь применить эффект. () ps если не работает пиши.]]> http://webmasters.ru/forum/showpost.php?p=135257 Mon, 11 Apr 2011 22:23:53 GMT блогспот не имеет своего файлового менеджера. по-этому придется залить скрипты на сторонний хост и загружать с него скрипты, посредством указания пути к ним в самом шаблоне блогспота. если скрипт маленький, хорошо вшить его в сам шаблон, а к jQuery подключить можно, указав путь на хост Ядекса (http://api.yandex.ru/jslibs/libs.xml#jquery), ибо он хостит у себя библиотеки. ---------- Сообщение добавлено 21:26 ---------- Предыдущее 21:06 ---------- вшей этот код: a img {background: black; opacity:0.5;} a:hover img {background: black; opacity:1.0;} хз, давно не верстал, так вот попробуй этот код. в ссылку вставляй изображение, к которому хочешь применить эффект. () ps если не работает пиши. получилось:) спасибо огромное)))) совсем уж обнаглею а нет еще кода, чтобы вот было уменьшенное изображение (с этим же эффектом), и при нажатии или наводке мыши выводилось большое фото? a img {background: black; opacity:0.5;} a:hover img {background: black; opacity:1.0;} хз, давно не верстал, так вот попробуй этот код. в ссылку вставляй изображение, к которому хочешь применить эффект. () ps если не работает пиши. получилось:) спасибо огромное)))) совсем уж обнаглею а нет еще кода, чтобы вот было уменьшенное изображение (с этим же эффектом), и при нажатии или наводке мыши выводилось большое фото?]]> http://webmasters.ru/forum/showpost.php?p=135316 Tue, 12 Apr 2011 08:28:50 GMT получилось:) спасибо огромное)))) совсем уж обнаглею а нет еще кода, чтобы вот было уменьшенное изображение (с этим же эффектом), и при нажатии или наводке мыши выводилось большое фото? 1 a img {width:100px; /* эт будет размер до увеличения (поиграйте с размером, поставте какой нужно) */} a:hover img {position:relative; width:200px; /* эт будет размер после увеличения (поставте размер какой нужно) */} кстати у вас фон какого цвета? ps чтобы эффект применялся к определенным картинкам, можно привязать class ps2 хз, может не работать в IE6, да и не нужен он =) вопросы? http://webmasters.ru/forum/showpost.php?p=135445 Tue, 12 Apr 2011 14:44:24 GMT вопросы? да, сразу чтобы)) значит я в хтмл ставлю вот это a img {background: black; opacity:0.5;} a:hover img {background: black; opacity:1.0;} + () и + вот это следом же a img {width:100px; /* эт будет размер до увеличения (поиграйте с размером, поставте какой нужно) */} a:hover img {position:relative; width:200px; /* эт будет размер после увеличения (поставте размер какой нужно) */} . Правильно? фон эмм голубой:) а не подскажите как привязать, мне бы как раз чтобы пределенные картинки были с таким эффектом (тень+увеличение по клику/нажатию), если я не достала еще))) ps. могу в лс скинуть ссылку, чтобы вы посмотрели что как.. или могу сделать скрин и подписать что я именно хочу, чтобы потом меньше я вас доставала a img {background: black; opacity:0.5;} a:hover img {background: black; opacity:1.0;} + () и + вот это следом же a img {width:100px; /* эт будет размер до увеличения (поиграйте с размером, поставте какой нужно) */} a:hover img {position:relative; width:200px; /* эт будет размер после увеличения (поставте размер какой нужно) */} . Правильно? фон эмм голубой:) а не подскажите как привязать, мне бы как раз чтобы пределенные картинки были с таким эффектом (тень+увеличение по клику/нажатию), если я не достала еще))) ps. могу в лс скинуть ссылку, чтобы вы посмотрели что как.. или могу сделать скрин и подписать что я именно хочу, чтобы потом меньше я вас доставала]]> http://webmasters.ru/forum/showpost.php?p=135455 Tue, 12 Apr 2011 15:47:58 GMT Стирайте старые стиль, который я предлагал для затемнения, вставляйте этот: a.zoom img {opacity:0.5; width:100px; /* размер до */} a.zoom:hover img {opacity:1.0; position:relative; width:200px; /* размер после*/} А вот так применять стиль к определенным картинкам: Поиграйте с размером, если что пишите в лс. Кстати , для того чтобы эффект работал при нажатии, используйте за место hover псевдокласс active a.zoom img {opacity:0.5; width:100px; /* размер до */} a.zoom:hover img {opacity:1.0; position:relative; width:200px; /* размер после*/} А вот так применять стиль к определенным картинкам: Поиграйте с размером, если что пишите в лс. Кстати , для того чтобы эффект работал при нажатии, используйте за место hover псевдокласс active]]> http://webmasters.ru/forum/showpost.php?p=135461 Tue, 12 Apr 2011 16:58:34 GMT Стирайте старые стиль, который я предлагал для затемнения, вставляйте этот: a.zoom img {opacity:0.5; width:100px; /* размер до */} a.zoom:hover img {opacity:1.0; position:relative; width:200px; /* размер после*/} А вот так применять стиль к определенным картинкам: Поиграйте с размером, если что пишите в лс. Кстати , для того чтобы эффект работал при нажатии, используйте за место hover псевдокласс active все работает))) не знаю как благодарить)))) a.zoom img {opacity:0.5; width:100px; /* размер до */} a.zoom:hover img {opacity:1.0; position:relative; width:200px; /* размер после*/} А вот так применять стиль к определенным картинкам: Поиграйте с размером, если что пишите в лс. Кстати , для того чтобы эффект работал при нажатии, используйте за место hover псевдокласс active все работает))) не знаю как благодарить))))]]> http://webmasters.ru/forum/showpost.php?p=135468 Tue, 12 Apr 2011 18:25:36 GMT carpe, Проверте как работает в IE 6, 7, 8. Если эффект затемнения не работает, то добавте фильтр filter:alpha(opacity=число); В итоге получится так: a.zoom img {opacity:0.5; filter:alpha(opacity=50); width:100px;} a.zoom:hover img {opacity:1.0; filter:alpha(opacity=100); position:relative; width:200px;} Удачи! a.zoom img {opacity:0.5; filter:alpha(opacity=50); width:100px;} a.zoom:hover img {opacity:1.0; filter:alpha(opacity=100); position:relative; width:200px;} Удачи!]]>