Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Рамка для аватар и картинок

Предыдущая тема Следующая тема Перейти вниз

Рамка для аватар и картинок

Сообщение автор Aster в Пн 11 Июл - 11:54

Доброго дня. Несмотря на обилие аналогичных же тем, рискну задать свой вопрос, потому что, когда попытался применить инструкцию, изложенную здесь http://help.forum2x2.ru/t19813-topic?highlight=%F0%E0%EC%EA%E0+%E4%EB%FF+%E0%E2%E0%F2%E0%F0#quick_reply  с типовым примером все сработало, а с моей собственной рамкой - никак. Не то порезал я ее как-то не так, не то коды неправильно вписал.
Посоветуйте чайнику плз, как сделать так, чтобы все аватары, и все картинки, которые пользователи вывешивают на сайт, (вне зависимости от их размеров) окружались вот в такой рамкой
Заранее благодарю.


Последний раз редактировалось: Aster (Ср 21 Сен - 11:32), всего редактировалось 2 раз(а)

Aster
Новичок

Сообщения : 28
Возраст : 38
Регистрация : 2016-06-20
Благодарности : 0

Без предупреждений

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рамка для аватар и картинок

Сообщение автор tkir1 в Сб 16 Июл - 8:34

@Aster пишет: чтобы все аватары, и все картинки, которые пользователи вывешивают на сайт, вписывались вот в такую рамку

привет!
Вы хотите, чтобы все аватарки были одного размера?
http://help.forum2x2.ru/t34893-topic
http://help.forum2x2.ru/t12705-topic#111863

ps. красивый дизайн форума у вас

tkir1
Новичок

Сообщения : 5
Возраст : 36
Регистрация : 2016-07-13
Благодарности : 1

Без предупреждений

http://imagiart.ru/

Вернуться к началу Перейти вниз

Re: Рамка для аватар и картинок

Сообщение автор Aster в Сб 16 Июл - 17:14

