Skocz do zawartości
Zaloguj się, aby obserwować  
meler

Panel boczny na forum konfigurowany w ACP

Polecane posty

meler    2

Jeżeli chcesz mieć panel boczny w pełni konfigurowany w ACP taki jak na obrazku postępuj według instrukcji:

10h83kl.jpg

Zainstaluj

M2M Announce System dostępny pod adresem http://mods.invisionize.com/db/index.php/f/8090 ale nie edytuj bitów skina z jego instrukcji tylko z tej:

Otwórz ACP -> Look & Feel -> dany skin ->Edit Template HTML-> Board Index -> PageTop

Na samym dole dodaj

<table cellspacing="2" width='100%'>

<tr>

  <td width='99%'   valign="top">
Zapisz bit skina następnie otwórz ACP -> Look & Feel -> dany skin -> Edit Template HTML -> Board Index -> stats_header Od samej góry dodaj
<td  width="20%" valign="top">

<if="$this->ipsclass->vars['an_on'] == 1 and $this->ipsclass->vars['an_type'] == e">

<table cellspacing="0" id='userlinksguest' width='100%' class='pcen'>

	<tr>

		<td><b><center>{$this->ipsclass->vars['an_content']}</center></b></td>

</tr></table>

<br />

</if>

<if="$this->ipsclass->vars['an_on'] == 1 and $this->ipsclass->vars['an_type'] == s">

<script language="Javascript">

<!--

var speed = 120

var message = "{$this->ipsclass->vars['an_content']} "

var stripped = message.replace(/(<([^>]+)>)/ig,"");

var s = 0;

var l = 100;

document.write("<div id='sc' class='newslink' align='center'></div>")

function btnsc() {

document.getElementById('sc').innerHTML = stripped.substring(s,l) + message.substring(0,s)

s++


if (s >= l) {

s = 0;

}


setTimeout("btnsc()",speed);

}


btnsc();

//-->

</script>

<br />

</if>

<if="$this->ipsclass->vars['an_on'] == 1 and $this->ipsclass->vars['an_type'] == h">

<script type="text/javascript">

var fade = 'no';

var displaymode = 'always';

var autohidebox = ['yes' , {$this->ipsclass->vars['timer_time']}];

var scroll = 'yes';

var IEfadelength = 1;

var Mozfadedegree = 0.06;


function start_hover()

{

	var ie = document.all && !window.opera;

	var dom = document.getElementById;

	var iebody = (document.compatMode == 'CSS1Compat') ? document.documentElement : document.body;

	var objref = (dom) ? document.getElementById('hoverprompt') : document.all.hoverprompt;

	var scroll_top = (ie) ? iebody.scrollTop : window.pageYOffset;

	var docwidth = (ie) ? iebody.clientWidth : window.innerWidth;

	var docheight = (ie) ? iebody.clientHeight: window.innerHeight;

	var objwidth = objref.offsetWidth;

	var objheight = objref.offsetHeight;

	objref.style.left = docwidth/2-objwidth/2+'px';

	objref.style.top = scroll_top+docheight/2-objheight/2+'px';


	if (scroll == 'yes')

	{

		var scrollvar = setInterval('static_hover()', 50);

	}


	if (fade == 'yes' && objref.filters)

	{

		objref.filters[0].duration = IEfadelength;

		objref.filters[0].Apply();

		objref.filters[0].Play();

	}


	objref.style.visibility = 'visible';

	if (objref.style.MozOpacity)

	{

		if (fade == 'yes')

		{

			var mozfadevar = setInterval('mozilla_fading()', 90);

		}

		else

		{

			objref.style.MozOpacity = 1;

			initiate_hiding();

		}

	}

	else

	{

		initiate_hiding()

	}

}


function mozilla_fading()

{

	if (parseFloat(objref.style.MozOpacity) < 1)

	{

		objref.style.MozOpacity = parseFloat(objref.style.MozOpacity)+Mozfadedegree;

	}

	else

	{

		clearInterval(mozfadevar);

		controlledhidebox();

	}

}


function static_hover()

{

	var ie = document.all && !window.opera;

	var dom = document.getElementById;

	var iebody = (document.compatMode == 'CSS1Compat') ? document.documentElement : document.body;

	var objref = (dom) ? document.getElementById('hoverprompt') : document.all.hoverprompt;

	var scroll_top = (ie) ? iebody.scrollTop : window.pageYOffset;

	var docwidth = (ie) ? iebody.clientWidth : window.innerWidth;

	var docheight = (ie) ? iebody.clientHeight: window.innerHeight;

	var objwidth = objref.offsetWidth;

	var objheight = objref.offsetHeight;

	objref.style.top = scroll_top+docheight/3-objheight/2+'px';

}


