Премахване на хоризонтален/вертикален скрол (Emoticon Box)

IP Board

For Version: 2.2.x - 2.3.x

Тази статия касае всички, които желаят да премахнат вертикалния и хоризонталния скрол от прозорчето със смайлита.

Screenshots:Преди and След

Tази статия е публикувана от мен и в раздела за статии на resources.invisionpower.com.

1. Първото нещо, което следва да направите е да копирате файл: ips_text_editor_func.js от директория Development и да го отворите с текстов редактор като notepad (Development\javascript_uncompressed\j_scripts)

2. Потърсете:

if ( _mode == 'open' )

	{

		_editor.style.width	  = '80%';


		if( is_opera )

		{

			_editor.style.width	  = '100%';

			_editor.style.display	 = 'block';

		}


		_options.style.width	 = 'auto';

		_options.style.height	= 'auto';

		_options.style.display   = 'block';

		_options._panel_open	 = 1;


		document.getElementById( editor_id + '_spacer-bar' ).style.width = '4px';

if ( _mode == 'open' )

	{

		_editor.style.width	  = '80%';


		if( is_opera )

		{

			_editor.style.width	  = '100%';

			_editor.style.display	 = 'block';

		}


				if( is_ie )

		{	

		_options.style.height	= 'auto';

		_options.style.display   = 'block';

		_options._panel_open	 = 1;

		document.getElementById( editor_id + '_spacer-bar' ).style.width = '4px';

		}

		 else

		 {

		_options.style.width	 = '100%';

		_options.style.height	= 'auto';

		_options.style.display   = 'block';

		_options._panel_open	 = 1;


		document.getElementById( editor_id + '_spacer-bar' ).style.width = '4px';

		}

var _div  = document.createElement( 'div' );

		_div.style.width	 = '100%';

		_div.style.height	= '120px';

		_div.style.overflow	 = 'auto';

		_div.style.overflowY = 'auto';

		_div.style.overflowX = 'auto';

var _div  = document.createElement( 'div' );

		_div.style.width	 = '100%';

		_div.style.height	= '100%';

		_div.style.overflow	 = 'auto';

		_div.style.overflowY = 'auto';

		_div.style.overflowX = 'auto';

Моля обърнете внимание, че: _div.style.height може да бъде оставена и в пиксели и за да се оттървете от вертикалния скрол е достатъчно да завишите стойността колкото е необходимо . Ако замените въпросната стойност в проценти, както е показано в този туториал, е нужно да добавите същия брой иконки(12)

и на втората страничка, ако желаете размера на това поле да не сменя височината си според броя на иконките.

4.След записване на промените, може да желаете да компресирате отново редактирания файл, за да оптимирате скоростта на зареждането на вашия форум. За тази цел може да използвате Web GUI for YUI compressor

5. Презапишете оригиналния файл, който се намира в директория /j_scripts/ с редактирания от вас. Това е всичко.

Забележка: Изчистете кеш-данните от своя браузър, ако желаете резултатът от редакцията да бъде отразен веднага!