ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Внимание! Нужно ваше мнение! Выбираем новый логотип, новую стилистику и новую разметку заявок для проекта ролевых заявок.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Подарки или награды на странице профиля

Сообщений 1 страница 10 из 21

1

Подарки или награды на странице профиля
Загружает из специального топика на страницу профиля награды или подарки с всплывающем описанием.

Автор скрипта: Romych
Мелкие доделки скрипта и дизайн: Герда
Похожие скрипты: *скоро будут*

ОПИСАНИЕ СКРИПТА
Куда вставляются подарки/награды?
Для каждого юзера заводится специальный топик с наградами/подарками.
Подарки или награды добавляются в топик по специальному шаблону.
При отправке сообщения не по шаблону пост НЕ отгружается в профиль, там появляются только правильно оформленные подарки/награды, что позволяет вам, например, делать топики открытыми для пользователей и разрешать не только отправлять подарки, но и флудить в них.
Добавлять подарки/награды легко и просто. Вам вообще не нужно переживать за размер картинок - код делает их одинаковыми по размеру.
В описании награды или пожелании к подарку допускаются ЛЮБОЕ форматирование текста и вставка картинок.

Как прикрепляются подарки/награды к профилю?
Чтобы подарки отгружались из топика в профиль есть две опции настройки скрипта: либо он возьмет последнюю ссылку из дополнительного поля, либо он возьмет последнюю ссылку из подписи пользователя.
Причем можно помимо ссылок на страничку с подарками вставлять ЛЮБЫЕ дополнительные тексты и ссылки в подписи или дополнительном поле - скрипт учитывает только последнюю ссылку, а не любую другую.

Размещение топиков
Для начала оптимальным решением будет сделать отдельный форум для топиков с подарками/наградами. Хотя вы вольны хранить такие топики, где угодно, но это будет удобнее всего.
Форум с топиками должен быть открыт для чтения всем, кто может видеть подарки/награды. Если вы хотите скрыть награды от гостей, то просто не выставляйте галочку чтения.
Форум с топиками должен быть доступен для ответам всем, кто может вручать подарки/награды. Например, при награждениях, наверное, лучше запретить писать в топике всем, кроме модераторов, а вот при подарках - сами выбирайте, кому будут доступны ответы: можно сделать вручение подарков особой фишкой, которая есть только у продвинутых групп.

Если вы хотите скрыть форум подарков/наград с главной страницы, вы можете сделать это так:
Сокрытие любого элемента форума от определенных групп (CSS) - через стиль
Сокрытие форума/раздела - скриптом

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

Оформление топиков и подарков
Вы можете оформить топик с подарками приблизительно так: http://oaotr.0pk.ru/viewtopic.php?id=167
Чтобы отправить подарок, пользователям необходимо будет воспользоваться шаблоном с бб-кодами:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Вы также можете оформить топик с подарками/наградами в виде формы отправки:
http://forumupload.ru/uploads/0007/e3/f7/2/947494.jpg
В этом вам поможет Скрипт создания анкет и форм v2
Шаблон анкеты будет таким:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

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

Если у вас проблемы с отображением кнопочек в форме, вставьте в hmtl-верх:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

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

СКРИПТ И НАСТРОЙКИ СКРИПТА
Сам скрипт наград вставляем в html-низ:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Куда вставлять ссылку на награды/подарки
Есть две опции вставки ссылки на награды/подарки. Ссылка в подписи или ссылка в дополнительном поле профиля.
Скрипт будет считывать ПОСЛЕДНЮЮ по счету ссылку из подписи или доп.поля. Если в подписи или доп.поле есть другие ссылки после подарков, то скрипт "выцепит" неправильный топик и не будет отгружать
Однако помимо ссылки на награды/подарки, что в подписи, что в доп.поле, можно расположить любое количество другой информации и кодов. Скрипт "вытаскивает" и отгружает в профиль только последнюю ссылку, а остальное ему не мешает. Поэтому скрипт позволить экономить доп.поля, используя их не только для наград/подарков, но и для других целей.

Для ссылки в доп.поле (в скрипте сейчас именно такая версия):

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Для подписи меняем var sel = 1;, а настройку номера доп.поля не трогаем