function hide_hover()

{

	var ie = document.all && !window.opera;

	var dom = document.getElementById;

	var iebody = (document.compatMode == 'CSS1Compat') ? document.documentElement : document.body;

	var objref = (dom) ? document.getElementById('hoverprompt') : document.all.hoverprompt;

	objref.style.visibility = 'hidden';

	if (typeof scrollvar != 'undefined')

	{

		clearInterval(scrollvar);

	}

}


function initiate_hiding()

{

	if (autohidebox[0] == "yes")

	{

		var delayvar = (fade == 'yes' && objref.filters) ? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000;

		initial_timer(delayvar);

		setTimeout('hide_hover()', delayvar);

	}

}


function initial_timer(time)

{

	var newtime = time-1000;

	setTimeout('restart_timer('+newtime+')', 1000);

}


function restart_timer(time)

{

	var timer = time/1000;

	var ie = document.all && !window.opera;

	var dom = document.getElementById;

	if (dom)

	{

		var hp = document.getElementById('hptimer');

		if (timer == 1)

		{

			hp.innerHTML = "<small><i>Prompt Closes In "+timer+" Second</i></small>";

		}

		else

		{

			hp.innerHTML = "<small><i>Prompt Closes In "+timer+" Seconds</i></small>";

		}

	}

	var newtime = time-1000;

	setTimeout('restart_timer('+newtime+')', 1000);

}


function initiate_hover()

{

	setTimeout('start_hover()', 100);

}


function cookie(Name)

{

	var search = Name + "=";

	var returnvalue = "";

	if (document.cookie.length > 0)

	{

		var offset = document.cookie.indexOf(search);

		if (offset != -1)

		{

			offset += search.length;

			var end = document.cookie.indexOf(';', offset);

			if (end == -1)

			{

				end = document.cookie.length;

			}

			returnvalue = unescape(document.cookie.substring(offset, end));

		}

	}

	return returnvalue;

}


if (displaymode == 'always' || parseInt(displaymode) != NaN && random_num == 0)

{

	if (window.addEventListener)

	{

		window.addEventListener('load', initiate_hover, false)

	}

	else if (window.attachEvent)

	{

		window.attachEvent('onload', initiate_hover)

	}

	else if (document.getElementById)

	{

		window.onload = initiate_hover;

		document.cookie = 'fadedin=yes';

	}

}

</script>

<style type='text/css'>#hoverprompt{position:absolute;width:300px;left:0;top:-400px;padding:4px;z-index:100;visibility:hidden}</style>

<div id='hoverprompt'><div class='borderwrap'><div class='maintitle' align='center'>{$this->ipsclass->vars['an_title']}</div>

<table align='center' width='100%' cellspacing='0' cellpadding='5'>

  <tr>

	<td align='center' class='row2'>

	  {$this->ipsclass->vars['an_content']}

<br /><div id='hptimer'><small><i>Prompt Closes In {$this->ipsclass->vars['timer_time']} Seconds</i></small></div></td>

  </tr>

</table></div></div>

</if>

<if="$this->ipsclass->vars['an_type'] == b and $this->ipsclass->vars['an_on'] == 1">

<div class='borderwrap'><div class='maintitle' align='center'>{$this->ipsclass->vars['an_title']}</div>

<table width='100%' cellspacing='0' cellpadding='5'>

  <tr>

	<td align='center' class='row2'>

	 {$this->ipsclass->vars['an_content']}</td>

  </tr>

</table></div>

<br /><br />

</if>

<if="$this->ipsclass->vars['an_type'] == n and $this->ipsclass->vars['an_on'] == 1">

<table width='100%' cellspacing='0' cellpadding='5' class='newslink'>

  <tr>

	<td align='center'>

	 <b>{$this->ipsclass->vars['an_content']}</b></td>

  </tr>

</table>

<br /><br />

</if>

</div></b></div></div>

</td>

</tr>

</table></center>

Zapisz bit skina.

Następnie wejdź w ustawienia M2M Announce System i wybierz opcje Announce Type = Box.

qwx2mg.jpg

Oto efekt:

a1032b.jpg

Autorem tutoriala jest Meler Zabrania się kopiowania, powielania. W szczególności na inne fora bez zgody autora.

Tutorial wykonany dla www.ipsbeyond.pl

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Zaloguj się, aby obserwować  

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×

Ważne informacje

Kontynuując przeglądanie strony, wyrażasz zgodę na używanie przez nas plików cookies.