MyBB Community Forums

Full Version: slideshow in header theme
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I want to make myself a header slideshow in a sub menu themes. Slideshow I would like you copy a website but do not know exactly what to do.
Can someone help me?
Theme i want use is TheCure
The site where the slideshow is http://www.tenispartener.ro/ro/

[Image: wase0w.jpg]
There are some kind of plugins to do this, with jscript, css and jQuery or you can do it with your own code, but you have to put some changes and make no conflict with MyBB, so you can use whatever you want.

First at all you have to know where you wanna add this mod and find a way to include your code in the right place you need.

Finally only put your code, because you show an image but that image still can be made with snivo plugin or some plugin, i use one on my site, but not works at all, and have the same design you show and i got another one on portal and functions like a charm, but if you want to add this, like my forum i can help you, another way it's more difficult because i dont know what you need.
i use this code in header nut is not good. but deforms theme..if someone wants to help me I can offer data from my site to help me.

<?xml version="1.0" encoding="UTF-8"?>
                                 
								<!DOCTYPE html>
								<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" 
                                                                        xmlns:og="http://ogp.me/ns#"
                                                                        xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
	
	<title>Comunitatea tuturor amatorilor de tenis | TENISPARTENER.RO</title>
	<link rel="shortcut icon"   href="http://www.tenispartener.ro/css/images/favicon.ico" />
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<!--[if IE]><script language="javascript" type="text/javascript" src="http://www.tenispartener.ro/js/charts/excanvas.js"></script><![endif]-->
		
			<meta name="description" content="Comunitatea tuturor amatorilor de tenis. Noi parteneri de joc, meciuri cu miza, turnee, clasament. Tenis Partener demonstreaza ca tenisul este un sport dedicat tuturor. Pentru el, pentru ea, pentru intreaga familie, pentru incepatori sau experimentati, pentru invingatori, pentru cei care vor sa evolueze, pentru prieteni vechi si noi, pentru cei indrazneti, pentru cei care vor sa-si depaseasca limitele, pentru cei care n-au incercat inca, dar isi doresc sa o faca. Tenis pentru toti!" />
			<meta name="keywords" content="amatori, turnee, tenis, clasament, meciuri, comunitate, jucatori, circuit, nivel de joc, jucatori amatori, circuit amatori, turnee amatori, clasament amatori, meciuri amatori, comunitate amatori, tenis pentru toti" />
			<meta name="language" content="romanian, ro" />
		
        		<meta property="og:image" content="http://www.tenispartener.ro/css/images/fb_campionat_bcrtp.jpg" />
	        
			<link rel="stylesheet" type="text/css" href="http://www.tenispartener.ro/css/main.css" />
			<link rel="stylesheet" type="text/css" href="http://www.tenispartener.ro/css/style.css" />
			<link rel="stylesheet" type="text/css" href="http://www.tenispartener.ro/css/toolbar.css" />
			<link rel="stylesheet" type="text/css" href="http://www.tenispartener.ro/css/home/home.css" />
			<link rel="stylesheet" type="text/css" href="http://www.tenispartener.ro/css/news/featured.css" />
			<link rel="stylesheet" type="text/css" href="http://www.tenispartener.ro/css/headtohead/headtohead.css" />
			<link rel="stylesheet" type="text/css" href="http://www.tenispartener.ro/css/jquery-ui-1.8.8.custom.css" />
			<link rel="stylesheet" type="text/css" href="http://www.tenispartener.ro/css/tournaments/tournaments.css" />
	        
       
	
	<link rel="stylesheet" type="text/css" href="http://www.tenispartener.ro/css/tmp-over.css" />
	
	
	<script type="text/javascript">		
		var menusel = "menu_home";
		var basew = "http://www.tenispartener.ro/ro/";
	</script>

        <!-- block inserts -->
                
        	
	<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>
        <!-- end block inserts -->
        
	<!-- initializare variabile js -->
	<script type="text/javascript">
				    var base = 'http://www.tenispartener.ro/';
				    var basew = 'http://www.tenispartener.ro/ro/';
				    var mediaurl = 'http://www.tenispartener.ro/image/';
				    var basem = 'http://www.tenispartener.ro/video/';
				    var jsres = 'http://www.tenispartener.ro/js/';
				var fleg_over=0;
	</script>
	<!-- end initializare variabile js -->
	
			<script type="text/javascript" src="http://www.tenispartener.ro/js/jquery.js"></script>
			<script type="text/javascript" src="http://www.tenispartener.ro/js/main.js"></script>
			<script type="text/javascript" src="http://www.tenispartener.ro/js/jquery.swfobject.js"></script>
			<script type="text/javascript" src="http://www.tenispartener.ro/js/toolbar/toolbar.js"></script>
			<script type="text/javascript" src="http://www.tenispartener.ro/js/jquery.auto-complete.min.js"></script>
			<script type="text/javascript" src="http://www.tenispartener.ro/js/news/featured.js"></script>
			<script type="text/javascript" src="http://www.tenispartener.ro/js/news-jquery-ui-tabs.js"></script>
			<script type="text/javascript" src="http://www.tenispartener.ro/js/headtohead/search.js"></script>
			<script type="text/javascript" src="http://www.tenispartener.ro/js/jquery.ui.js"></script>
			<script type="text/javascript" src="http://www.tenispartener.ro/js/tournaments/search.js"></script>
			<script type="text/javascript" src="http://www.tenispartener.ro/js/tournaments/bullets.js"></script>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-16" />
        <meta name="google-site-verification" content="uZIjCT0EL4KDR-ZL_w7Lh9vAlK9C4vrmNR9C1kJiuvA" />
        <style>
            .browser {
                background-color: #FAE896;
                padding: 10px 50px;
                font: 11px Arial, Helvetica, sans-serif;
                color: black;
                border-bottom: 1px solid #FACE06;
                }
            </style>
