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

Panel boczny na forum

Polecane posty

radario    2

Tak więc rozbudowa forum odbywa się w zaplanowanym tempie. Takim przyszłościowym wynalazkiem były panelik boczny. Niejednokrotnie występujący na innych forach ( przykładowo u was ), tyle że inna forma. Układ forum mi się podoba to co u was w panelu jest na górze i jest ok. W bocznym panelu przewidziałem opcje na hmm powiedzmy coś takiego : ostatnie recenzje ( zdjęcie gry z tytułem ), najnowsze posty, ważne ogłoszenia, nie wiem opcje na linki i banery sponsowrowane by była dowola możliwośc kombinaji ustawień takiego panelu.. Czy jest taki mod czy cuś?

  • Like 1

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Spanner    4236

niestety nie ma takiego moda. Jeśli chcesz zrobić poprostu z boku panel wejdź do ACP -> Look & Feel -> dany skin -> Edit Board Header & Footer Wrapper znajdź:

<% BOARD %>
<% BOARD FOOTER %>
<% STATS %>[/code] i zamień na np.
[code]<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="80%" valign="top">
<% BOARD %>
<% BOARD FOOTER %>
<% STATS %>
</td>
<td width="20%" valign="top">
Tutaj kod jaki tam chcesz sobie wkleić
</td>
</tr>
</table>

  • Like 1

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
radario    2

nie raczej takie rozwiązanie nie jest satysfakcjonujące ;( cholewka dał bym, sobie głowę uciąć że gdzieś takie cuś już widziałem..

  • Like 1

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Spanner    4236

to jest standardowe rozwiązanie, a w prawą strone tabelki dajesz to co chcesz, czyli reklamy, czy np tworzysz tabelkę która wygląda jak dział w forum, czy co tam sobie jeszcze życzysz. Ja u Nas zastosowałem bardziej SEO podejście stosując DIV'y

  • Like 1

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
meler    2

jest taki mod ale trzeba go troszkę przerobić a wiec tak zainstaluj

M2M Announce System ale nie edytuj bitów skina z jego instrukcji tylko z tej:

otwórz ACP -> Look & Feel -> dany skin -> Edytuj Szablon HTML -> Board Index -> PageTop

na samym dole dodaj

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

<tr>

  <td width='99%'   valign="top">
zapisz bit skina nastepnie otwórz ACP -> Look & Feel -> dany skin -> Edytuj Szablon 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

oto efekt:

a1032b.jpg

10h83kl.jpg

widok z ACP

qwx2mg.jpg

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

Tutorial wykonany dla www.ipsbeyond.pl

Edytowano przez meler
  • Like 1

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.
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.