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

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

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

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

Перейти вниз

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

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

Добрый день, ковыряюсь с рамкой форума по этому топику http://help.forum2x2.ru/t19813-topic#155247
Воспользовалась бордер-имейдж
Рамка вокруг аватара 5faf1a8720a3t
Не до конца поняла на счет цсс и у меня получилось это:
Код:
/*Автоматическая рамка аватаров*/
  .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;
  
}

А на форуме - вот это:
Рамка вокруг аватара 2bfcfbca7457t

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


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

Женщина
Сообщения : 173
Возраст : 30
Регистрация : 2011-11-03
Благодарности : 3

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

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

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

Important Re: Рамка вокруг аватара

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

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

Женщина
Сообщения : 173
Возраст : 30
Регистрация : 2011-11-03
Благодарности : 3

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

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

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

Important Re: Рамка вокруг аватара

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

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

Женщина
Сообщения : 54
Возраст : 34
Регистрация : 2015-05-12
Благодарности : 0

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

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

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

Important Re: Рамка вокруг аватара

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

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

Женщина
Сообщения : 173
Возраст : 30
Регистрация : 2011-11-03
Благодарности : 3

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

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

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

Important Re: Рамка вокруг аватара

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

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

Женщина
Сообщения : 54
Возраст : 34
Регистрация : 2015-05-12
Благодарности : 0

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

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

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

Important 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;
}
    

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

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

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

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

Женщина
Сообщения : 173
Возраст : 30
Регистрация : 2011-11-03
Благодарности : 3

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

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

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

Important 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.
Вы не используете/
И ещё циферки должны быть одинаковы, потому что ваша рамка одинакова по толщине со всех сторон.
Пасека
Пасека
 
 

Женщина
Сообщения : 54
Возраст : 34
Регистрация : 2015-05-12
Благодарности : 0

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

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

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

Important Re: Рамка вокруг аватара

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

Для наглядности smile картинка
тЫк:
Рамка вокруг аватара 1296e001d241
Пасека
Пасека
 
 

Женщина
Сообщения : 54
Возраст : 34
Регистрация : 2015-05-12
Благодарности : 0

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

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

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

Important Re: Рамка вокруг аватара

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

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

Женщина
Сообщения : 173
Возраст : 30
Регистрация : 2011-11-03
Благодарности : 3

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

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

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

Important 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;
}
   
Вот результат:
Рамка вокруг аватара 1d52dead389c

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

Женщина
Сообщения : 173
Возраст : 30
Регистрация : 2011-11-03
Благодарности : 3

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

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

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

Important Re: Рамка вокруг аватара

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

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

Пасека
Пасека
 
 

Женщина
Сообщения : 54
Возраст : 34
Регистрация : 2015-05-12
Благодарности : 0

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

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

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

Important Re: Рамка вокруг аватара

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

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


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

Женщина
Сообщения : 173
Возраст : 30
Регистрация : 2011-11-03
Благодарности : 3

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

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

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

Important Re: Рамка вокруг аватара

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

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


Код:
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 пиксель
Пасека
Пасека
 
 

Женщина
Сообщения : 54
Возраст : 34
Регистрация : 2015-05-12
Благодарности : 0

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

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

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

Important Re: Рамка вокруг аватара

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

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

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


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

Женщина
Сообщения : 173
Возраст : 30
Регистрация : 2011-11-03
Благодарности : 3

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

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

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

Important Re: Рамка вокруг аватара

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

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

Такое вас устроит???
Рамка вокруг аватара 20150904144134863262312

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

Женщина
Сообщения : 54
Возраст : 34
Регистрация : 2015-05-12
Благодарности : 0

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

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

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

Important Re: Рамка вокруг аватара

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

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

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

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

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

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


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

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


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


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


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

Женщина
Сообщения : 21802
Возраст : 34
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8688

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

http://poltergeist-legacy.com/

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

Important Re: Рамка вокруг аватара

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

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

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

Женщина
Сообщения : 54
Возраст : 34
Регистрация : 2015-05-12
Благодарности : 0

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

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

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

Important 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 пикселей, их менять нужно на ту ширину, какой ширины ваша рамка. И все отлично получилось.
Валькирия Сан
Валькирия Сан
 
 

Женщина
Сообщения : 173
Возраст : 30
Регистрация : 2011-11-03
Благодарности : 3

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

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

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

Important Re: Рамка вокруг аватара

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

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

Женщина
Сообщения : 54
Возраст : 34
Регистрация : 2015-05-12
Благодарности : 0

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

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

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

Important Re: Рамка вокруг аватара

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

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

Женщина
Сообщения : 173
Возраст : 30
Регистрация : 2011-11-03
Благодарности : 3

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

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

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

Вернуться к началу


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