24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Каталог CSS|JS » Рамка для аватара


Рамка для аватара

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

1

Скрипт позволяет сделать рамку для аватара, которая будет подстраиваться под сам аватар, накладываясь на него.

Хтмл-низ:

Код:
<!--Ставим рамки для Аватара -->
    <style type="text/css">
    li.pa-avatar .Wrp-ava img[alt]{
      display:block;
      padding:0;
      border-width:0;
      margin:16px; /*Отступ рамки*/
    }
    </style>
    <script>
      $(document).ready(function(){
        var imgWrp = "адрес"; // 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;text-align:left;position:relative;"></div>');
        $(this).parent().prepend(imgWrp)
    });});
    </script><!--Конец//Рамки для Аватара-->

+2

2

спасибо

0


Вы здесь » COLOR MATE » Каталог CSS|JS » Рамка для аватара