☰

HWM - Resourses as images Style Mod

Заменяет текстовое описание ресурсов на изображения

当前为 2016-01-19 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name          HWM - Resourses as images Style Mod
  3. // @namespace     Resourses as images
  4. // @author        code: Dinozon2; style: sw.East
  5. // @collaborator  sw.East
  6. // @version       0.21
  7. // @description   Заменяет текстовое описание ресурсов на изображения
  8. // @copyright     2013, sw.East (http://www.bb-hwm.ru/)
  9. // @include       http://www.heroeswm.ru/pl_info.php?*
  10. // @grant         GM_addStyle 
  11. // ==/UserScript==
  12.  
  13. // css style
  14. GM_addStyle("\
  15. #box{\
  16.    width: 93%;\
  17.    height: 100%;\
  18.    margin: 0 5px 0 -5px;\
  19. }\
  20. #amount_slot{\
  21.    overflow: hidden;\
  22.    float: right;\
  23.    width: 48px;\
  24.    height: 48px;\
  25.    margin: 5px 5px 5px 0;\
  26.    padding: 0;\
  27.    border: 3px solid #fff;\
  28.    box-shadow: 0px 0px 5px #aaa;\
  29.    z-index: 1;\
  30. }\
  31. #amount_slot img {\
  32.    display: block;\
  33.    width: 42px;\
  34.    height: 42px;\
  35.    margin: 3px 0 0 3px;\
  36.    padding: 0;\
  37. }\
  38. #amount_slot a img {\
  39.    -webkit-transition: all 0.2s linear;\
  40.       -moz-transition: all 0.2s linear;\
  41.        -ms-transition: all 0.2s linear;\
  42.         -o-transition: all 0.2s linear;\
  43.            transition: all 0.2s linear;\
  44. }\
  45. #amount_slot:hover a img {\
  46.    -webkit-transform: scale(1.20,1.20);\
  47.       -moz-transform: scale(1.20,1.20);\
  48.        -ms-transform: scale(1.20,1.205);\
  49.         -o-transform: scale(1.20,1.20);\
  50.            transform: scale(1.20,1.20);\
  51.    opacity:1;\
  52. }\
  53. #amount_slot a{\
  54.    text-decoration: none;\
  55. }\
  56. .amount_wrap {\
  57.    position: absolute;\
  58.    min-width:14px; \
  59.    height: 13px;\
  60.    margin: -48px 0 0 -3px;\
  61.    padding:0 1px 1px;\
  62.    color:#fff;\
  63.    border:2px solid #fff;\
  64.    background:#222;\
  65.    -webkit-box-shadow: 1px 1px 1px #aaa;\
  66.       -moz-box-shadow: 1px 1px 1px #aaa;\
  67.            box-shadow: 1px 1px 1px #aaa;\
  68.    z-index: 15;\
  69.    font-size: 10px;\
  70.    text-align: center;\
  71.    text-decoration: none !important;\
  72.    text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);\
  73.    cursor: pointer;\
  74.    opacity:.7;\
  75.    -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;\
  76.       -moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;\
  77.        -ms-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;\
  78.         -o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;\
  79.            transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;\
  80. }\
  81. ");
  82. // the end
  83.  
  84. var HTMLOut='<div id="box">';
  85.  
  86. var ElementsArray = [];
  87. ElementsArray['Кожа']=              'http://radikall.com/images/2014/01/29/xQAF.png';
  88. ElementsArray['Сталь']=             'http://radikall.com/images/2014/01/29/SVRCM.png';
  89. ElementsArray['Никель']=            'http://radikall.com/images/2014/01/29/xCm1P.png';
  90. ElementsArray['Волшебный порошок']= 'http://radikall.com/images/2014/01/29/0fU3O.png';
  91. ElementsArray['Мифриловая руда']=   'http://radikall.com/images/2014/01/29/CFXKO.png';
  92. ElementsArray['Обсидиан']=          'http://radikall.com/images/2014/01/29/likBh.png';
  93. ElementsArray['Мифрил']=            'http://radikall.com/images/2014/01/29/av3Hr.png';
  94. ElementsArray['Орихалк']=           'http://radikall.com/images/2014/01/29/t3esN.png';
  95. ElementsArray['осколок метеорита']= 'meteorit';
  96. ElementsArray['абразив']=           'abrasive';
  97. ElementsArray['змеиный яд']=        'snake_poison';
  98. ElementsArray['клык тигра']=        'tiger_tusk';
  99. ElementsArray['ледяной кристалл']=  'ice_crystal';
  100. ElementsArray['лунный камень']=     'moon_stone';
  101. ElementsArray['огненный кристалл']= 'fire_crystal';
  102. ElementsArray['цветок ведьм']=      'witch_flower';
  103. ElementsArray['цветок ветров']=     'wind_flower';
  104. ElementsArray['цветок папоротника']='fern_flower';
  105. ElementsArray['ядовитый гриб']=     'badgrib';
  106.  
  107. var a = document.body.getElementsByClassName("wb");
  108.  
  109. for (var i = 0, length = a.length; i < length; i++) {
  110. 	if (i in a) {
  111. 	    // Находим блок с элементами
  112. 		if (a[i].innerHTML.indexOf('&nbsp;&nbsp;&nbsp;&nbsp;<b>') + 1){
  113. 			// создаем массив из строк:
  114. 			var text=a[i].innerHTML;
  115. 		    var arr = text.split('<br>');  
  116. 			// очищаем строку от мусора
  117. 			for (var k=0,len=arr.length;k<len;k++) {
  118. 		 if (k==Math.round((len-1)/2)) {HTMLOut = HTMLOut+'<div id="top">';}
  119. 				var line=arr[k];       
  120.                 
  121. 				line=line.replace('&nbsp;&nbsp;&nbsp;&nbsp;', '');
  122. 				line=line.replace('<b>', '');
  123. 				line=line.replace('</b>', '');
  124. 				var res = line.split(':');
  125.  
  126. 				//    res[0] - название элемента
  127. 				//    res[1] - количество
  128.  
  129. 				if (res[1]>0) {
  130.  
  131. 				        //   фикс ширины
  132.                                         if      (res[1]>9999) var w_length = 39;
  133.                                         else if (res[1]>999)  var w_length = 31;
  134.                                         else if (res[1]>99)   var w_length = 24;
  135.                                         else                  var w_length = 13;
  136.  
  137. 					if(ElementsArray[res[0]].length>19){
  138. 						HTMLOut = HTMLOut + '<div id="amount_slot">'+
  139.                                                '<a href="#"> '+
  140.                                                   '<img src="'+ElementsArray[res[0]]+'" alt="'+line+'" title="'+line+'">'+
  141.                                                '</a>'+
  142.                                                '<div class="amount_wrap" style="width:'+w_length+'px">'+res[1]+'</div>'+
  143.                                             '</div>';
  144. 					} else {
  145. 						HTMLOut = HTMLOut + '<div id="amount_slot">'+
  146.                                                '<a href="/auction.php?cat=elements&sort=0&art_type='+ElementsArray[res[0]]+'"> '+
  147.                                                   '<img src="/i/'+ElementsArray[res[0]]+'.gif" alt="'+line+'" title="'+line+'"> '+
  148.                                                '</a>'+
  149.                                                '<div class="amount_wrap" style="width:'+w_length+'px">'+res[1]+'</div>'+
  150.                                             '</div>';
  151. 					}
  152. 				}
  153.   			}
  154.  
  155. 			HTMLOut = HTMLOut+'</div>';
  156. 			// Выводим на страницу
  157. 			a[i].innerHTML = HTMLOut;
  158. 		}
  159. 	}
  160. }