Вебдизайн и Техническая поддержка
Skype: disbb.ru
Контакты: обратная связь
Часы работы:
Пн-Пт 10:00-18:00
* по московскому времени


Медальки на форум в профиле, в топике (Deff)


Скриншот

  • Добавление в профиль пользователей медалек
  • Автор: Deff
  • Платформа: MyBB
  • Категория: Поля профиля пользователя
  • Оценка: 5.0/1
  • 12.06.2015, 20:54

Цитата Герда
Было бы здорово, если б возможно было для какого-либо участника заменять стандартное описание на новое. например есть награда "за особые заслуги", а при вписывании в профиль текущего юзера, описание меняется на своё новое, к примеру:"за развитие такого-то раздела"


Медальки на форум в Профиле, в топике

В HTML низ
Цитата
<style>
/****************************************************************/
/*CSS МЕДАЛЬКИ В ПРОФИЛЬ(ТОПИК) */
/****************************************************************/
span.tooltip4:hover span {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url(http://savepic.org/1942239.png);
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-left-radius: 17px;
border-bottom-right-radius: 17px;
border-top-left-radius: 17px;
border-top-right-radius: 17px;
box-shadow: 0px 5px 15px;
color: #000000;
display: inline;
position: absolute;
}
span.tooltip4 span {
background-attachment: scroll;
display: none;
margin-left: -25px;
margin-top: -45px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 6px;
width: auto;
}
.awards {
cursor:pointer;
cursor:hand;
margin:2px;
}
img.Flug {
cursor:pointer;
cursor:hand;
float:left;
margin: -4px 0 -31px -21px;
}
</style>
<div id=Myawrd style="display:none;">
<!--
=================================================
//НОМЕР НАГРАДЫ // ЗА ЧТО // CCЫЛКА НА КАРТИНКУ
//=================================================-->

<p>1,За доблестный Труд,http://savepic.org/1963976.gif</p>
<p>2,Спасателю утопающих,http://savepic.org/1953736.gif</p>
<p>3,Лучшему модератору,http://savepic.org/1950664.gif</p>
<p>4,За доблестный Труд,http://savepic.org/1956808.gif</p>
<p>5,За доблестный Труд,http://savepic.org/1954760.gif</p>
<p>6,За доблестный Труд,http://savepic.org/1944520.gif</p>
<p>7,За доблестный Труд,http://savepic.org/1942472.gif</p>
<p>8,За доблестный Труд,http://savepic.org/1941448.gif</p>
<p>9,За доблестный Труд,http://savepic.org/1939400.gif</p>
<p>10,За достижения культмассовой работе,http://savepic.org/1927112.gif</p>
<p>11,Лучшему администратору,http://savepic.org/1919944.gif</p>
<p>12,Лучшему Летающему Юзеру,http://savepic.org/1925064.gif</p>
<p>13,Змею Искусителю форума,http://savepic.org/1914824.gif</p>
<p>14,Ветерану-Инвалиду в положенный срок,http://savepic.org/1960907.gif</p>
<p>15,За непревзойденную унылость постов,http://savepic.org/1966027.gif</p>
<p>16,Лучшему ISQ-Трепло форума,http://savepic.org/1945547.gif</p>

</div>
<script type="text/javascript">

var NumPole=1; //Номер доп поля c наградками;
var listMedal=[];
$("#Myawrd p").each(function(j){
listMedal[j]=[];listMedal[j]=$(this).html().split(',')});

var NamFld = '.pa-fld'+NumPole;
var FlugIm= '<img width=51 class=Flug src="http://savepic.org/1911734.png" />';
var awSTrt = '<span class=tooltip4><img width="23" class=awards src="';
$("div.post-author "+ NamFld).each(function () {

if($(this).html()!=null){
var L = $(this).html().replace(/^.+:(?:[\s]|<br>)/ig,'')
var L0=$(this).html().replace(/^(.+:)[\s\S]*$/igm,'$1')+'<br>';$(this).html(L0)
var Thisaw = L.split(',');
for (j=0; j< Thisaw.length; j++){
Dp='';var x=Thisaw[j];x=x.replace(/(\d+)#.+$/img,'$1');Dp=(Thisaw[j].replace(x,'')).replace(/^#/i,'');
for (i=0; i< listMedal.length-1; i++){ //alert(Thisaw[j]+","+listMedal[i][0])
if(x==listMedal[i][0]){L=awSTrt+listMedal[i][2]+'"><span>'+listMedal[i][1]+' '+Dp+'<br>'+FlugIm+'</span></span>';
$(this).append(L);break;}
}
};}
});
</script>

Выделенное красным, если нужно, меняем на своё.


Мини-пояснения
Cтроку
Цитата
<p>N,Лучшему ISQ-Трепло форума,http://savepic.org/1945547.gif</p>

Размножаем сколько нужно
N - номер награды - пишем по порядку

В выбранном Доп.поле, после прописанного имени поля (строкой ниже) появятся наши награды, прописанные в данном поле таким образом: 4,2,10

Номер награды, прописываемый в Доп.Поле, выбирается из списка в первой колонке Скрипта

Если кому нужно => 23 - ширина медальки (cм. скрипт.


Дополнения
Пункт "Медалька - за что" можно дополнить конкретному пользователю, непосредственно в поле награды Профиля, прописывая после цифры награды решетку #И тут Своё добавочное Описание
Цитата
Пример прописи в Поле:
1,3#Раздела "Поле Чудес",4

Итог будет=> Лучшему модератору Раздела "Поле Чудес"

!! Внимание !!
В доп. Описании награды - должны отсутствовать дополнительные запятые

Стиль можно перетащить в свой Стиль - в конец любого Окна без тегов <style>


КАК УЗНАТЬ НОМЕР ПОЛЯ "НАГРАДЫ" ПОД АВАТАРОМ для простановки в Скрипт?

Cтавим временно в самый низ HTML низ скрипт
Цитата
<!--Узнать Номер Поля Под Аватаром-->
<script>$(".post-author li").hover(function(){$(this).attr("title",$(this).attr("class"));});</script>

HTML-Название поля будет отражаться при наведении курсором
Цифра(показано красным - обычно от 1 до 5) на конце названия поля pa-fldN - прописываем в скрипте

Теги: mybb, Поля профиля пользователя, Deff, скрипт

Просмотров: 803, Загрузок: 0, Оценка: 5.0 (1)
Страницы:
Имя *:
Email *:
Код *:
Сайт создан в системе uCoz