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

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

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

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

Предложения

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

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


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Подгрузка контента из топика на страницу профиля


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

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

1


Анкета персонажа в профиле
Добавляет в профиль топик с анкетой персонажа.

http://forumfiles.ru/uploads/0007/e3/f7/2/573460.jpg

Автор скрипта: Romych
Мелкие доделки скрипта и дизайн: Герда

код и описание

Почти на всех ролевых есть традиция оформлять анкеты персонажа в виде топиков, а потом размещать ссылку на нее в подписи.
Этим скриптом вы можете прицепить загрузку анкеты из топика в профиль игрока.
В этом варианте применения скрипта профиль полностью наследует стили со страницы топика. Как выглядит анкета в топике - так она и загрузится к вам в профиль.
Для этого ставим в подпись ссылку на анкету (внимание! это должна быть ПОСЛЕДНЯЯ ссылка).

*если у вас возникнет потребность в дописывании дизайна анкет - пишите в этом топике свои вопросы. возможно, код требует улучшений, чтобы наследовать больше селекторов со страниц топиков, ну и вообще будем рады помочь вам с допиливанием индивидуального дизайна - это пригодится многим форумам.

Скрипт HTML-низ

Код:
<script language="javascript">
var ot = 0; //отображение сообщений на стене 0 по убыванию, 1 по возрастанию
var mc = 10; //число отображаемых сообщений из темы
if($('#profile-signature').length){
var ss = $('#profile-signature >ul >p >a[href*="viewtopic.php"]').eq(-1), s2 =$(ss).attr('href'), as = [], vs= [];
var si = s2.split(/=/)[1],blk = '<article class="stena"><h1>Анкета персонажа</h1>';
$.get('/export.php?type=atom&tid='+si+'&max='+mc, function(d) {
var d2 = $(d).find('entry');
$(d2).each(function (i){
as[i] = {a: $(this).find('name').text(), b: $(this).find('content').text()};
vs.unshift({a: $(this).find('name').text(), b: $(this).find('content').text()});
});
function fs(arr){for (var i in arr){if(arr[i].a==UserLogin){blk +='<div id ="s-'+i+'" class="mypost"><div>'+arr[i].b+'</div></div>';}
else{blk +='<div id ="s-'+i+'" class="anypost"><div>'+arr[i].b+'</div></div>';}}};
(ot==1)? fs(as): fs(vs);
blk +='</article>';
$('#profile-signature').after(blk);
});}
</script>

Стиль HTML-верх (или свой стиль БЕЗ тегов <style></style>)

Код:
<style>
.stena .mypost, .stena .anypost {margin: 10px 0;}
</style>

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

https://forumfiles.ru/uploads/0000/14/1c/16803/819548.jpg

Автор скрипта: Romych
Мелкие доделки скрипта и дизайн: Герда

скрипт и описание

Создаем топик для подарков пользователя и оформляем первый пост (чтобы пользователи не напортачили при выдаче подарков): http://oaotr.0pk.ru/viewtopic.php?id=167
Текст можете поменять на свой, инструкцию рекомендую оставить.
Вставляем в подпись ссылку на топик с подарками.
Скрипт HTML-низ

Код:
<script language="javascript">
var ot = 1; //отображение сообщений на стене 0 по убыванию, 1 по возрастанию
var mc = 5; //число отображаемых подарков (последний отображаемый СКРЫТ - ставьте на 1 больше нужного количества.)

if($('#profile-signature').length){
var ss = $('#profile-signature >ul >p >a[href*="viewtopic.php"]').eq(-1), s2 =$(ss).attr('href'), as = [], vs= [];
var si = s2.split(/=/)[1],blk = '<article class="stena"><h1>Подарки пользователя</h1>';
$.get('/export.php?type=atom&tid='+si+'&max='+mc, function(d) {
var d2 = $(d).find('entry');
$(d2).each(function (i){
as[i] = {a: $(this).find('name').text(), b: $(this).find('content').text()};
vs.unshift({a: $(this).find('name').text(), b: $(this).find('content').text()});
});

function fs(arr){for (var i in arr){if(arr[i].a==UserLogin){blk +='<div id ="s-'+i+'" class="mypost"><div class="content"><div class="from">От <b>'+arr[i].a+'</b></div>'+arr[i].b+'</div></div>';}
else{blk +='<div id ="s-'+i+'" class="anypost"><div class="content"><div class="from">От <b>'+arr[i].a+'</b></div>'+arr[i].b+'</div></div>';}}};

(ot==1)? fs(as): fs(vs);
blk +='</article>';
$('#profile-signature').after(blk);
});}
</script>

Стиль HTML-верх (или свой стиль БЕЗ тегов <style></style>)

Код:
<style>
.stena div.anypost:last-child,
.stena div.mypost:last-child {display: none;}

