Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Полезные ссылки

Каталог: Cкрипты Передача прав Каталог: Оформление Перенос Баллов FAQ: Дизайн/Css Свой
домен FAQ:
CSS-коды Откат форумов Раскрутка форума Платные услуги

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

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

Рамка на аватар

Страница: 1

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

1

  • Автор: Ichimaru Gin
  • Ichimaru Gin
  • Зарегистрирован: 12.07.2010
  • Сообщений: 1097
  • Уважение: +248
  • Позитив: +231
  • Провел на форуме:
    19 дней 23 часа
  • Последний визит:
    28.02.2017 22:06:36

Вариант растягивающейся рамки на Аватар
(с) Дефф

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

В Хтмл-верх

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

аналог на css
Рамка на аватар

Отредактировано Ichimaru Gin (23.12.2013 11:16:34)

+2

2

  • Автор: Saidensi
  • Saidensi
  • Зарегистрирован: 15.10.2013
  • Сообщений: 85
  • Уважение: +2
  • Позитив: +3
  • Провел на форуме:
    1 день 0 часов
  • Последний визит:
    12.03.2016 23:40:46

а какой будет в style скрипт?

Извините, нашла другую ссылку. Вопрос отпал.

Отредактировано Saidensi (01.03.2014 18:54:19)

0

3

  • Автор: Igan Spengler
  • Igan Spengler
  • Зарегистрирован: 12.03.2014
  • Сообщений: 51
  • Уважение: -1
  • Позитив: +5
  • Провел на форуме:
    1 день 13 часов
  • Последний визит:
    11.02.2015 11:47:15

БОЛЬШОЕ СПАСИБО! ^^

0

4

  • Автор: scool
  • scool
  • Откуда: Каменск Уральский
  • Зарегистрирован: 27.12.2014
  • Сообщений: 34
  • Уважение: 0
  • Позитив: 0
  • Пол: Мужской
  • Возраст: 46 [1977-06-17]
  • Провел на форуме:
    16 часов 8 минут
  • Последний визит:
    17.02.2018 16:42:17

Спасибо забрал очень красиво.

0

5

  • Автор: Arakhen
  • Inner Party System
  • Arakhen
  • Откуда: Латверия
  • Зарегистрирован: 12.09.2015
  • Сообщений: 1717
  • Уважение: +512
  • Позитив: +148
  • Возраст: 31 [1992-07-03]
  • Провел на форуме:
    1 месяц 3 дня
  • Последний визит:
    Вчера 19:27:07

Вопрос по скрипту: им реально поставить только рамку, которая 1 в 1 размером с аватаром?)
Просто пробовала установить обрамление, которое размером 220х270 пикселей (аватар 180х180), и всё бы ничего, но... рамка ужимается в размере, причем вроде как не до размера аватара. Выходит за поля, висит где-то сбоку, но на попытки задать какие-то другие численные параметры в скрипте, будь то padding (тоже надо было) или width/height, или позицию, реакции вообще никакой. Реагирует только margin.
Пробовала еще другой скрипт, пробовала взять файл поменьше (приблизительно размера авы) — та же самая фигня, верхняя картинка почему-то ужимается. Пробовала менять настройки форума, изменив допустимые параметры аватара. Ничего не помогло. Будто что-то еще блокирует, но подозрительного ничего не обнаружила в кодах стиля. Все прочие отдельные прописные настройки аватара тоже убирала.
Рамка-картинка, что в примере, вроде не сжимается, но регулируется по позиционированию как-то так же, то есть никак)
В хтмл-цсс в общем-то не нуб, но джаву не знаю. Видимо, этот код не поняла совсем, как настроить.

