MyBB Community Forums

Full Version: conflict of jQuery / js
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
hi, I have a problem because the conflict does jQuery / js

headerinclude
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/samp/js/portal.js"></script> <!-- portal -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <!-- wysuwany panel -->
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/samp/js/swfobject/swfobject.js"></script> <!-- slider portal -->
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/samp/js/tabs.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<!-- <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> -->
{$stylesheets}
<script type="text/javascript">
<!--
	var cookieDomain = "{$mybb->settings['cookiedomain']}";
	var cookiePath = "{$mybb->settings['cookiepath']}";
	var cookiePrefix = "{$mybb->settings['cookieprefix']}";
	var deleteevent_confirm = "{$lang->deleteevent_confirm}";
	var removeattach_confirm = "{$lang->removeattach_confirm}";
	var loading_text = '{$lang->ajax_loading}';
	var saving_changes = '{$lang->saving_changes}';
	var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
	var my_post_key = "{$mybb->post_code}";
	var imagepath = "{$theme['imgdir']}";
// -->
</script>
<script type="text/javascript"> <!-- slider portal -->
		var flashvars = {};
		flashvars.xml = "config.xml";
		flashvars.font = "font.swf";
		var attributes = {};
		attributes.wmode = "transparent";
		attributes.id = "slider";
		swfobject.embedSWF("cu3er.swf", "slider-portal", "798", "348", "9", "expressInstall.swf", flashvars, attributes);
</script>
<script type="text/javascript"> <!-- podglad profili -->

    jQuery(document).ready( function() {

      jQuery('#tab-container').easytabs();

    });

</script>
 <script type="text/javascript"> <!-- buttony, podswietlanie -->
         jQuery(function() {
              jQuery('.imgOpa').each(function() {
                  jQuery(this).hover(
                     function() {
                          jQuery(this).stop().animate({ opacity: 1.0 }, 400);
                     },
                    function() {
                         jQuery(this).stop().animate({ opacity: 0.5 }, 400);
                    })
                 });
         });
     </script>
<script type="text/javascript"> <!-- wysuwany panel -->
$(document).ready(function(){
	$('#login-toggle').click(function() {
		$('#login-content').slideToggle(300, function() {
		$("#login-toggle p").toggle();
		});
	});
});
</script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery/jquery.js"></script> <!-- opcja zmiana stylu -->
  <script type="text/javascript"> <!-- opcja zmiana stylu -->
jQuery(function()
	{
		// Call stylesheet init so that all stylesheet changing functions 
		// will work.
		jQuery.stylesheetInit();
		
		// This code loops through the stylesheets when you click the link with 
		// an ID of "toggler" below.
		jQuery('#toggler').bind(
			'click',
			function(e)
			{
				jQuery.stylesheetToggle();
				return false;
			}
		);
		
		// When one of the styleswitch links is clicked then switch the stylesheet to
		// the one matching the value of that links rel attribute.
		jQuery('.styleswitch').bind(
			'click',
			function(e)
			{
				jQuery.stylesheetSwitch(this.getAttribute('rel'));
				return false;
			}
		);
	}
);
 </script>
{$newpmmsg}
<!-- opcja zmiana stylu -->
	<link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style1.css" title="style1" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style2.css" title="style2" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style3.css" title="style3" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style4.css" title="style4" media="screen" />
        <link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style5.css" title="style5" media="screen" />
<!-- opcja zmiany stylu -->
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery/stylesheet.js"></script> <!-- opcja zmiana stylu -->

<script type="text/javascript">jQuery.noConflict();</script>

postbit_signature
<hr size="1" width="25%"  align="left" />
   
    <dl class="signature">
       <dt>
          <a onclick="jQuery(this).parents('.signature').find('.sig-content').toggle('slow'); return false;" href="#">Pokaż/Ukryj sygnaturę</a>
       </dt>
       <dd>
          <div class="sig-content" style="display: none;border-bottom: 1px solid rgb(204, 204, 204);">{$post['signature']}</div>
          <noscript>
             please enable javascript..
           </noscript>
       </dd>
</dl>

index_stats
<br>
<div id="indexstats4" class="smalltext"><div class="index_stats" id="left"><a>Statystyki serwisu oraz użytkownicy online (KLIKNIJ)</a></div></div>
<div id="right">
<a href="http://facebook"><img src="images/samp/facebook.png" /></a>
</div>
<div id="indexstats3">
<div class="rozwijanie_hide">

<div style="text-align: center; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px dotted #41403b">
<span class="statround">{$stats['numposts']}</span> wszystkich postów
<span class="statround">{$stats['numusers']}</span> wszystkich użytkowników
<span class="statround">$newestmember</span> ostatni zarejestrowany
<span class="statround">{$mostonline['numusers']}</span> najwięcej użytkowników online
</div>