</head>

<body>

<!--[if lt IE 8]>
  <div style=' position: relative;z-index:1000;width:100%' class='browser'>
    
    <div style='width: 1200px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
        <div style='float:right; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
       
      <strong>Stiai ca Internet browser-ul tau nu este actualizat?</strong><br />
        Actualizarea Internet browser-ului iti va asigura cea mai buna experienta posibila in utilizarea acestui site si iti va oferi multe alte beneficii cum ar fi o protectie mult mai buna si o performanta imbunatatita.<br/> Ne-am asigurat ca functionalitatile de baza ale site-ului sunt accesibile si cu browser-ul tau insa site-ul nu va fi afisat ca pe o versiune recenta a browser-ului iar unele dintre functionalitati pot fi inaccesibile.<br /><br />
        <strong>Descarca una dintre variantele actualizate de browser de mai jos:<br /></strong>
       
        <a href="http://www.mozilla.com/en-US/products/download.html?product=firefox-5.0&os=win&lang=en-US">Mozilla Firefox</a>, <a href="http://www.google.com/chrome/?hl=ro">Google Chrome</a>, <a href="http://windows.microsoft.com/ro-RO/internet-explorer/products/ie/home">Internet Explorer</a>
        
    </div>
  </div>
  
<!-- login -->

    <!-- bcrtp user toolbar -->
        <!-- visitor toolbar -->
	<!-- login -->

<!-- end login -->    <!-- end visitor toolbar -->
        <!-- end bcrtp user toolbar -->




	
                                    	
</div>
            <!--
<a href="http://www.tenispartener.ro/ro/100-de-premii" style="width:185px; height:375px; position:absolute; top:185px; left:960px;z-index:1000;"><img src="http://www.tenispartener.ro/css/images/transparent.gif" alt="" width="185" height="375" /></a>
            --><!-- news box -->
<script type="text/javascript"> 
       
	$(document).ready(function(){
               $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	});        
