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

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


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

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



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

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


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

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

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

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

Решено Рамка вокруг аватара

Сообщение автор Валькирия Сан в Сб 29 Авг - 17:06

Добрый день, ковыряюсь с рамкой форума по этому топику http://help.forum2x2.ru/t19813-topic#155247
Воспользовалась бордер-имейдж

Не до конца поняла на счет цсс и у меня получилось это:
Код:
/*Автоматическая рамка аватаров*/
  .avabor img {

border-width: 26px;
-moz-border-image: url(http://s020.radikal.ru/i704/1508/ab/ee13415e4de5.png) 87 81 91 83 repeat round;
-webkit-border-image: url(http://s020.radikal.ru/i704/1508/ab/ee13415e4de5.png) 87 81 91 83 repeat round;
-o-border-image: url(http://s020.radikal.ru/i704/1508/ab/ee13415e4de5.png) 87 81 91 83 repeat round;
border-image: url(http://s020.radikal.ru/i704/1508/ab/ee13415e4de5.png) 87 81 91 83 fill repeat round;
  
}

А на форуме - вот это:


Как сделать, чтоб было нормально?


Последний раз редактировалось: Валькирия Сан (Сб 5 Сен - 18:05), всего редактировалось 1 раз(а)

Валькирия Сан
 
 

Пол : Женщина
Сообщения : 183
Возраст : 27
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-03

http://amalirr.my-rpg.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Валькирия Сан в Ср 2 Сен - 13:15

Вопрос все еще актуален и нуждается в решении с Вашей помощью, спасибо. 17

Валькирия Сан
 
 

Пол : Женщина
Сообщения : 183
Возраст : 27
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-03

http://amalirr.my-rpg.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Пасека в Чт 3 Сен - 18:21

Уменьшаете число 26. Я так поняла, что вы хотите рамку поменьше.

Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Валькирия Сан в Чт 3 Сен - 19:30

Дело в том, что уменьшая число 26, я утоньшаю рамку, а не приближаю ее к аватару!

Валькирия Сан
 
 

Пол : Женщина
Сообщения : 183
Возраст : 27
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-03

http://amalirr.my-rpg.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Пасека в Чт 3 Сен - 20:09

Посмотрела на картинку - где вы рамку делаете.
Очень свободного места. Двигаете рычажки.
А также - Border size

Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Валькирия Сан в Чт 3 Сен - 20:09

в цсс ставлю это:
Код:
/*Автоматическая рамка аватаров*/
.avabor img {

border-style: solid;
border-width: 58px 61px 60px 55px;
-moz-border-image: url(http://s015.radikal.ru/i332/1509/8c/789523a2c99b.png) 58 61 60 55 repeat;
-webkit-border-image: url(http://s015.radikal.ru/i332/1509/8c/789523a2c99b.png) 58 61 60 55 repeat;
-o-border-image: url(http://s015.radikal.ru/i332/1509/8c/789523a2c99b.png) 58 61 60 55 repeat;
border-image: url(http://s015.radikal.ru/i332/1509/8c/789523a2c99b.png) 58 61 60 55 repeat;
}
    

Рамка выглядит так, которую хочу установить, нужно, чтоб она имела внутреннюю тень.


Но получается вот такая ерунда.
Код:
http://s50.radikal.ru/i130/1509/9e/0b9e2ba13cf2.png

Если я уменьшаю значение border-width, то рамка превращается в тоненькую ниточку:


Скажите уже, Христа ради, знающие и сведущие люди, что в этом коде в css надо поменять, чтоб у меня получился вот такой результат?


Валькирия Сан
 
 

Пол : Женщина
Сообщения : 183
Возраст : 27
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-03

http://amalirr.my-rpg.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Пасека в Чт 3 Сен - 20:31

Код:
border-style: solid; border-width: 51px 51px 51px;
-moz-border-image: url(http://s013.radikal.ru/i323/1509/2d/429c627352e7.png) 14 14 14 repeat;
-webkit-border-image: url(http://s013.radikal.ru/i323/1509/2d/429c627352e7.png) 14 14 14 repeat;
-o-border-image: url(http://s013.radikal.ru/i323/1509/2d/429c627352e7.png) 14 14 14 repeat;
border-image: url(http://s013.radikal.ru/i323/1509/2d/429c627352e7.png) 14 14 14 fill repeat;
Не говорю, что это то, что вы хотите. У меня такое и рамка толстая)))
Я эту картинку, что вы загрузили делала.
Но вы сами должны регулировать.
ЕСТЬ BORD SIZE.
Вы не используете/
И ещё циферки должны быть одинаковы, потому что ваша рамка одинакова по толщине со всех сторон.

Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Пасека в Чт 3 Сен - 20:42

Для наглядности smile картинка
тЫк:

Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Валькирия Сан в Чт 3 Сен - 20:47

дак если я сделаю, как вы указали, у меня уголки обрежутся у рамки

Валькирия Сан
 
 

Пол : Женщина
Сообщения : 183
Возраст : 27
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-03

http://amalirr.my-rpg.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Валькирия Сан в Чт 3 Сен - 21:01

Сделала, как вы посоветовали.
Код:
/*Автоматическая рамка аватаров*/
.avabor img {
border-style: solid;
border-width: 44px;
-moz-border-image: url(http://s013.radikal.ru/i323/1509/2d/429c627352e7.png) 52 repeat;
-webkit-border-image: url(http://s013.radikal.ru/i323/1509/2d/429c627352e7.png) 52 repeat;
-o-border-image: url(http://s013.radikal.ru/i323/1509/2d/429c627352e7.png) 52 repeat;
border-image: url(http://s013.radikal.ru/i323/1509/2d/429c627352e7.png) 52 repeat;
}
   
Вот результат:


Получилась та же дребедень и если менять border-width: 44px; на меньшее, то рамка не приближается к аватару, а становится тоньше, потому как это меняет ее ширину, но как ее сделать в облипку с аватаром?

Валькирия Сан
 
 

Пол : Женщина
Сообщения : 183
Возраст : 27
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-03

http://amalirr.my-rpg.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Пасека в Чт 3 Сен - 22:28

@Валькирия Сан пишет:дак если я сделаю, как вы указали, у меня уголки обрежутся у рамки
Я на глаз делала, вместо 14 поставьте другие числа.


Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Валькирия Сан в Чт 3 Сен - 23:14

@Пасека пишет:
Я на глаз делала, вместо 14 поставьте другие числа.


http://help.forum2x2.ru/t38566-topic#263646 в этом посте сделала, как вы сказали, результат неудачен. Что то не так.

Валькирия Сан
 
 

Пол : Женщина
Сообщения : 183
Возраст : 27
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-03

http://amalirr.my-rpg.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Пасека в Пт 4 Сен - 0:48




Код:
border-style: solid;
border-width: 25px;
-moz-border-image: url(http://snapsnap.ru/photos/20150904144131609216161.png) 25 stretch;
-webkit-border-image: url(http://snapsnap.ru/photos/20150904144131609216161.png) 25 stretch;
-o-border-image: url(http://snapsnap.ru/photos/20150904144131609216161.png) 25 stretch;
border-image: url(http://snapsnap.ru/photos/20150904144131609216161.png) 25 stretch;

Рамка ваша 200 пиксель, я увеличила 500 пиксель

Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Валькирия Сан в Пт 4 Сен - 7:59

Вы меня как будто не слышите и не понимаете, чего я пытаюсь добиться. Это результат, который меня не устраивает.
Мне нужен вот такой результат, как я уже говорила постом выше:


Но максимум, что я смогла сделать, это:

Рамка должна остаться такой, как вы ее видете на картинке с девушкой, но она должна быть не на расстоянии от аватара, а обтекать его, как на картинке выше.



Валькирия Сан
 
 

Пол : Женщина
Сообщения : 183
Возраст : 27
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-03

http://amalirr.my-rpg.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Пасека в Пт 4 Сен - 9:40

Вы, как я поняла, хотели рамку потолще.
Или нет???
Значит поняла плохо.

Такое вас устроит???


Если да - напишу код.

Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Dana Domirani в Пт 4 Сен - 9:45

Валькирия Сан, вот именно так —



не получится в принципе:
1) для этого бы border' у пришлось бы лежать поверх картинки, чтобы перекрывать ее тенью, а он может обрамлять только стык в стык
2) уголки не могут быть шире и выше, чем фрагмент бокового обрамления, т.к. "пустое пространство", образующееся в углах внутри, влияет на ширину боковых частей.



А то, что Вы хотите, можно сделать только одним способом: зафиксировать размеры всех аватаров и рамку (с тенью, фиксированного размера) накладывать поверх них.


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Пасека в Сб 5 Сен - 10:24

@Dana Domirani пишет:А то, что Вы хотите, можно сделать только одним способом: зафиксировать размеры всех аватаров

Извините, что в этой теме.
Как зафиксировать размер аватаров так, чтоб, например, меньше 150 пиксель по ширине не вставляли?

Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Валькирия Сан в Сб 5 Сен - 18:04

Решение своей проблемы я нашла. Тему можно закрывать.
Код:
/*Автоматическая рамка аватаров*/
.avabor img {

margin-left: 6px;

border-width: 8px;
-moz-border-image: url(http://s020.radikal.ru/i702/1509/33/65cf42604695.png) 8 repeat;
-webkit-border-image: url(http://s020.radikal.ru/i702/1509/33/65cf42604695.png) 8 repeat;
-o-border-image: url(http://s020.radikal.ru/i702/1509/33/65cf42604695.png) 8 repeat;
border-image: url(http://s020.radikal.ru/i702/1509/33/65cf42604695.png) 8 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);
}

Можно смело загружать не только квадратное изображение, но и прямоугольное. Главное, что значения, которые у меня стоят 8 пикселей, их менять нужно на ту ширину, какой ширины ваша рамка. И все отлично получилось.

Валькирия Сан
 
 

Пол : Женщина
Сообщения : 183
Возраст : 27
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-03

http://amalirr.my-rpg.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Пасека в Сб 5 Сен - 20:32

Это же совсем другая рамка сейчас. У неё внутренние углы 90°, без внутренних завитушек smile
И она впритык пойдёт к аватарке. Значение не имеет - квадратная или прямоугольная.
А вот с завитушками, нужно немного отступить, чтоб их не обрезать.
Я уже думала, что можно небольшой отступ заполнить внутренней тенью.

Пасека
 
 

Пол : Женщина
Сообщения : 105
Возраст : 31
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2015-05-12

http://pasion.gip-gip.com/

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

Решено Re: Рамка вокруг аватара

Сообщение автор Валькирия Сан в Вс 6 Сен - 18:15

Не, я уже поняла, что с завитушками не получится и убрала их.

Валькирия Сан
 
 

Пол : Женщина
Сообщения : 183
Возраст : 27
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-03

http://amalirr.my-rpg.com/

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

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


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