Jump to content

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

Featured Replies

Posted
comment_75413

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

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

  • Author
comment_75423

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

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

comment_75427

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

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

  • Author
comment_75429

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

Как тут:

__midgard-roleplay.pl/
comment_75430

 

Как тут:

__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

  • Author
comment_75431

 

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

 

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

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

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

comment_75432

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

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

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

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

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

  • Author
comment_75435

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

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

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

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

.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

  • Author
comment_75438

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

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

comment_75439

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

.ipsUserPhoto {
    border-radius: 2px;
}

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

  • Author
comment_75441

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

.ipsUserPhoto {
    border-radius: 2px;
}

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

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

comment_75443

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

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

  • Author
comment_75444

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

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

  • Author
comment_75446

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

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

comment_75447

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

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

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

comment_75535

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

Найти

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

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

comment_75538

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

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

  • Author
comment_75542

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

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

Guest
This topic is now closed to further replies.

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

  • No registered users viewing this page.