</script> 
<!-- news box -->
<div class="news_box margin_bottom_14px">
	<div id="featured" > 
            <ul class="ui-tabs-nav">
                	        <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-featured-0"><a href="#featured-0"><img src="http://www.tenispartener.ro/image/safe/Ty/364SfFs80WJXDJ+wX7OApYQPFWMcDnKfplcTUJ8pAy952bYz9J5AIYnUIvALM44kULUYhRjo1jMTDRV/RBBdzcwA/9N064H1YcogCdm0KKmdVo0tXvZlorkDDWi8b" alt="" /><div class="ui-tabs-container"><span>S-a lansat membership-ul pe 2014</span></div></a></li> 
	        	        <li class="ui-tabs-nav-item " id="nav-featured-1"><a href="#featured-1"><img src="http://www.tenispartener.ro/image/safe/Wk/5zDHRLX+wwJgX7ZyEj3b7qeqErbuwTmJWqffgx/ShN4p80gepbI/QdehS1u8MamHavueHNmZNvs6dTLWB+E01cz29mfUmemaQxvao1N0J33kFv2BUo4x1CbXEWxxV" alt="" /><div class="ui-tabs-container"><span>Inovatii majore in circuit, din 2014</span></div></a></li> 
	        	        <li class="ui-tabs-nav-item " id="nav-featured-2"><a href="#featured-2"><img src="http://www.tenispartener.ro/image/safe/QCeTDwBNcG190W40gwmezx5mffBXr3idkspPP64e8ZYYSrWSZ9VYc2wV7Zanp6pWo44hFKtg3t8B5YvDgkOQjNOk2/DojNlRl8ZcE0pdBDljsbgpjMB5h2Zp8xmm+u5G" alt="" /><div class="ui-tabs-container"><span>Noutati despre Winter Series Stars</span></div></a></li> 
	        	        <li class="ui-tabs-nav-item " id="nav-featured-3"><a href="#featured-3"><img src="http://www.tenispartener.ro/image/safe/We3bZd+7KwgcEMfn9VJ6JdLVumMegRdfkGhUUAi6CFlWKn85X7mSoVOx/PYbmi7pORgRY8WI+e1ArccH9/femyEA/65Fo1hQJgYpqiFwinVtbY1hC49MpZEOQScbHnx/" alt="" /><div class="ui-tabs-container"><span>Turnee de colectie, la final de an</span></div></a></li> 
	        	      </ul> 
            <div id="player" style="display:none"></div>
            	    <!-- Panel Content --> 
	    <div id="featured-0" class="ui-tabs-panel" style=""> 
			<img src="http://www.tenispartener.ro/image/safe/+5+WqHmxJkwznlBi4pucYKeuF+JDcFgQt9dlt3kuarnD2tcV0hMlsn6nZ/xC5WhBR9w4cDSjBohZbxb96xiSo5YumFmKu+tSTExwW9/qPNnOXU0VMOl8ZLnrD3oe8yUE" alt="" width="614" height="284" /> 
			 <div class="info" > 
				<h2><a href="http://www.tenispartener.ro/ro/stire/sa-lansat-membershipul-pe-2014-1609.html" >S-a lansat membership-ul pe 2014</a></h2> 
				<p><p>
	Vezi care cont ti se potriveste si activeaza-l!</p></p>
                                <p><a href="http://www.tenispartener.ro/ro/stire/sa-lansat-membershipul-pe-2014-1609.html" class="info-detalii">Detalii</a><a href="http://www.tenispartener.ro/ro/stire/sa-lansat-membershipul-pe-2014-1609.html"><img class="info-detalii-icon" src="http://www.tenispartener.ro/css/images/link-cyan-pict.png" alt=""></a> </p>
			 </div> 
	    </div> 
            <!-- End Panel Content --> 
            	    <!-- Panel Content --> 
	    <div id="featured-1" class="ui-tabs-panel" style=""> 
			<img src="http://www.tenispartener.ro/image/safe/ZSwL9GN0uPJdOvpJZ7n7adjE/tiGfvHUoIHn7vtCkNZqngwm37fblMoQIN8VPXjPQzTHV/8SAsRH0n+aH1sQCSmOGBcYW2kfx5pokC0/+M3E5zuA3CxM9tKr5fmpIkpt" alt="" width="614" height="284" /> 
			 <div class="info" > 
				<h2><a href="http://www.tenispartener.ro/ro/stire/inovatii-majore-in-circuit-din-2014-1608.html" >Inovatii majore in circuit, din 2014</a></h2> 
				<p><p>
	Puncte valorice, un nou nivel de joc si&hellip; multe altele</p></p>
                                <p><a href="http://www.tenispartener.ro/ro/stire/inovatii-majore-in-circuit-din-2014-1608.html" class="info-detalii">Detalii</a><a href="http://www.tenispartener.ro/ro/stire/inovatii-majore-in-circuit-din-2014-1608.html"><img class="info-detalii-icon" src="http://www.tenispartener.ro/css/images/link-cyan-pict.png" alt=""></a> </p>
			 </div> 
	    </div> 
            <!-- End Panel Content --> 
            	    <!-- Panel Content --> 
	    <div id="featured-2" class="ui-tabs-panel" style=""> 
			<img src="http://www.tenispartener.ro/image/safe/50xH3BkjKl0i6dNo7PZuB5EZP4mqp7sBhz18Ec4sMXG8uLxZDPtc7yc+rrwyUaKx/ldmXU2L0ypYxk6euoE2P3wnBvDm5JXCSmKhKeH715d8OurdGbL9hAlNr7L6uiV1" alt="" width="614" height="284" /> 
			 <div class="info" > 
				<h2><a href="http://www.tenispartener.ro/ro/stire/noutati-despre-winter-series-stars-1607.html" >Noutati despre Winter Series Stars</a></h2> 
				<p><p>
	S-a stabilit graficul de joc</p></p>
                                <p><a href="http://www.tenispartener.ro/ro/stire/noutati-despre-winter-series-stars-1607.html" class="info-detalii">Detalii</a><a href="http://www.tenispartener.ro/ro/stire/noutati-despre-winter-series-stars-1607.html"><img class="info-detalii-icon" src="http://www.tenispartener.ro/css/images/link-cyan-pict.png" alt=""></a> </p>
			 </div> 
	    </div> 
            <!-- End Panel Content --> 
            	    <!-- Panel Content --> 
	    <div id="featured-3" class="ui-tabs-panel" style=""> 
			<img src="http://www.tenispartener.ro/image/safe/TU7jZJmgdfTog/jDwWzxvoJfg9o1l8zdVCSOsM+CO04CNDoUq8YbtotbIp6qwn6GCGA7hYhQrENU5Vw8paok3dwD7HU1B63f6RwgS/0lYmj7buw6TXFsDQm2tLohmIxP" alt="" width="614" height="284" /> 
			 <div class="info" > 
				<h2><a href="http://www.tenispartener.ro/ro/stire/turnee-de-colectie-la-final-de-an-1606.html" >Turnee de colectie, la final de an</a></h2> 
				<p><p>
	In circuitul Tenis Partener - Winter Series</p></p>
                                <p><a href="http://www.tenispartener.ro/ro/stire/turnee-de-colectie-la-final-de-an-1606.html" class="info-detalii">Detalii</a><a href="http://www.tenispartener.ro/ro/stire/turnee-de-colectie-la-final-de-an-1606.html"><img class="info-detalii-icon" src="http://www.tenispartener.ro/css/images/link-cyan-pict.png" alt=""></a> </p>
			 </div> 
	    </div> 
            <!-- End Panel Content --> 
             
    </div> 
