Рамка вокруг аватара

Posted 8 декабря, 201410 yr

Приветствую. Хотелось бы заменить стандартную обводку аватарки на красивую рамку в виде картиночных элементов. Долго мучаясь я не смог этого сделать... В какой точно скрипт лезть? Может хук есть?

Заранее благодарен за помощь.

8 декабря, 201410 yr

Можно поколдовать в ац-внешний вид- ваш стиль- UserInfoPane, если разбираетесь в коде.

8 декабря, 201410 yr

Author

Можно поколдовать в ац-внешний вид- ваш стиль- UserInfoPane, если разбираетесь в коде.

Я создал эту тему, чтобы узнать у людей точный ответ, у тех, кто уже пытался это сделать. Ковыряться я пытался, ничего ровного не вышло.

8 декабря, 201410 yr

Я создал эту тему, чтобы узнать у людей точный ответ, у тех, кто уже пытался это сделать. Ковыряться я пытался, ничего ровного не вышло.

Как я понимаю, нужно на аватарке сделать бордер в виде мишуры, гирлянды и т п ?

8 декабря, 201410 yr

Author

Как я понимаю, нужно на аватарке сделать бордер в виде мишуры, гирлянды и т п ?

Как тут:

__midgard-roleplay.pl/

8 декабря, 201410 yr

Как тут:
__midgard-roleplay.pl/

Точно такую же сделать ?

Можешь сделать так:

Заходишь в ipb_styles.css и ищешь класс

.ipsUserPhoto

Там заменяешь всё свойство background на

background: url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/1.png') no-repeat scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/2.png') no-repeat scroll right 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/3.png') no-repeat scroll 0px bottom, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/4.png') no-repeat scroll right bottom, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/5.png') repeat-x scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/6.png') repeat-y scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/7.png') repeat-y scroll right 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/8.png') repeat-x scroll 0px bottom, url("__midgard-roleplay.pl/public/style_images/Midgard/_custom/avatar.png") repeat scroll 0% 0% transparent;

Если его нет, то дописываешь.

Что бы картинки брались прямо с твоего форума скачиваешь их все к себе и заливаешь в public/style_images/название твоего стиля

Далее вместо

__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/

Прописываешь

{style_images_url}/название картинки.расширение

Edited 8 декабря, 201410 yr by stok

GothSilvio
1

8 декабря, 201410 yr

Author

Точно такую же сделать ?

Можешь сделать так:

Заходишь в ipb_styles.css и ищешь класс
.ipsUserPhoto
Там заменяешь всё свойство background на
background: url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/1.png') no-repeat scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/2.png') no-repeat scroll right 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/3.png') no-repeat scroll 0px bottom, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/4.png') no-repeat scroll right bottom, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/5.png') repeat-x scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/6.png') repeat-y scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/7.png') repeat-y scroll right 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/8.png') repeat-x scroll 0px bottom, url("__midgard-roleplay.pl/public/style_images/Midgard/_custom/avatar.png") repeat scroll 0% 0% transparent;
Если его нет, то дописываешь.

Что бы картинки брались прямо с твоего форума скачиваешь их все к себе и заливаешь в public/style_images/название твоего стиля

Далее вместо
__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/
Прописываешь
{style_images_url}/название картинки.расширение

Не сработало почему-то. Не отображается рамка, все вроде правильно сделал.

8 декабря, 201410 yr

Не сработало почему-то. Не отображается рамка, все вроде правильно сделал.

Видимо не в том классе заменил свойство.

Примерно исходный код должен был быть таким

