Jump to content

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


 Share

Recommended Posts

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

Как тут:

__midgard-roleplay.pl/
Link to comment
Share on other sites

 

Как тут:

__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 by stok
Link to comment
Share on other sites

 

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

 

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

Заходишь в 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}/название картинки.расширение

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

Link to comment
Share on other sites

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

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

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

.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);
}

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

Link to comment
Share on other sites

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

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

.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);
}
Link to comment
Share on other sites

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

.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 by stok
Link to comment
Share on other sites

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

.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 эмоций, не появляется рамка, все остается как и было. 

Link to comment
Share on other sites

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

.ipsUserPhoto {
    border-radius: 2px;
}

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

Link to comment
Share on other sites

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

.ipsUserPhoto {
    border-radius: 2px;
}

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

Найти

.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);
}

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...