</div>
<!-- ens news box -->


<!-- end news box -->



	
	<!-- content -->

			
			<!-- tournaments -->
			
<!-- tournaments -->

<!-- modul turnee -->

						
			
		</div>
		
					<!-- paginare -->
			
			<!-- paginare -->
														
												
										
				</table>
				
			</div>
			
			
		</div>
		
					<!-- paginare -->
			
			<!-- paginare -->
				
	</div>
	
	
	
	
</div>
<!-- end modul turnee -->















<!-- ens tournaments -->

			<!-- end tournaments -->
			
			<!-- facebook like -->
			
			<!-- end facebook like -->
			
			<!-- fotov-ideo -->
			<!-- head to head -->

<!-- head to head -->



			<!-- end foto-video -->
			
			<!-- champions -->
			<!-- end champions -->
						
			<!-- matchs -->
			<script type="text/javascript">
	$(document).ready(function()
	{
		var fleg_match_recent=1;
		var img_path_recent='http://www.tenispartener.ro/css/'+'images/';

		
		//$("#pag_recent_less").hide();
		//$("#pag_recent_more").show();
		
		$(".mp_recents_1").hide();
		$(".mp_recents_2").hide();
		$(".mp_recents_3").hide();
		
		$(".mp_recents_1").show();

		$("#pag_recent_1").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
		$("#pag_recent_2").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
		$("#pag_recent_3").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
		$("#pag_recent_1").children().attr("src",img_path_recent+'pagination-bullet-over.png');

		
		//$("#text_recent").html('1 din 3');
		
		
		$('#pag_recent_1').click(function() {
			fleg_match_recent =1;

			$("#pag_recent_less").hide();
			$("#pag_recent_more").show();

			
			$(".mp_recents_1").hide();
			$(".mp_recents_2").hide();
			$(".mp_recents_3").hide();
			$(".mp_recents_1").show();

			$("#pag_recent_1").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
			$("#pag_recent_2").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
			$("#pag_recent_3").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
			$(this).children().attr("src",img_path_recent+'pagination-bullet-over.png');

			//$("#text_recent").html('1 din 3');

		});

		$('#pag_recent_2').click(function() {
			fleg_match_recent =2;

			$("#pag_recent_less").show();
			$("#pag_recent_more").show();
			
			$(".mp_recents_1").hide();
			$(".mp_recents_2").hide();
			$(".mp_recents_3").hide();
			$(".mp_recents_2").show();

			$("#pag_recent_1").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
			$("#pag_recent_2").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
			$("#pag_recent_3").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
			$(this).children().attr("src",img_path_recent+'pagination-bullet-over.png');

			//$("#text_recent").html('2 din 3');
		});

		$('#pag_recent_3').click(function() {
			fleg_match_recent =3;
			
			$("#pag_recent_less").show();
			$("#pag_recent_more").hide();
			
			$(".mp_recents_1").hide();
			$(".mp_recents_2").hide();
			$(".mp_recents_3").hide();
			$(".mp_recents_3").show();

			$("#pag_recent_1").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
			$("#pag_recent_2").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
			$("#pag_recent_3").children().attr("src",img_path_recent+'pagination-bullet-btn.png');
			$(this).children().attr("src",img_path_recent+'pagination-bullet-over.png');

			//$("#text_recent").html('3 din 3');
		});

	});
