ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Дизайн. Рамка под аватарки.

Сообщений 1 страница 10 из 11

1

Заранее извиняюсь, если не там создала тему или что-то не так указала.

ссылка: Волчий Взгляд
размер: рамка автоматически растягивается под размер аватара
картинки: на Ваш выбор - с какой Вам легче будет работать.

надписи: никаких
описание: есть картинки.

Желаю получить рамку и скрипт, который ее вставит. И можно вопрос? Рамки вручную каждому вставлять или скрипт вставит всем автоматически? Извините, если вопрос глупый.

Надеюсь все правильно объяснила.

0

2

Простите, здесь нет кнопки редактирования.

Даю более маленькие картинки:

0

3

Элиа, ждите, скоро сделаю.

+1

4

Revolution
Спасибо Вам! Жду с нетерпением!

0

5

А можно спросить когда примерно будет сделан заказ?

0

6

Извините за настойчивость, мне кто-нибудь ответит?

0

7

Ау!

0

8

В 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><!--Конец//Рамки для Аватара-->

http://s3.uploads.ru/m9fje.jpg

Отредактировано Deff (22.03.2013 11:47:11)

+2

9

Deff
Спасибо Вам огромное! Все просто замечательно!

0

10

Элиа
Я бы поправил у Вас , добавив две строки

<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.2013 23:39:53)

+1