Spoiler for MemHt Forum

Description

This modification adds a spoiler (the drop-down text) to the forum

Requirements

Basic knowledge of HTML, PHP, CSS. Well as direct hands and brains :)

Editable files

inc\inc_javascript.php
templates\...\style.css
inc\inc_bbcode.php

Make the backup of files before proceeding!

Step 1: Files / Folders to upload

File / Folder	upload
folder contents \files	templates\...\images

Step 2: Editing files

Open inc\inc_javascript.php

Find:

if (!isset($_COOKIE['screen_res'])) { ?> <script type="text/javascript"> detectRes(); </script> <?php }

Add after:

echo "<script language=javascript>
function spoiler_on()
{
//document.getElementById('spoiler').style.visibility='visible';
document.getElementById('spoiler').style.display='';
}
function spoiler_off()
{
//document.getElementById('spoiler').style.visibility='hidden';
document.getElementById('spoiler').style.display='none';
}
</script>\n";

Save and upload inc\inc_javascript.php

Open inc\inc_bbcode.php

Find:


			'`\[quote\](.+?)\[/quote\]`is',

Add after:

				
			'`\[spoiler\](.+?)\[/spoiler\]`is',

Find:

			'<div style="padding:4px;"><table width="100%" align="center" cellspacing="0" cellpadding="0" class="quote_box"><tr><td class="quote_title"><b>quote</b></td></tr><tr><td class="quote_body"><div width="100%" style="overflow:auto; max-width:400px; width:expression(document.body.clientWidth > 400? \'400px\': \'auto\' );">\1</div></td></tr></table></div>',

Add after:

			'<div class="spoiler"><a class="spoilerheader" onclick="this.parentNode.className=this.parentNode.className==\'spoiler\'?\'spoiler open\':\'spoiler\' "><b> Spoiler by RuFilmz.ru</b></a><div class="spoilertext">\1</div></div></div>',

Save and upload inc\inc_bbcode.php

open templates\...\style.css

The bottom insert:

/*Spoiler by RuFilmz.ru*/

.spoiler {
	background-color : #EEE;
	background-repeat: repeat-x;
	border: 1px solid #AAA;
	padding-left : 40px;

}
.spoilerheader {
	font-size: 13px;
	padding-left : 15px;
	background-image : url(images/light_arrow_shut.gif);
	background-repeat: no-repeat;
	background-position:0 5;
	display:block;
	cursor: pointer; 
}
.spoiler.open .spoilerheader {background-image : url(images/light_arrow_open.gif);}
.spoiler .spoilertext {display:none;}
.spoiler.open .spoilertext {display:block;},

Save and upload templates\...\style.css

Support

If you have any questions, you can ask them at the forum MemHT Portal - русскоязычная поддержка

Thanks!