Также вы можете поменять под себя порядок отображения подарков и т.д.

Как поменять надпись "подарок" на награду
Находим в скрипте две строчки:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

вместо красного - ваш заголовок наград/подарков

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

вместо красного - ваш текст ссылки, ведущей на топик с наградами

СТИЛЬ
Вставляем в html-верх ИЛИ свой стиль БЕЗ тегов <style>:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

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

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+2

2

У меня сейчас стоит именно ваш код

Код:
/***Стиль стена_подарки в профиле***/
.stena .post-content {display: none;}
.stena .post-content.hide {display: none !important;}
 
.stena {text-align: center;}
.stena .post-content {text-align: left;}
.stena .post-content:hover .podtext {opacity: 1;}
 
.stena .post-content.show {
display: inline-block;
width: 420px; /* максимальная ширина блока с подарком */
height: 210px; /* максимальная высота блока с подарком */
margin: 5px;
position: relative;
overflow: visible;
}
 
.stena .podimg img {
display: block;
position: absolute;
top: 0;
left: 0;
border-radius: 50%; /* закругление подарка в кружочек ( если не нужно - удалить эту строчку) */
z-index: 10;
max-width: 100px; /* максимальная ширина подарка */
max-height: 100px; /* максимальная высота подарка */
background-color: #ccc; /* цвет фона подарка */
border: 5px solid #284966; /* бордюрчик вокруг подарка (если не нужно - удалить строчку, если нужно меняем #284966 на свой цвет */
}
 
.stena .stenaava {
display: block;
position: absolute;
z-index: 30;
border-radius: 50%;
max-width: 34px; /* максимальная ширина авы дарителя */
left: 20px; /* двигаем аву дарителя влево */
top: 0px; /* двигаем аву дарителя сверху */
background-color: #224463; /* цвет фона авы */
border: 3px solid #214261; /* бордюрчик вокруг авы (если не нужно - удалить строчку, если нужно меняем #284966 на свой цвет */
}
 
.stena .stenafrom {
position: absolute;
z-index: 20;
background-color: #234563;  /* цвет фона на нике дарителя */
color: #fff;  /* цвет текста на нике дарителя */
font-size: 14px; /* размер шрифта в нике дарителя */
padding: 5px;
border-radius: 5px;  /* закругление границ (если не надо - удалить) */
transition: all 0.8s;
-webkit-transition: all 0.8s;
left: 40px; /* двигаем ник дарителя влево */
top: 0px; /* двигаем ник сверху */
padding-left: 25px; /* фоновый отступ слева (убрать, если не нужно) */
}
 
.stena .podtext {
position: absolute;
z-index: 40;
font-size: 14px; /* размер шрифта всплывающего описания */
background-color: #90a2c6;  /* цвет фона всплывающего описания */
padding: 5px;
border-radius: 5px; /* закругление границ (если не надо - удалить) */
text-align: left !important;
opacity: 0;
transition: all 0.8s;
-webkit-transition: all 0.8s;
top: 32px; /* двигаем всплывающее описание сверху */
width: 250px; /* ширина всплывающего описания */
}
 
.stena .podtext:before {
content: '';
border: 10px solid transparent; 
border-bottom: 10px solid #90a2c6; /* цвет фона всплывающего описания ЕЩЕ РАЗ (это стрелочка, меняем #90a2c6 на цвет, который вставляли для описания выше) */
position: absolute;
top: -18px; /* двигаем стрелочку вверх */
left: 60px; /* двигаем стрелочку влево */
z-index: 40;
}
.stena .post-content .podtext img {
max-width: 100px; /* максимальная ширина картинок в всплывающем ОПИСАНИИ (тексте дарителя) */
max-height: 50px; /* максимальная высота картинок в всплывающем ОПИСАНИИ (тексте дарителя) */
}
 