.ipsUserPhoto {
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

Ссылку на сайт в ЛС лучше.

GothSilvio
1

8 декабря, 201410 yr

Author

Видимо не в том классе заменил свойство.

Примерно исходный код должен был быть таким
.ipsUserPhoto {
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
Ссылку на сайт в ЛС лучше.

Под авой у меня ссылка. Класса такого нет.

Только:

.ipsUserPhoto {
	padding: 1px;
	border: 1px solid #505050;
	background: #202020;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}

8 декабря, 201410 yr

Замени всё это

.ipsUserPhoto {
	padding: 1px;
	border: 1px solid #505050;
	background: #202020;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}

На это

.ipsUserPhoto {
    background: url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/1.png') no-repeat scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/2.png') no-repeat scroll right 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/3.png') no-repeat scroll 0px bottom, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/4.png') no-repeat scroll right bottom, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/5.png') repeat-x scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/6.png') repeat-y scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/7.png') repeat-y scroll right 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/8.png') repeat-x scroll 0px bottom, url("__midgard-roleplay.pl/public/style_images/Midgard/_custom/avatar.png") repeat scroll 0% 0% transparent;
    padding: 6px 7px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
}

И будет тебе счастье.

Edited 8 декабря, 201410 yr by stok

GothSilvio
1

8 декабря, 201410 yr

Author

Замени всё это

.ipsUserPhoto {
	padding: 1px;
	border: 1px solid #505050;
	background: #202020;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}

На это

.ipsUserPhoto {
    background: url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/1.png') no-repeat scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/2.png') no-repeat scroll right 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/3.png') no-repeat scroll 0px bottom, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/4.png') no-repeat scroll right bottom, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/5.png') repeat-x scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/6.png') repeat-y scroll 0px 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/7.png') repeat-y scroll right 0px, url('__midgard-roleplay.pl/public/style_images/Midgard/_custom/border/8.png') repeat-x scroll 0px bottom, url("__midgard-roleplay.pl/public/style_images/Midgard/_custom/avatar.png") repeat scroll 0% 0% transparent;
    padding: 6px 7px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
}

И будет тебе счастье.

Счастья не произошло. 0 эмоций, не появляется рамка, все остается как и было.

8 декабря, 201410 yr

Зашёл на сайт который указан в профиле, просмотрел исходный код и увидел...

.ipsUserPhoto {
    border-radius: 2px;
}

Нужных свойств не наблюдаю, от этого и пляшите...

GothSilvio
1

8 декабря, 201410 yr

Author

Зашёл на сайт который указан в профиле, просмотрел исходный код и увидел...
.ipsUserPhoto {
    border-radius: 2px;
}
Нужных свойств не наблюдаю, от этого и пляшите...

Не понимаю даже, в чем проблема.

8 декабря, 201410 yr

Не понимаю даже, в чем проблема.

Давай так... Ты даёшь мне данные от АЦ, я всё делаю и шаг за шагом объясняю как я это сделал. Если согласен в Skype после 18:00 по Москве можешь написать.

GothSilvio
1

8 декабря, 201410 yr

Author

Давай так... Ты даёшь мне данные от АЦ, я всё делаю и шаг за шагом объясняю как я это сделал. Если согласен в Skype после 18:00 по Москве можешь написать.

Не имею таких прав, ресурс с важными данными, не смогу дать доступ. Попробую разобраться сам. Спасибо за помощь.

8 декабря, 201410 yr

GothSilvio, обновить кэш и стили не пробовали после замены кода?

8 декабря, 201410 yr

Author

GothSilvio, обновить кэш и стили не пробовали после замены кода?

Пробовал, та же ситуация.

8 декабря, 201410 yr

Пробовал, та же ситуация.

Ну я объяснил как мог...

Прочтите всю тему с 1 поста и хорошенько вникните, ответ ищите в ipb_styles.css

9 декабря, 201410 yr

Author

А как вообще рамку убрать?

9 декабря, 201410 yr

А как вообще рамку убрать?

Найти

.ipsUserPhoto {
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

(или что то подобное) и удалить.

9 декабря, 201410 yr

А как вообще рамку убрать?

не вижу рамку у вас на форуме. по крайне мере на том стиле который у вас

GothSilvio
1

9 декабря, 201410 yr

Author

не вижу рамку у вас на форуме. по крайне мере на том стиле который у вас

Разобрался как ее убрать. Спасибо за отклик. Закрываю.

Sign In

Рамка вокруг аватара

Featured Replies

Последние посетители 0

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)