Как решить головоломку размера-положения?(

Отредактировано Raaviel (09.12.2015 03:34:12)

0

6

  • Автор: Deff
  • Зарегистрирован: 14.09.2010
  • Сообщений: 1936
  • Уважение: +435
  • Позитив: +249
  • Провел на форуме:
    1 месяц 1 день
  • Замечания: I (реклама в непредназначенном для этого разделе);
  • Последний визит:
    Сегодня 16:29:04

Raaviel
Пиксельные рамки ставьте проще, через border:
В HTML верх

<style type="text/css">
.punbb .pa-avatar img {
  border:solid 1px #FF0000;
}
</style>

0

7

  • Автор: Arakhen
  • Inner Party System
  • Arakhen
  • Откуда: Латверия
  • Зарегистрирован: 12.09.2015
  • Сообщений: 1717
  • Уважение: +512
  • Позитив: +148
  • Возраст: 31 [1992-07-03]
  • Провел на форуме:
    1 месяц 3 дня
  • Последний визит:
    Вчера 19:27:07

Deff
Кхм. Её и пытались заменить. Уж извините, если ляпнули чего глупого в итоге. =\

Отредактировано Raaviel (09.12.2015 22:40:22)

0

8

  • Автор: Deff
  • Зарегистрирован: 14.09.2010
  • Сообщений: 1936
  • Уважение: +435
  • Позитив: +249
  • Провел на форуме:
    1 месяц 1 день
  • Замечания: I (реклама в непредназначенном для этого разделе);
  • Последний визит:
    Сегодня 16:29:04

Raaviel
В Первом посте есть вариант рамки картинкой через css

0

9

  • Автор: Arakhen
  • Inner Party System
  • Arakhen
  • Откуда: Латверия
  • Зарегистрирован: 12.09.2015
  • Сообщений: 1717
  • Уважение: +512
  • Позитив: +148
  • Возраст: 31 [1992-07-03]
  • Провел на форуме:
    1 месяц 3 дня
  • Последний визит:
    Вчера 19:27:07

Deff
Тем вариантом задуманного эффекта не добиться, насколько я поняла, потому и пытались понять, где именно можно было промахнуться с этим, что именно размер указанной рамки при отображении ужимается.
Ладно, фиг с ним. =\

0

10

  • Автор: Deff
  • Зарегистрирован: 14.09.2010
  • Сообщений: 1936
  • Уважение: +435
  • Позитив: +249
  • Провел на форуме:
    1 месяц 1 день
  • Замечания: I (реклама в непредназначенном для этого разделе);
  • Последний визит:
    Сегодня 16:29:04

Raaviel
Дайте ссылку на любой пост с Вашей попыткой установки(клик по дате в сообщении), ибо непонятно!,

0

11

  • Автор: Arakhen
  • Inner Party System
  • Arakhen
  • Откуда: Латверия
  • Зарегистрирован: 12.09.2015
  • Сообщений: 1717
  • Уважение: +512
  • Позитив: +148
  • Возраст: 31 [1992-07-03]
  • Провел на форуме:
    1 месяц 3 дня
  • Последний визит:
    Вчера 19:27:07

Deff

сам файл

Собственно, до решения вопросов позиционирования и отступов дело толком не дошло, ибо мы так и не поняли, почему указанный файл ужимается в размере. Тупим, в общем, украшая форум к НГ.)

Но мы уже откинули эту затею с рамкой, так что не знаю, стоит ли уже в чем-то разбираться.))

Отредактировано Raaviel (13.12.2015 20:01:52)

0

12

  • Автор: Deff
  • Зарегистрирован: 14.09.2010
  • Сообщений: 1936
  • Уважение: +435
  • Позитив: +249
  • Провел на форуме:
    1 месяц 1 день
  • Замечания: I (реклама в непредназначенном для этого разделе);
  • Последний визит:
    Сегодня 16:29:04

Raaviel
Замените код рамки:

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

Найдите в HTML низ строки:

$(".post legend.hide").each(function (){
var S=$(this).html();
var STA=$(this).parents(".post").find(".post-author .pa-title")
/*[NIC]*/ if($(this).hasClass('NIC')==true){$(this).parents(".post").find(".post-author .pa-author a").html(S);}
/*[AVA]*/ if($(this).hasClass('AVA')==true){var AVA=$(this).parents(".post").find(".post-author .pa-avatar")
   if(AVA.html()!=null){AVA.html(Avt_St+S+Avt_End)}else $(this).parents(".post").find(".post-author .pa-title").after(pa_avtr+Avt_St+S+Avt_End+'</li>');}
/*[SGN]*/ if($(this).hasClass('SGN')==true){$(this).parents(".post").find(".post-content .post-sig").replaceWith("");
   $(this).parents(".post").find(".post-content").append(PostSig_St+S+PostSig_End);}
});
</script>
<style>#avtrChang-area{position: absolute; right: 5%;top: 43px;} .post-content legend.hide{  display:none;} .punbb .pa-avatar img[alt] {max-width:180px;height:auto;}</style>

Добавьте красным

Отредактировано Deff (13.12.2015 23:11:15)

+1

13

  • Автор: Arakhen
  • Inner Party System
  • Arakhen
  • Откуда: Латверия
  • Зарегистрирован: 12.09.2015
  • Сообщений: 1717
  • Уважение: +512
  • Позитив: +148
  • Возраст: 31 [1992-07-03]
  • Провел на форуме:
    1 месяц 3 дня
  • Последний визит:
    Вчера 19:27:07

Deff
О_О
О боги кодинга. Вся проблема была в скрипте, который на живой форум я так и не поставила.
Смех и грех, блин.))))

Спасибо большое за помощь!

0

Страница: 1

Рейтинг форумов | Создать форум бесплатно