</script>

<!-- meciuri partener recente -->

					<!-- row -->
		
				
	</table>
	
	<!-- paginare -->

	</div>
	<!-- paginare -->
</div>
<!-- end meciuri partener recente -->			<!-- end matchs -->
			
		</div>
		<!-- end left content -->
		
		
		<!-- right conte
                        <!-- join -->
			

<!-- intra in circuit -->
              
                        
                        <!-- downloads -->
			<!-- download documente -->

<!-- end download documente -->



			<!-- end downloads -->
                        
			
			
                        <!-- banners -->
                        
			          






<!-- banner -->

	
		 


<!--
<div style="margin-bottom: 10px;" >
<object width="300" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
            <param value="http://www.tenispartener.ro/css/images/banners/banner100premii-300x250.swf?clickTAG=http://www.tenispartener.ro/ro/100-de-premii" name="movie">
            <param value="high" name="quality">
            <param value="transparent" name="wmode">
            <embed width="300" height="250" src="http://www.tenispartener.ro/css/images/banners/banner100premii-300x250.swf?clickTAG=http://www.tenispartener.ro/ro/100-de-premii" wmode="transparent">
    </object>
</div>
-->



	
    
</div>
		 
		 
				<!-- end banner -->

                
			<!-- end banners -->                        
			
                        
                        <!-- players -->
			<!-- end players -->
                        
                        
			<!-- standings -->
			<!-- end standings -->			
			
			
			
			
			
		</div>
		<!-- end right content -->
		
	</div>
	<!-- end content -->
	
</div>
<!-- end content zone -->

    <!--end title sponsor-->
    <!--sponsori-->
    
    
    <!-- end sponsori -->
    <script>
        
     if ($("div.sponsori_box"))
            {
                
                //// pentru fiecare modul de tip m2
                $("div.sponsori_box").each(function($index, $module) {

                    var $time = parseInt($($module).attr('time'));
                    var $timerid = 0;
                    $(".panel", $module).first().addClass('sponsor_current');
                    sponsors_autorotate('stop', $module);
                    sponsors_autorotate('start', $module);
                });
            }
            
            /// sponsors
            function sponsors_autorotate($status, $module)
            {
                var $time = parseInt($($module).attr('time'));
                var $timerid = parseInt($($module).attr('timer'));

                if ($status == 'start')
                {
                    if ($timerid != 'NaN')
                    {
                        clearInterval($timerid)
                        $($module).attr('timer', '');
                    }

                    $timerid = window.setInterval(function() {
                        sponsors_autorotate('continue', $module);
                    }, $time);
                    $($module).attr('timer', $timerid);

                }
                if ($status == 'stop') {
                    if ($timerid != 'NaN')
                    {
                        clearInterval($timerid)
                        $($module).attr('timer', '');
                    }
                }

                if ($status == 'continue')
                {
                    // nb of sponsori

                    var $nbsponsori = parseInt($(".panel", $module).length);
                    var $next = 0;
                    $(".panel", $module).each(function($index, $panel) {
                        if ($($panel).hasClass("sponsor_current"))
                        {
                            $next = $index + 1;
                        }
                    });

                    if ($next > ($nbsponsori - 1))
                    {
                        $next = 0;
                    }

                    $(".panel", $module).removeClass('sponsor_current');
                    $(".panel", $module).fadeOut();

                    $(".panel", $module).each(function($index, $panel) {
                        if ($index == $next)
                        {
                            $($panel).fadeIn();
                            $($panel).addClass('sponsor_current')
                        }
                    });
                }



                return true;
            }

    </script>

</div>
&nbsp;
<!-- footer -->
<style>
    a.quickLink { color: #79ABDC; background: #1d5693; text-decoration: none; padding: 0 3px; }
    a.quickLink:hover { color: #103155; background: #79ABDC; text-decoration: none !important; padding: 0 3px; }
    .line_height20 { line-height: 20px; }
</style>

	</div>
    </div>
    <!-- end quick link -->

    
<!-- end footer -->

<script type="text/javascript">
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-5096305-1']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	</script>



</div>	</body>
</html>

[Image: 3011ono.jpg]
nothing?