<span style="font-size:14px;font-weight:bold">{$lang->online_note}</span>
<br><br>{$onlinemembers}</span>
</div>
<div class="thead_border"></div>
</div>
</div>

<script>
jQuery(function($) {

$('#indexstats3').hide();
$('#messages').hide();
$('#indexstats4').click(function() { $('#indexstats4').slideUp(500); $('#indexstats3').slideDown(500); });

});
</script>

showthread_usersbrowsing
<div class="hole4">
<div class="progowa_2">
<div id="progowa4" class="smalltext"><center><a>Użytkownicy przeglądający ten wątek (KLIKNIJ)</a></center></div>
<div id="progowa3">
<div style="margin-left: 10px;">
			<div class="statki">Użytkownicy przeglądający ten wątek:<br>
{$onlinemembers}{$onlinesep}{$invisonline}{$onlinesep2}{$guestsonline}</div>
</div>

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

<script type="text/javascript"> 
var on_top = {
	interval: 30,	
	scroll: 0,	
	nscrolls: 10,	
	go: function()
		{
			on_top.scroll = -(window.scrollY/on_top.nscrolls);
			on_top.loop();
		},
	loop: function()
		{
			if(window.scrollY!=0)
			{
				window.scrollBy(0,on_top.scroll);
				setTimeout('on_top.loop()',on_top.interval);
			}
		}
	};
</script>
<script>
jQuery(function($) {

$('#progowa3').hide();
$('#messages').hide();
$('#progowa4').click(function() { $('#progowa4').slideUp(500); $('#progowa3').slideDown(500); });

});
</script>

forumdisplay_threadlist
<div class="float_left">
	{$multipage}
</div>
<div class="float_right">
	{$newthread}
