ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать элементы дизайна и графику » Дизайн. Рамка под аватарки.
Заранее извиняюсь, если не там создала тему или что-то не так указала.
ссылка: Волчий Взгляд
размер: рамка автоматически растягивается под размер аватара
картинки: на Ваш выбор - с какой Вам легче будет работать.
надписи: никаких
описание: есть картинки.
Желаю получить рамку и скрипт, который ее вставит. И можно вопрос? Рамки вручную каждому вставлять или скрипт вставит всем автоматически? Извините, если вопрос глупый.
Надеюсь все правильно объяснила.
Простите, здесь нет кнопки редактирования.
Даю более маленькие картинки:
Элиа, ждите, скоро сделаю.
Revolution
Спасибо Вам! Жду с нетерпением!
А можно спросить когда примерно будет сделан заказ?
Извините за настойчивость, мне кто-нибудь ответит?
Ау!
В HTML верх
<style type="text/css">
li.pa-avatar .Wrp-ava img[src*="avatars"]{
opacity:0.7; /*Начальная прозрачность*/
display:block;
padding:0;
border-width:0;
margin:6px; /*Отступ рамки*/
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
transition-duration: 0.96s;
}
li.pa-avatar:hover .Wrp-ava img[src*="avatars"]{
opacity:1.0;
}
</style>
<script>
$(document).ready(function(){
var imgWrp = "http://s2.uploads.ru/h3rnz.png"; // Ccылка на картинку;imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
$("div.post-author ul li.pa-avatar img[alt]").each(function () {
$(this).wrap('<div class="Wrp-ava" style="display:inline-block;position:relative;"></div>');
$(this).parent().prepend(imgWrp)
});});
</script><!--Конец//Рамки для Аватара-->
Отредактировано Deff (22.03.13 11:47)
Deff
Спасибо Вам огромное! Все просто замечательно!
Элиа
Я бы поправил у Вас , добавив две строки
<style type="text/css">
li.pa-avatar .Wrp-ava img[src*="avatars"]{
opacity:0.7; /*Начальная прозрачность*/
display:block;
padding:0;
border-width:0;
margin:6px; /*Отступ рамки*/
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
transition-duration: 0.96s;
max-width:216px;
}
li.pa-avatar:hover .Wrp-ava img[src*="avatars"]{
opacity:1.0;
}
li.pa-avatar .Wrp-ava {
text-align:center;
}
</style>
<script>
$(document).ready(function(){
var imgWrp = "http://s2.uploads.ru/h3rnz.png"; // Ccылка на картинку;imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
$("div.post-author ul li.pa-avatar img[alt]").each(function () {
$(this).wrap('<div class="Wrp-ava" style="display:inline-block;position:relative;"></div>');
$(this).parent().prepend(imgWrp)
});});
</script><!--Конец//Рамки для Аватара-->
Отредактировано Deff (22.03.13 23:39)
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать элементы дизайна и графику » Дизайн. Рамка под аватарки.