.stena .stenalink { /* ссылка "подарить подарок" */
display: block;
text-align: center;
font-size: 18px; /* размер текста */
text-transform: uppercase;
background-color: #b5cde3; /* цвет фона */
color: #1f4160; /* цвет текста */
padding: 5px;
text-decoration: none;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.stena .stenalink:hover { /* ссылка "подарить подарок" при наведении курсора */
text-decoration: none;
color: #fff; /* цвет текста */
background-color: #507ca4; /* цвет фона */
}

Вывод в подписи.
Не могу сообразить как мне сделать вывод подарков так же как и на ваших скринах выше.
То есть:
Мне надо вывести 10 подарков.
По 5 подарков в одной строке по горизонтали (по факту 2 строки подарков).

На данный момент подарки висят вертикально

Ссылка на мой профиль  http://vip.maminforum.com/profile.php?id=2

Подпись автора

...

+2

3

МАЧОнаДАЧЕ
1. по дороге увидела:

НАЧАЛО. поля профиля без имён

НЕ НУЖЕН
делаем через стиль:

Код:
.pa-fld1 .fld-name,
.pa-fld2 .fld-name,
.pa-fld3 .fld-name,
.pa-fld4 .fld-name,
.pa-fld5 .fld-name {
    display: none !important;
}

если нужно убрать во всех пунктах (не только доп.полях), то можно так:

Код:
.fld-name {display: none !important;}

переадрисация тем_иконка

тоже не нужно. реализовано в движке, можно просто удалить

2. касательно подарков
делаем так:

Код:
/***Стиль стена_подарки в профиле***/
.stena .post-content {display: none;}
.stena .post-content.hide {display: none !important;}
 
.stena {text-align: center;}
.stena .post-content {text-align: left;}
.stena .post-content:hover .podtext {opacity: 1;}
 
.stena .post-content.show {
display: inline-block;
width: 140px; /* максимальная ширина блока с подарком */
height: 120px; /* максимальная высота блока с подарком */
margin: 5px;
position: relative;
overflow: visible;
}
 
.stena .podimg img {
display: block;
position: absolute;
top: 0;
left: 0;
border-radius: 50%; /* закругление подарка в кружочек ( если не нужно - удалить эту строчку) */
z-index: 10;
max-width: 100px !important; /* максимальная ширина подарка */
max-height: 100px !important; /* максимальная высота подарка */
background-color: #ccc; /* цвет фона подарка */
border: 5px solid #284966; /* бордюрчик вокруг подарка (если не нужно - удалить строчку, если нужно меняем #284966 на свой цвет */
}
 
.stena .stenaava {
display: block;
position: absolute;
z-index: 30;
border-radius: 50%;
max-width: 34px; /* максимальная ширина авы дарителя */
left: 0px; /* двигаем аву дарителя влево */
top: 0px; /* двигаем аву дарителя сверху */
background-color: #224463; /* цвет фона авы */
border: 3px solid #214261; /* бордюрчик вокруг авы (если не нужно - удалить строчку, если нужно меняем #284966 на свой цвет */
}
 
.stena .stenafrom {
position: absolute;
z-index: 20;
background-color: #234563;  /* цвет фона на нике дарителя */
color: #fff;  /* цвет текста на нике дарителя */
font-size: 14px; /* размер шрифта в нике дарителя */
padding: 5px;
border-radius: 5px;  /* закругление границ (если не надо - удалить) */
transition: all 0.8s;
-webkit-transition: all 0.8s;
left: 20px; /* двигаем ник дарителя влево */
top: 0px; /* двигаем ник сверху */
padding-left: 25px; /* фоновый отступ слева (убрать, если не нужно) */
}
 
.stena .podtext {
position: absolute;
z-index: 40;
font-size: 14px; /* размер шрифта всплывающего описания */
background-color: #90a2c6;  /* цвет фона всплывающего описания */
padding: 5px;
border-radius: 5px; /* закругление границ (если не надо - удалить) */
text-align: left !important;
opacity: 0;
transition: all 0.8s;
-webkit-transition: all 0.8s;
top: 32px; /* двигаем всплывающее описание сверху */
width: 250px; /* ширина всплывающего описания */
}
 
.stena .podtext:before {
content: '';
border: 10px solid transparent; 
border-bottom: 10px solid #90a2c6; /* цвет фона всплывающего описания ЕЩЕ РАЗ (это стрелочка, меняем #90a2c6 на цвет, который вставляли для описания выше) */
position: absolute;
top: -18px; /* двигаем стрелочку вверх */
left: 60px; /* двигаем стрелочку влево */
z-index: 40;
}
.stena .post-content .podtext img {
max-width: 100px; /* максимальная ширина картинок в всплывающем ОПИСАНИИ (тексте дарителя) */
max-height: 50px; /* максимальная высота картинок в всплывающем ОПИСАНИИ (тексте дарителя) */
}
 
.stena .stenalink { /* ссылка "подарить подарок" */
display: block;
text-align: center;
font-size: 18px; /* размер текста */
text-transform: uppercase;
background-color: #b5cde3; /* цвет фона */
color: #1f4160; /* цвет текста */
padding: 5px;
text-decoration: none;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.stena .stenalink:hover { /* ссылка "подарить подарок" при наведении курсора */
text-decoration: none;
color: #fff; /* цвет текста */
background-color: #507ca4; /* цвет фона */
}

должно получиться так:
http://forumupload.ru/uploads/0007/e3/f7/2/233729.png

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+2

4

Герда
Спасибо 🌹🌹🌹
Встали как надо

Подпись автора

...

0

5

МАЧОнаДАЧЕ
предлагаю открыть топик с вопросами/запросами по допиливанию дизайна тут: Техническая поддержка
например, типа таких: https://forum.mybb.ru/viewtopic.php?id= … 88#p962160

+ можно будет оптимизировать количество скриптов и другие штуки.

+ ты говорил на ЕФП, что у другого форума есть какие-то проблемы.

кароче, подтягивайся сюда, помогу скриптами и цсс, а ты мне - воскрешением активности. :)

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+1

6

У меня всё тот же вопрос... А с русфф и их наградами будет работать или награды надо отключить?

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh

+1

7

Мэрилин Мэрис написал(а):

У меня всё тот же вопрос... А с русфф и их наградами будет работать или награды надо отключить?

Можно использовать и то, и то.
Это отдельный скрипт, с русфф никак не связаный, можно переименовать его в какие-нибудь "значки"/"медальки"/"поздравляшки"/"ачивки" (кароче, куда фантазия занесет) и использовать одновременно с наградами и подарками от русфф.

Лично меня русфф награды разочаровали, ибо тормозят и нужно изобретать нереальные костыли, чтобы как-то кастомизировать их. Например, невозможно адекватно поменять везде, где нужно слово "награды" на слово "достижения". Дизайн страницы тоже через ж осуществляется. :)
Подарки - мало того, что платные, так ещё и нельзя свои картинки вставить...

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+2

