[отвечено] Динамичная рамка для аватара (Форум поддержки пользователей ZeroParking)

12010-12-27 12:18:24

Автор: Ksana
Модератор
Откуда: Місто Lemberg
Зарегистрирован: 2008-07-04
Сообщений: 546
Уважение: +30
Позитив: +50
Провел на форуме:
5 дней 7 часов
Последний визит:
Сегодня 03:59:08

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

1 и 2 - картинка no-repeat с размером в пикселях или процентах.
3 и 4 - картинка repeat-у

Теоретически, это дает возможность создавать множество разнообразных рамок в соответствии со стилем и атмосферой форума.

Теги: заказ скрипта, аватар, рамка, обрамление

Подпись автора: Виртуальный мальчик ФОРТИС

+1

22010-12-27 17:40:53

Автор: Kven
Форумчанин
Откуда: берутся кодеры?
Зарегистрирован: 2009-08-08
Сообщений: 336
Уважение: +42
Позитив: +16
Пол: Мужской
ICQ: 587577669
Провел на форуме:
8 дней 8 часов
Последний визит:
2011-01-13 21:57:40

Предлагаю такое.
Не факт, что вариант супер.

<style>
.pa-avatar table, .pa-avatar table td {border: none !important; background: #CDCDCD; border-spacing:0 !important; padding:0 !important;}
.pa-avatar .avup {height:20px;}
.pa-avatar .avdwn {height:20px;}
.pa-avatar .avlt {width: 10px;}
.pa-avatar .avrt {width: 10px;}
.pa-avatar img {margin: 0; padding:0;}
.pa-avatar {padding-right: 100% !important;}
</style>

По циферкам

1
2
3
4
Задавайте стиль: бэкграунд, высоту, ширину.
Основной цвет бэкграунда во всех блоках относящихся к аватару* (#CDCDCD)
Сам скрипт

Код:

<script type="text/javascript">
ave = document.getElementsByClassName('pa-avatar')
figa = -1
while (ave[++figa]) {
av = ave[figa].innerHTML
ave[figa].innerHTML = '<table><tr><td class="avup" colspan="3" width="auto"></td></tr><tr><td class="avlt"></td><td class="avml" width="'+ave[figa].firstChild.width+'">' +av+ '</td><td class="avrt"></td></tr><tr><td class="avdwn" colspan="3" width="auto"></td></tr></table>'
}

</script>

Поправил. Больше ошибок пока не вижу...

Отредактировано Kven (2010-12-27 18:49:00)

Подпись автора: и впрямь, не забываем ↓

+1

32010-12-27 19:21:55

Автор: Ksana
Модератор
Откуда: Місто Lemberg
Зарегистрирован: 2008-07-04
Сообщений: 546
Уважение: +30
Позитив: +50
Провел на форуме:
5 дней 7 часов
Последний визит:
Сегодня 03:59:08

Kven, спасибо, потестим, позже отпишу

Подпись автора: Виртуальный мальчик ФОРТИС

0

4Вчера 00:07:16

Автор: Ksana
Модератор
Откуда: Місто Lemberg
Зарегистрирован: 2008-07-04
Сообщений: 546
Уважение: +30
Позитив: +50
Провел на форуме:
5 дней 7 часов
Последний визит:
Сегодня 03:59:08

Kven, не знаю, может мой стоп-кран, но до того, как вы внесли изменения, скрипт, хоть и стал криво, но более правдоподобно срабатывал. Правда, я не успела глянуть, что именно вы изменили. Но теперь задаются отступы, а бэкграунд не отображается вообще. Соответственно, на свой заменить его возможным не представляется.
В общем, нужна еще раз ваша помощь.

Подпись автора: Виртуальный мальчик ФОРТИС

0

5Вчера 00:09:57

Автор: Ksana
Модератор
Откуда: Місто Lemberg
Зарегистрирован: 2008-07-04
Сообщений: 546
Уважение: +30
Позитив: +50
Провел на форуме:
5 дней 7 часов
Последний визит:
Сегодня 03:59:08

Выглядит вот так

Подпись автора: Виртуальный мальчик ФОРТИС

0

6Вчера 02:42:51

Автор: Deff
Форумчанин
Зарегистрирован: 2010-09-17
Сообщений: 423
Уважение: +56
Позитив: +7
Предупреждений: 1
Провел на форуме:
6 дней 2 часа
Активен

Ksana

Вопрос: почему нельзя все четыре рамки объединить в одну ? -(* Выложите крупный рисунок полной рамки - я её присобачу

(Возможно даже смогу по группам пользователей

Отредактировано Deff (Вчера 02:44:46)

0

7Вчера 06:00:00

Автор: Ksana
Модератор
Откуда: Місто Lemberg
Зарегистрирован: 2008-07-04
Сообщений: 546
Уважение: +30
Позитив: +50
Провел на форуме:
5 дней 7 часов
Последний визит:
Сегодня 03:59:08

Deff написал(а):

Выложите крупный рисунок полной рамки - я её присобачу

В каком смысле? В фотошопе, чтоль? Либо я вас не поняла, либо вы меня %-)
Если бы меня это устроило, я бы не парилась и не искала скрипт. Суть в том, что мне нужна динамичная рамка, которая может подстраиваться под любой аватар (за счет повтора по "у"), независимо от пропорций картинки.
Если вы имели ввиду что-то другое (не приклеивание рамки к картинке в фотошопе), то, будьте добры, перефразируйте, пожалуйста, фразу "я её присобачу". Хотелось бы знать, о каком процессе "присобачивания" идет речь)

Подпись автора: Виртуальный мальчик ФОРТИС

0

8Вчера 10:30:02

Автор: Deff
Форумчанин
Зарегистрирован: 2010-09-17
Сообщений: 423
Уважение: +56
Позитив: +7
Предупреждений: 1
Провел на форуме:
6 дней 2 часа
Активен

Ksana Выложите какртинку из фотошопа - рамки - бует динамическая

0

9Вчера 14:59:13

Автор: Ksana
Модератор
Откуда: Місто Lemberg
Зарегистрирован: 2008-07-04
Сообщений: 546
Уважение: +30
Позитив: +50
Провел на форуме:
5 дней 7 часов
Последний визит:
Сегодня 03:59:08

Deff, картинки у меня еще нет. Сначала я хотела получить рабочий скрипт, а потом подбирать рамку, с возможностью редактирования ее в процессе. Я вам, конечно, благодарна за желание помочь, но вы могли бы, все-таки, объяснить, что собираетесь сделать?