.anypost, .mypost {
display: inline-block;
width: 200px; /* максимальная ширина блока с подарком */
height: 200px; /* максимальная высота блока с подарком */
margin: 5px;
position: relative;
}
.stena .content img:last-child {
display: block;
position: absolute;
top: 0;
left: 0;
border-radius: 50%; /* закругление подарка в кружочек ( если не нужно - удалить эту строчку) */
z-index: 10;
max-width: 190px; /* максимальная ширина подарка */
max-height: 190px; /* максимальная высота подарка */
background-color: #ccc; /* цвет фона подарка */
border: 5px solid #284966; /* бордюрчик вокруг подарка (если не нужно - удалить строчку, если нужно меняем #284966 на свой цвет */
}
.punbb .stena .content span img {
border: none;
max-width: 100px; /* максимальная ширина картинок в всплывающем ОПИСАНИИ (тексте дарителя) */
max-height: 100px; /* максимальная высота картинок в всплывающем ОПИСАНИИ (тексте дарителя) */
border-radius: 0%;
display: inline;
position: relative;
background-color: transparent;
}
.stena .content:hover .from,
.stena .content:hover span {
opacity: 1;
}
.stena .from {
position: absolute;
z-index: 20;
background-color: #234563;  /* цвет фона на нике дарителя */
color: #fff;  /* цвет текста на нике дарителя */
padding: 5px;
border-radius: 5px;  /* закругление границ (если не надо - удалить) */
opacity: 0;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.stena .content span {
position: absolute;
z-index: 20;
background-color: #90a2c6;  /* цвет фона всплывающего описания */
margin-top: 30px;
padding: 5px;
border-radius: 5px; /* закругление границ (если не надо - удалить) */
text-align: left !important;
opacity: 0;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.stena .content span:before {
content: '';
border: 10px solid transparent; 
border-bottom: 10px solid #90a2c6; /* цвет фона всплывающего описания ЕЩЕ РАЗ (это стрелочка, меняем #90a2c6 на цвет, который вставляли для описания выше) */
position: relative;
top: -28px;
z-index: 20;
}
</style>

Инвентарь персонажа в профиле
Добавляет в профиль картинки и описания из специального топика.

https://forumfiles.ru/uploads/0000/14/1c/16803/201763.jpg

Автор скрипта: Romych
Мелкие доделки скрипта и дизайн: Герда

Скрипт и описание

Мастера могут легко добавлять предметы, вообще не парясь по поводу размера картинок
Мастера могут легко удалять предметы, удаляя пост, а не редактируя милльёны тегов

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

Пример оформления топика: http://oaotr.0pk.ru/viewtopic.php?id=170
*Рекомендую оставить инструкцию для мастеров!

Скрипт HTML-низ

Код:
<script language="javascript">
var ot = 0; //отображение сообщений на стене 0 по убыванию, 1 по возрастанию
var mc = 5; //число отображаемых предметов (включая первый пост топика, который скрыт)

if($('#profile-signature').length){
var ss = $('#profile-signature >ul >p >a[href*="viewtopic.php"]').eq(-1), s2 =$(ss).attr('href'), as = [], vs= [];
var si = s2.split(/=/)[1],blk = '<article class="stena"><h1>Инвентарь персонажа</h1>';
$.get('/export.php?type=atom&tid='+si+'&max='+mc, function(d) {
var d2 = $(d).find('entry');
$(d2).each(function (i){
as[i] = {a: $(this).find('name').text(), b: $(this).find('content').text()};
vs.unshift({a: $(this).find('name').text(), b: $(this).find('content').text()});
});

function fs(arr){for (var i in arr){if(arr[i].a==UserLogin){blk +='<div id ="s-'+i+'" class="mypost"><div class="content">'+arr[i].b+'</div></div>';}
else{blk +='<div id ="s-'+i+'" class="anypost"><div class="content">'+arr[i].b+'</div></div>';}}};

(ot==1)? fs(as): fs(vs);
blk +='</article>';
$('#profile-signature').after(blk);
});}
</script>

Стиль HTML-верх (или свой стиль БЕЗ тегов <style></style>)

Код:
<style>
.stena div#s-0 {display: none;}

.anypost, .mypost {
display: inline-block;
width: 100px; /* максимальная ширина блока с предметом */
height: 100px; /* максимальная высота блока с предметом */
margin: 5px;
position: relative;
}
.stena .content img:last-child {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 10;
max-width: 100px; /* максимальная ширина предмета */
max-height: 100px; /* максимальная высота предмета */
background-color: #ccc; /* цвет фона предмета */
border-radius: 5px; /* закругление предмета (если не надо - удалить) */
}
.punbb .stena .content span img {
border: none;
max-width: 50px; /* максимальная ширина картинок в всплывающем ОПИСАНИИ */
max-height: 50px; /* максимальная высота картинок в всплывающем ОПИСАНИИ */
border-radius: 0%;
display: inline;
position: relative;
background-color: transparent;
}
.stena .content:hover .from,
.stena .content:hover span {
opacity: 1;
}

.stena .content span {
position: absolute;
z-index: 20;
background-color: #90a2c6;  /* цвет фона всплывающего описания */
min-width: 200px; /* минимальная ширина всплывающего описания */
margin-top: 30px;
padding: 5px;
border-radius: 5px; /* закругление границ (если не надо - удалить) */
text-align: left !important;
opacity: 0;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
</style>

0

2

Герда, надеюсь, анкета сворачивается под спойлер? xD А то конкретно вот эта - весьма немаленькая.

0

3

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

Герда, надеюсь, анкета сворачивается под спойлер? xD А то конкретно вот эта - весьма немаленькая.

не стала делать спойлеры по умолчанию на эти версии, решила, что удобнее будет ролевикам в топике анкеты выбирать, что пойдет под спойлер, а что - нет.
а подгрузка отгружает и спойлеры, и цитаты, и что там ещё понапихано в топик. :)

но если появятся запросы по допиливанию, добавим чего не хватает. :)

+1

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Подгрузка контента из топика на страницу профиля