8

Всегда настороженно отношусь к скриптам с такой подробной инструкцией, кажется что всё очень трудно и долго настраивать. Но нет,  стиль так подробно расписан что настройка далась очень легко! Спасибо большое!

Единственное что, можно ли сделать так, чтобы скрипт отображал аватары пользователей в нике которых есть спецсимволы? (Майбб в этом году сделал так что теперь мини-аватары отображаются даже со спецсимволами, так что надеюсь и с этим скриптом можно...) Сейчас он этого не делает, я на время выключила отображение аватаров в подарках, но если будет возможность это исправить, буду очень признательна!

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh

+1

9

Мэрилин Мэрис написал(а):

Всегда настороженно отношусь к скриптам с такой подробной инструкцией, кажется что всё очень трудно и долго настраивать.

сори, хотелось расписать максимально подробно все опции - перестаралась.  :D

Мэрилин Мэрис написал(а):

Единственное что, можно ли сделать так, чтобы скрипт отображал аватары пользователей в нике которых есть спецсимволы?

можно ссылочку на пример профиль, где есть такой аватар, который не отображается?

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+1

10

Герда написал(а):

можно ссылочку на пример профиль, где есть такой аватар, который не отображается?

Вот например:
https://nolf.rusff.ru/profile.php?id=4

Недавно установили.

Но я не знаю насколько это актуально, не уверена что стоит усилий. У нас там в нике иероглифы и вряд ли ещё кому-то такое будет надо. Не думаю что ников со спецсимволами много на форумах... Если будет трудно-невозможно исправить, я могу просто скрыть аватары. Без проблем.

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh

+1