</div>
<table cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="clear: both; width: 100%;">
	<tr>
		<td class="thead" colspan="{$colspan}">
			<div style="float: right; font-size: 5px;">
				<span><strong class="przycisk_thead"><a href="misc.php?action=markread&amp;fid={$fid}{$post_code_string}">{$lang->markforum_read}</a></strong>&nbsp&nbsp&nbsp<strong class="przycisk_thead"><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;type=forum&amp;fid={$fid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a>{$clearstoredpass}</strong></span>
			</div>
			<div>
				<strong>{$foruminfo['name']}</strong>
			</div>
		</td>
	</tr>
	


	{$selectall}
	{$announcementlist}
	{$threads}
</table>
<div class="hole4">
<div class="progowa_1">
<div id="progowa1" class="smalltext"><center><a>Opcje zaawansowane</a></center></div>
<div id="progowa2">
<div style="margin-left: 10px;">
			<form action="forumdisplay.php" method="get">
				<input type="hidden" name="selectall" value="" />
				<input type="hidden" name="fid" value="21" />
				<select name="sortby">
					<option value="subject" >Sortuj według tematu</option>
					<option value="lastpost" selected="selected">Sortuj według daty ostatniego posta</option>
					<option value="starter" >Sortuj według loginu autora</option>
					<option value="started" >Sortuj według daty utworzenia</option>
					
<option value="rating" >Sortuj według oceny</option>
					<option value="replies" >Sortuj według liczby odpowiedzi</option>
					<option value="views" >Sortuj według liczby wyświetleń</option>
				</select>
				<select name="order">
					<option value="asc" >rosnąco</option>
					<option value="desc" selected="selected">malejąco</option>
				</select>
				<select name="datecut">
					<option value="1" >dzisiejsze</option>
					<option value="5" >z ostatnich 5 dni</option>
					<option value="10" >z ostatnich 10 dni</option>
					<option value="20" >z ostatnich 20 dni</option>
					<option value="50" >z ostatnich 50 dni</option>
					<option value="75" >z ostatnich 75 dni</option>
					<option value="100" >z ostatnich 100 dni</option>
					<option value="365" >z ostatniego roku</option>
					<option value="9999" >wszystkie</option>
				</select>
				
<input type="submit" class="button" value="OK" />
<br/>
	
<form action="search.php" method="post">
	<span class="smalltext"><strong>Szukaj w tym dziale:</strong></span>
	<input type="text" class="textbox" name="keywords" /> 
<input type="submit" class="button" value="OK" />

	<input type="hidden" name="action" value="do_search" />
	<input type="hidden" name="forums" value="21" />
	<input type="hidden" name="postthread" value="1" />
	</form>
			</form>
{$inlinemod}
</div>
</div>
</div>
{$usersbrowsing}
</div>









<div class="float_left">
	{$multipage}
</div>
<div class="float_right" style="margin-top: 4px;">
	{$newthread}
</div>
<br style="clear: both;" />
<br />







<div class="float_right" style="text-align: right;">
	{$inlinemod}
</div>
<br style="clear: both" />
{$inline_edit_js}


<script>
jQuery(function($) {

$('#progowa2').hide();
$('#messages').hide();
$('#progowa1').click(function() { $('#progowa1').slideUp(500); $('#progowa2').slideDown(500); });

});
</script>

forumdisplay_usersbrowsing
<div class="hole4">
<div class="progowa_2">
<div id="progowa4" class="smalltext"><center><a>Użytkownicy przeglądający ten dział (KLIKNIJ)</a></center></div>
<div id="progowa3">
<div style="margin-left: 10px;">
			<div class="statki">Użytkownicy przeglądający ten dział:<br>
{$onlinemembers}{$onlinesep}{$invisonline}{$onlinesep2}{$guestsonline}</div>
</div>

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

<script type="text/javascript"> 
var on_top = {
	interval: 30,	
	scroll: 0,	
	nscrolls: 10,	
	go: function()
		{
			on_top.scroll = -(window.scrollY/on_top.nscrolls);
			on_top.loop();
		},
	loop: function()
		{
			if(window.scrollY!=0)
			{
				window.scrollBy(0,on_top.scroll);
				setTimeout('on_top.loop()',on_top.interval);
			}
		}
	};
</script>
<script>
jQuery(function($) {

$('#progowa3').hide();
$('#messages').hide();
$('#progowa4').click(function() { $('#progowa4').slideUp(500); $('#progowa3').slideDown(500); });

});
</script>

website: www.saint-rp.pl
test login: test
haslo: test12

I care about most of the preview sections, which the panel is on top of the "Panel"
In the headerinclude, change this:

$(document).ready(function(){
    $('#login-toggle').click(function() {
        $('#login-content').slideToggle(300, function() {
        $("#login-toggle p").toggle();
        });
    });
});

to this:

jQuery(document).ready(function($){
    $('#login-toggle').click(function() {
        $('#login-content').slideToggle(300, function() {
        $("#login-toggle p").toggle();
        });
    });
});

and add this straight after your call to the actual jQuery resource:

<script type="text/javascript">
jQuery.noConflict();
</script>
I do not understand where I add jQuery.noConflict (); to headerinclude but under what?

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/samp/js/portal.js"></script> <!-- portal -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <!-- wysuwany panel -->
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/samp/js/swfobject/swfobject.js"></script> <!-- slider portal -->
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/samp/js/tabs.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<!-- <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> -->
{$stylesheets}
<script type="text/javascript">
<!--
	var cookieDomain = "{$mybb->settings['cookiedomain']}";
	var cookiePath = "{$mybb->settings['cookiepath']}";
	var cookiePrefix = "{$mybb->settings['cookieprefix']}";
	var deleteevent_confirm = "{$lang->deleteevent_confirm}";
	var removeattach_confirm = "{$lang->removeattach_confirm}";
	var loading_text = '{$lang->ajax_loading}';
	var saving_changes = '{$lang->saving_changes}';
	var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
	var my_post_key = "{$mybb->post_code}";
	var imagepath = "{$theme['imgdir']}";
// -->
</script>
<script type="text/javascript"> <!-- slider portal -->
		var flashvars = {};
		flashvars.xml = "config.xml";
		flashvars.font = "font.swf";
		var attributes = {};
		attributes.wmode = "transparent";
		attributes.id = "slider";
		swfobject.embedSWF("cu3er.swf", "slider-portal", "798", "348", "9", "expressInstall.swf", flashvars, attributes);
</script>
<script type="text/javascript"> <!-- podglad profili -->

    jQuery(document).ready( function() {

      jQuery('#tab-container').easytabs();

    });

</script>
 <script type="text/javascript"> <!-- buttony, podswietlanie -->
         jQuery(function() {
              jQuery('.imgOpa').each(function() {
                  jQuery(this).hover(
                     function() {
                          jQuery(this).stop().animate({ opacity: 1.0 }, 400);
                     },
                    function() {
                         jQuery(this).stop().animate({ opacity: 0.5 }, 400);
                    })
                 });
         });
     </script>
<script type="text/javascript"> <!-- wysuwany panel -->
jQuery(document).ready(function($){
    $('#login-toggle').click(function() {
        $('#login-content').slideToggle(300, function() {
        $("#login-toggle p").toggle();
        });
    });
});
</script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery/jquery.js"></script> <!-- opcja zmiana stylu -->
  <script type="text/javascript"> <!-- opcja zmiana stylu -->
jQuery(function()
	{
		// Call stylesheet init so that all stylesheet changing functions 
		// will work.
		jQuery.stylesheetInit();
		
		// This code loops through the stylesheets when you click the link with 
		// an ID of "toggler" below.
		jQuery('#toggler').bind(
			'click',
			function(e)
			{
				jQuery.stylesheetToggle();
				return false;
			}
		);
		
		// When one of the styleswitch links is clicked then switch the stylesheet to
		// the one matching the value of that links rel attribute.
		jQuery('.styleswitch').bind(
			'click',
			function(e)
			{
				jQuery.stylesheetSwitch(this.getAttribute('rel'));
				return false;
			}
		);
	}
);
 </script>
{$newpmmsg}
<!-- opcja zmiana stylu -->
	<link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style1.css" title="style1" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style2.css" title="style2" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style3.css" title="style3" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style4.css" title="style4" media="screen" />
        <link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style5.css" title="style5" media="screen" />
<!-- opcja zmiany stylu -->
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery/stylesheet.js"></script> <!-- opcja zmiana stylu -->

<script type="text/javascript">
jQuery.noConflict();
</script>

and tell me why does not view profiles, how to fix it? http://saint-rp.pl/member.php?action=profile&uid=17
Change that to this:

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/samp/js/portal.js"></script> <!-- portal -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <!-- wysuwany panel -->
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/samp/js/swfobject/swfobject.js"></script> <!-- slider portal -->
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/samp/js/tabs.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
{$stylesheets}
<script type="text/javascript">
<!--
    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var imagepath = "{$theme['imgdir']}";
// -->
</script>
<script type="text/javascript"> <!-- slider portal -->
        var flashvars = {};
        flashvars.xml = "config.xml";
        flashvars.font = "font.swf";
        var attributes = {};
        attributes.wmode = "transparent";
        attributes.id = "slider";
        swfobject.embedSWF("cu3er.swf", "slider-portal", "798", "348", "9", "expressInstall.swf", flashvars, attributes);
</script>
<script type="text/javascript"> <!-- podglad profili -->

    jQuery(document).ready( function() {

      jQuery('#tab-container').easytabs();

    });

</script>
<script type="text/javascript"> <!-- buttony, podswietlanie -->
         jQuery(function() {
              jQuery('.imgOpa').each(function() {
                  jQuery(this).hover(
                     function() {
                          jQuery(this).stop().animate({ opacity: 1.0 }, 400);
                     },
                    function() {
                         jQuery(this).stop().animate({ opacity: 0.5 }, 400);
                    })
                 });
         });
     </script>
<script type="text/javascript"> <!-- wysuwany panel -->
jQuery(document).ready(function($){
    $('#login-toggle').click(function() {
        $('#login-content').slideToggle(300, function() {
        $("#login-toggle p").toggle();
        });
    });
});
</script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery/jquery.js"></script> <!-- opcja zmiana stylu -->
  <script type="text/javascript"> <!-- opcja zmiana stylu -->
jQuery(function()
    {
        // Call stylesheet init so that all stylesheet changing functions
        // will work.
        jQuery.stylesheetInit();
        
        // This code loops through the stylesheets when you click the link with
        // an ID of "toggler" below.
        jQuery('#toggler').bind(
            'click',
            function(e)
            {
                jQuery.stylesheetToggle();
                return false;
            }
        );
        
        // When one of the styleswitch links is clicked then switch the stylesheet to
        // the one matching the value of that links rel attribute.
        jQuery('.styleswitch').bind(
            'click',
            function(e)
            {
                jQuery.stylesheetSwitch(this.getAttribute('rel'));
                return false;
            }
        );
    }
);
</script>
{$newpmmsg}
<!-- opcja zmiana stylu -->
    <link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style1.css" title="style1" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style2.css" title="style2" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style3.css" title="style3" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style4.css" title="style4" media="screen" />
        <link rel="alternate stylesheet" type="text/css" href="{$mybb->settings['bburl']}/styles/style5.css" title="style5" media="screen" />
<!-- opcja zmiany stylu -->
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery/stylesheet.js"></script> <!-- opcja zmiana stylu -->

As for the second question, I don't understand what you mean I'm afraid...
it did not help, still not working.

Board index
Quote:Uncaught TypeError: Object [object Object] has no method 'dispatchEvent'
http://iv.pl/images/83156484271147626243.png
Board index
Quote:Uncaught TypeError: Object [object Object] has no method 'easytabs'
http://iv.pl/images/44065020140987906668.png

view section
http://www.iv.pl/images/33824633139195464517.png
view Post
http://www.iv.pl/images/25579929198653886306.png
view Profile
http://www.iv.pl/images/43015727996436552969.png