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

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


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

Мы в социальных сетях



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

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


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

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

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

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

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

Сообщение автор Aster в Пн 11 Июл - 14: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 Сен - 14:32), всего редактировалось 2 раз(а)

Aster
Новичок

Сообщения : 21
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

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

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

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

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

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

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

tkir1
Новичок

Сообщения : 7
Возраст : 36
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2016-07-13

http://imagiart.ru/

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

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

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

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

Aster
Новичок

Сообщения : 21
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

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

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

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

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

Aster
Новичок

Сообщения : 21
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

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

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

Сообщение автор Ринкате в Вт 2 Авг - 17: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;}

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

Ринкате
 
 

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

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

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

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

Сообщение автор Aster в Вс 21 Авг - 15: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
Новичок

Сообщения : 21
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

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

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

Сообщение автор Ринкате в Вс 21 Авг - 15: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 Авг - 16:12), всего редактировалось 6 раз(а)

Ринкате
 
 

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

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

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

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

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

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

Aster
Новичок

Сообщения : 21
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

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

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

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

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

Ринкате
 
 

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

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

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

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

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

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

Aster
Новичок

Сообщения : 21
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

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

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


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