спасибо на добром слове)
нет, аватарки у нас и так одного размеа. Я спрашивал как сделать, чтобы аватарки сами собой наряжались в рамку которую показал. И картинки которые пользователи загружают на форум в качестве иллюстраций к темам ( вне зависимости от размера картинок) чтобы наряжались в ту же рамку.
я чайник и нуб ( по кнопкам тыкать это легко а вот уогда дело доходит до кодов - вот тут "вот тебе бабушка и Юрьев день"

Aster
Новичок

Сообщения : 28
Возраст : 38
Регистрация : 2016-06-20
Благодарности : 0

Без предупреждений

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рамка для аватар и картинок

Сообщение автор Aster в Вт 2 Авг - 13:54

Помогите плз, кто-нибудь!

Aster
Новичок

Сообщения : 28
Возраст : 38
Регистрация : 2016-06-20
Благодарности : 0

Без предупреждений

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рамка для аватар и картинок

Сообщение автор Ринкате в Вт 2 Авг - 14:32

Можно попробовать Z-INDEX ом
Но тогда все аватарки будут одного размера.

Либо создайте матрицу

Сами попробуйте. Вставьте в CSS:
Код:
.postdetails img {border-style: solid;
border-width: 18px 17px 13px 14px;
border-image: url(http://keyrand.forum2x2.ru/users/3812/33/17/60/avatars/gallery/o_aez_10.png) 18 17 13 14 fill repeat;}

Это для проверки. А если вас устраивает результат, то как в той теме следует зайти в шаблон и вставить соответствующий - придуманный тег.

Ринкате
 

Мужчина

Сообщения : 771
Возраст : 23
Место обитания : Rain
Настроение : Изменчивое
Регистрация : 2010-05-28
Благодарности : 161

Без предупреждений

http://soul-eater.sosbb.ru/

Вернуться к началу Перейти вниз

Re: Рамка для аватар и картинок

Сообщение автор Aster в Вс 21 Авг - 12:29

Итак, кто о чем, а я о прежнем. Совет, предложенный Ринкате не помог. Продолжил копаться, на этот раз руководствуясь опытом проведенным тут. http://help.forum2x2.ru/t38566-topic#263646
В результате родил таки код
Код:
.avabor img {
margin-left: 6px;
border-style: solid;
border-width: 37px 49px 45px 46px;
-moz-border-image: url(http://i35.servimg.com/u/f35/19/49/49/24/o_aez_10.png) 40 49 43 50 stretch repeat;
-webkit-border-image: url(http://i35.servimg.com/u/f35/19/49/49/24/o_aez_10.png) 40 49 43 50 stretch repeat;
-o-border-image: url(http://i35.servimg.com/u/f35/19/49/49/24/o_aez_10.png) 40 49 43 50 stretch repeat;
border-image: url(http://i35.servimg.com/u/f35/19/49/49/24/o_aez_10.png) 40 49 43 50 fill stretch repeat;
box-shadow: 0 0 5px black;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
и результат

Понял, что желаемого не получится или чересчур уж заковыристо для моих мозгов, поэтому попросту, уже не покушаясь на картинки и изменение размера.
Аватары теперь фиксированные. Размер 200*300. Рамка тоже фиксированная. 200*300. Помогите уже, хоть кто-нибудь, а! Пожалуйста! Какую абракадабру я должен вставить в CSS, чтобы вот эта рамка точно наложилась на аватар, как ей и полагается - без зазоров и просветов? Буду очень благодарен!

Aster
Новичок

Сообщения : 28
Возраст : 38
Регистрация : 2016-06-20
Благодарности : 0

Без предупреждений

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рамка для аватар и картинок

Сообщение автор Ринкате в Вс 21 Авг - 12:49

И так начнем.

Все аватарки будут размера 200х295 (ширина, высота, все в пикселях)

1. В шаблоне viewtopic_body (Показ темы) найдите
{postrow.displayed.POSTER_AVATAR}
и замените его на:
Код:
<div id="ramka"><img src="http://keyrand.forum2x2.ru/users/3812/33/17/60/avatars/gallery/o_aez_10.png"></div><div id="ava">{postrow.displayed.POSTER_AVATAR}</div>

сохраняем и публикуем!  plus

2. В CSS ставим следующее:
Код:
#ava img {width: 200px; height: 295px;}
#ramka img {z-index: 999; position: relative; margin-bottom: -295px;}

сохраняем.

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



Последний раз редактировалось: Ринкате (Вс 21 Авг - 13:12), всего редактировалось 6 раз(а)

Ринкате
 

Мужчина

Сообщения : 771
Возраст : 23
Место обитания : Rain
Настроение : Изменчивое
Регистрация : 2010-05-28
Благодарности : 161

Без предупреждений

http://soul-eater.sosbb.ru/

Вернуться к началу Перейти вниз

Re: Рамка для аватар и картинок

Сообщение автор Aster в Вс 21 Авг - 13:04

Ринкате, Спасибо! worthy Буду ждать)

Aster
Новичок

Сообщения : 28
Возраст : 38
Регистрация : 2016-06-20
Благодарности : 0

Без предупреждений

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рамка для аватар и картинок

Сообщение автор Ринкате в Вс 21 Авг - 13:07

@Aster пишет:Ринкате, Спасибо!  worthy Буду ждать)
Отредактировал пост, получилось раньше.
Опробуйте

Ринкате
 

Мужчина

Сообщения : 771
Возраст : 23
Место обитания : Rain
Настроение : Изменчивое
Регистрация : 2010-05-28
Благодарности : 161

Без предупреждений

http://soul-eater.sosbb.ru/

Вернуться к началу Перейти вниз

Re: Рамка для аватар и картинок

Сообщение автор Aster в Вс 21 Авг - 15:07

УРА!!! Получилось, СПАСИБО!!!
Снова проверил. Все работает. Спасибо еще раз огромное!
И, да, вопрос решен, тему можно закрывать

Aster
Новичок

Сообщения : 28
Возраст : 38
Регистрация : 2016-06-20
Благодарности : 0

Без предупреждений

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения