Top Stats

Post by **Savant** » 20 Jan 2012, 16:55

Awesome! So, here's a pic I'll link to which shows you what it's doing (only on the custom styles, prosilver is doing exactly what it's supposed to). In each of my 3 custom styles (all made by the same developers), it's doing the same thing, it will not scroll, and if you hit the buttons it repositions your browser to the top of the screen.

http://i1191.photobucket.com/albums/z47 ... xample.png

So, my template/index_body.html is :

Code: Select all

<!-- INCLUDE overall_header.html -->

<!-- IF U_MCP --><p>[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</p><!-- ENDIF -->
<!-- IF REP2_MENUPOSITION == full -->
<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<ul class="linklist">
	<!-- IF S_DISPLAY_SEARCH -->
		<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_LOAD_UNREADS --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
	<!-- ENDIF -->
	<!-- IF not S_IS_BOT and U_MARK_FORUMS --><li class="rightside"><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li><!-- ENDIF -->
</ul>
<!-- ENDIF -->
<!-- ENDIF -->
<!-- IF S_TSRAT_ENABLE -->
<!-- INCLUDE recent_active_body.html -->
<!-- ENDIF -->
<!-- INCLUDE forumlist_body.html -->
<!-- IF S_TSMVT_ENABLE or S_TSMRT_ENABLE or S_TSMAU_ENABLE or S_TSMAF_ENABLE or S_TSLVB_ENABLE or S_TSLRU_ENABLE -->
<!-- INCLUDE top_stats_body.html -->
<!-- ENDIF -->
<!-- INCLUDE overall_footer.html -->

My template/overall_header.html is:

Code: Select all

<!-- INCLUDE styleswitcher.html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />

{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
	phpBB style name: Replicant2
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by: RocketTheme, LLC (C) Copyright. All rights reserved.
	
	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<!-- IF S_ENABLE_FEEDS -->
<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->
<!-- INCLUDE ../../../rokbb3.php -->
<!-- INCLUDE replicant2.php -->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
		var url = '{UA_POPUP_PM}';
		window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/<!-- IF REP2_BODYSTYLE -->{REP2_BODYSTYLE}<!-- ELSE -->bodystyle1<!-- ENDIF -->.css" rel="stylesheet" type="text/css" />
<link href="{T_THEME_PATH}/<!-- IF REP2_STYLE -->color{REP2_STYLE}<!-- ELSE -->{DEFAULT_REP2_SCHEME}<!-- ENDIF -->.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/rokmoomenu.css" rel="stylesheet" type="text/css" />
<style type="text/css">
	div.wrapper { margin: 0 auto; <!-- IF REP2_WIDTH -->width:{REP2_WIDTH}px;<!-- ELSE -->width:962px;<!-- ENDIF -->padding:0;}
	#body-bg {background-attachment:scroll;}
	#leftcol { <!-- IF REP2_MENUPOSITION == left -->width:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->width:0px;<!-- ENDIF --> padding:0;}
	#rightcol { <!-- IF REP2_MENUPOSITION == right -->width:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->width:0px;<!-- ENDIF -->padding:0;}
	#maincol { <!-- IF REP2_MENUPOSITION == left -->margin-left:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->margin-left:0px;<!-- ENDIF --><!-- IF REP2_MENUPOSITION == right -->margin-right:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->margin-right:0px;<!-- ENDIF --> padding:0;}
	#mainblock {margin-left:0px;margin-right:0px;padding:0;}
	#banner-left { width:0px;padding:0;}
	#banner-right { width:0px;padding:0;}
	#moduleslider-size { height:200px;}
	
	<!-- IF REP2_MENUPOSITION == left or REP2_MENUPOSITION == right -->
	#wrap {width:665px;}
	#postingbox .autowidth {width: 100% !important;}
	#postingbox .column2 { width: 75%; margin-top:-75px; position: relative;}
	#postingbox .column1 { width: 70%;}
	<!-- PHP -->if (rok_isIe(7)) {print("#postingbox .column2 { width: 75%; margin-top:0px; position: relative; margin-left: -300px;}");}<!-- ENDPHP -->
	<!-- PHP -->if (rok_isIe(6)) {print("#wrap {width:660px;} #postingbox {width: 470px;}#postingbox #message-box {width: 75%;}#postingbox .column2 { width: 75%; margin-top:0px; position: relative; margin-left: -300px;}#postingbox .column1 { width: 75%;}");}<!-- ENDPHP -->
	<!-- ENDIF -->
	
	<!-- IF AVATAR_POSITION == left -->
	.pm .postprofile {border: 0px none;}
	.pm .postprofile {border-right: 1px solid #222222;}
	.postprofile {float: left; border: 0px; margin:5px 5px 10px 10px; margin-left: -6px;border-right: 1px solid #222222;}
	.postbody {float: right;}
	ul.profile-icons {margin-right: 40px;}
		<!-- ENDIF -->
</style>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/mootools-release-1.11.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>

<script type="text/javascript">
window.templatePath = 'http://<!-- PHP --> echo $config['server_name']; <!-- ENDPHP -->/phpbb3/styles/replicant2/theme';
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/roktopmenu.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/rokfonts.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>

<script type="text/javascript">
	window.addEvent('domready', function() {
		var modules = ['module','moduletable','submenu-block'];
		var header = "h3";
		RokBuildSpans(modules, header);
	});
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/rokmoomenu.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/mootools.bgiframe.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
	new Rokmoomenu($E('ul.menutop '), {
		bgiframe: false,
		delay: 500,
		animate: {
			props: ['height', 'opacity'],
			opts: {
				duration: 400,
				transition: Fx.Transitions.Sine.easeInOut
			}
		},
		bg: {
			enabled: true,
			overEffect: {
				duration: 100,
				transition: Fx.Transitions.Expo.easeOut
			},
			outEffect: {
				duration: 800,
				transition: Fx.Transitions.Sine.easeIn
			}
		},
		submenus: {
			enabled: true,
			overEffect: {
				duration: 50,
				transition: Fx.Transitions.Expo.easeOut
			},
			outEffect: {
				duration: 600,
				transition: Fx.Transitions.Sine.easeIn
			},
			offsets: {
				top: 5,
				right: 15,
				bottom: 5,
				left: 5
			}
		}
	});
});
</script>


<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
<!-- IF (S_TSRAT_ENABLE and S_TS_JSSCROLL) or (S_TSRAT_ENABLE and S_TS_TICKER) -->
<!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->
<script src="{ROOT_PATH}script/jquery.totemticker.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
	$('#vertical-ticker').totemticker({
				row_height	:	'41px',
				max_items   :   3,
				speed       :   {JSSCROLL_SPEED},
				interval    :   {JSSCROLL_INTERVAL},
				<!-- IF TS_JSSCROLL_NAVIGATION -->
				next		:	'#ticker-next',
				previous	:	'#ticker-previous',
				stop		:	'#stop',
				start		:	'#start',
				<!-- ENDIF -->
				mousestop	:	true,
				direction	:	'<!-- IF TS_JSSCROLL_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->'
	});
});
// ]]>
</script>
<!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->
<script src="{ROOT_PATH}script/jquery.newsticker.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
	$("#news").newsTicker();
});
// ]]>
</script>
<!-- ENDIF -->
<!-- ENDIF -->
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />


<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!-- IF REP2_STYLE_NUM > 1 -->
<script type="text/javascript">
window.addEvent('domready', function() {
  var newImagePath = '{ROOT_PATH}/styles/replicant2_style{REP2_STYLE_NUM}/imageset/'; // remember to add the ending forward slash
  var classToSearch = '.icon';
  
  var els = $$(classToSearch);
  if (els.length) {
    els.each(function(el) {
      var bg = el.getStyle('background-image'), newBg, imgSource;
      bg = bg.replace('")', '').replace(")", '');
      var tmp = bg.split('/');
      imgSource = tmp[tmp.length - 1];
      el.setStyle('background-image', 'url('+newImagePath+imgSource+')');     
    });
  }
});
</script>
<!-- ENDIF -->

<!--[if lte IE 6]>
<link href="{T_THEME_PATH}/template_ie6.php?colorstyle=<!-- IF REP2_STYLE -->color{REP2_STYLE}<!-- ELSE -->{DEFAULT_REP2_SCHEME}<!-- ENDIF -->&bodystyle=<!-- IF REP2_BODYSTYLE -->{REP2_BODYSTYLE}<!-- ELSE -->bodystyle1<!-- ENDIF -->" rel="stylesheet" type="text/css" />
<![endif]-->

<!--[if IE 7]>
<link href="{T_THEME_PATH}/template_ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!--[if IE 6]>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/roksameheight.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
<![endif]-->
<!-- RokBox phpBB3 Code Start -->
<!-- IF ROKBOX -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rokbox/rokbox.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-config.js"></script>
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- IF IE_VERSION eq '6' -->
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style-ie6.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF IE_VERSION eq '7' -->
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style-ie7.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF IE_VERSION eq '8' -->
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style-ie8.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- ENDIF -->
<!-- RokBox phpBB3 Code End -->
</head>

<body id="{REP2_FONTFACE}" class="f-default section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
	<div id="body-bg">
			<div id="bg-panel2">
			<!-- Begin Top Bar -->
			<div id="top-bar">
				<div class="wrapper">

					
													
<!-- IF S_ALLOW_JMENU -->
									<div id="horiz-menu" class="moomenu">
																<!-- IF S_USER_LOGGED_IN -->
							{T_JOOMLA_MENU_REG}
							<!-- ELSE -->
							{T_JOOMLA_MENU}
							<!-- ENDIF -->
																<!-- ELSE -->
							
							<div id="horiz-menu" class="moomenu">

																<ul class="menutop" id="horiznav">
<li{U_INDEX_STYLE}><a href="{U_INDEX}" accesskey="h"><span>{L_INDEX}</span></a></li>

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->

				<li{U_PROFILE_STYLE}><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u"><span>{L_PROFILE}</span></a></li>
<!-- IF S_DISPLAY_PM --><li{U_PRIVATEMSGS_STYLE}><a href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a></li><!-- ENDIF -->
<!-- ENDIF -->	


<li{U_FAQ_STYLE}><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span>{L_FAQ}</span></a></li>
				<!-- IF not S_IS_BOT -->
										<!-- IF not S_USER_LOGGED_IN --><li{U_REGISTER_STYLE}><a href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li><!-- ENDIF -->
					<li{U_LOGIN_LOGOUT_STYLE}><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l"><span>{L_LOGIN_LOGOUT}</span></a></li>
				<!-- ENDIF -->

</ul>
							<!-- ENDIF -->																					</div>
										
									</div>
			</div>
			<!-- End Top Bar -->
			<!-- Begin Header Bar -->
			<div id="header-bar">
				<div class="wrapper">
										<a href="{U_INDEX}" class="nounder"><img src="{T_THEME_PATH}/images/blank.gif"  alt="logo" id="logo2" /></a>

															<div id="topmenu-mod">
								<div class="moduletable">
			<ul id="mainlevel-top">
				
<li><a href="{U_LOGIN_LOGOUT}" class="mainlevel-top" >{L_LOGIN_LOGOUT} | <!-- IF not S_USER_LOGGED_IN -->Login form<!-- ELSE -->Log out from forum<!-- ENDIF --></a></li>
<!-- IF not S_USER_LOGGED_IN --><li><a href="{U_REGISTER}" class="mainlevel-top" >{L_REGISTER} | Register new account</a></li><!-- ELSE -->
<li><a href="{U_PROFILE}" class="mainlevel-top" >{L_PROFILE} | Your profile</a></li>
<!-- ENDIF -->
			
															</ul>		</div>
							</div>
														</div>
				<div class="clr"></div>

			</div>
			<div id="header-bar-bottom"></div>
			<!-- End Header Bar -->
			<div class="wrapper">
												<div id="mainblock">
				<!-- Begin Showcase Block -->
								<!-- End Showcase Block -->
				<!-- Begin Main Body -->
				<div id="main-top"></div><div id="main-top2"></div><div id="main-top3"></div>

								
                                                                <div id="main<!-- PHP -->if (rok_isIe(6)) {print("-ie");}<!-- ENDPHP -->" class="main-height"><!-- PHP -->if (rok_isIe(6)) {print("</div>");}<!-- ENDPHP -->
					<div id="main<!-- PHP -->if (rok_isIe(6)) {print("-ie");}<!-- ENDPHP -->2" class="main-height"><!-- PHP -->if (rok_isIe(6)) {print("</div>");}<!-- ENDPHP -->
						<div id="main<!-- PHP -->if (rok_isIe(6)) {print("-ie");}<!-- ENDPHP -->3" class="main-height">
                                                
                                                
                                                 
				
                                                
                                                
														<div class="main-padding">
															<div id="main-bar">
																		<div id="newsflash-block">
												<div class="moduletable">
			<script src="{T_TEMPLATE_PATH}/rt_js/roknewsflash-packed.js" type="text/javascript"></script>
<script type="text/javascript">
	window.addEvent('domready', function() {
		var x = new RokNewsFlash('newsflash', {
			controls: true,
			delay: 2500,
			duration: 600,
			blankimage: '{T_THEME_PATH}/images/blank.png' });
	});
</script>
<div id="newsflash">
<ul>
	<li>{SITE_DESCRIPTION}</li>
<!-- IF S_USER_LOGGED_IN -->
	<li>
		{LAST_VISIT_DATE}
	</li>
<!-- ENDIF -->
		<li>
		{CURRENT_TIME}
	</li>
<!-- IF NEWEST_USER -->
		<li>
		{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS}
	</li>
<li>{NEWEST_USER}</li>
<li>{RECORD_USERS}</li>
<!-- ENDIF -->


	</ul>

</div></div></div>		
											
																										<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
																											<div id="searchmod">

												<div class="moduletable">
													
			
	<form action="{U_SEARCH}" method="get" id="search">
	<div class="search">
		<input name="keywords" id="keywords" maxlength="20" alt="search" class="inputbox" type="text" size="20" value="search..."  onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" />
</div>


</form>
												
																											</div>
																										
											</div>
																	<!-- ENDIF -->

																	</div>

															
																<!-- Begin Right Column -->
																 <!-- IF REP2_MENUPOSITION == right -->
																<div id="rightcol"><div class="padding">
																       <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
																		<div class="inner2"><div class="padding">
																		<div class="moduletable">
							<h3>
					Sign In				</h3>
				<div id="sl_vert" class="login">
                                 
                                        <form method="post" action="{ROOT_PATH}/ucp.php?mode=login" >
			<div id="sl_username"><input name="username" id="username" type="text" alt="username" size="10" value="Username" onfocus="if (this.value=='Username') this.value=''" onblur="if(this.value=='') { this.value='Username'; return false; }" /></div>

			<div id="sl_pass"><input type="password" id="password" name="password" size="10" alt="password" value="Password" onfocus="if (this.value=='Password') this.value=''" onblur="if(this.value=='') { this.value='Password'; return false; }" /></div>
			
                        
            		<!-- IF S_AUTOLOGIN_ENABLED --><div id="sl_rememberme"><input type="checkbox" name="autologin" id="autologin" class="inputbox_j" value="yes" alt="Remember Me" /> Remember me</div><!-- ENDIF -->
                	                   
			<div id="sl_submitbutton"><input name="redirect" value="{LOGIN_REDIRECT}" type="hidden"><input type="submit" name="login" value="{L_LOGIN}" /></div>

			</form>


		</div>	</div>
											</div></div>
									<div class="col-bottom"></div><div class="col-bottom2"></div><div class="col-bottom3"></div>
																		
																		<!-- ENDIF -->
																		
																		<div class="inner2"><div class="padding">
																						<div class="moduletable">
							<h3>

					Main Menu				</h3>
				
<table width="100%" border="0" cellpadding="0" cellspacing="0">
	
	
	<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
	<!-- IF S_DISPLAY_SEARCH -->
		<tr align="left"><td><a href="{U_SEARCH_UNANSWERED}" class="mainlevel"><span>{L_SEARCH_UNANSWERED}</span></a></td></tr><!-- IF S_USER_LOGGED_IN -->
		<tr align="left"><td><a href="{U_SEARCH_NEW}" class="mainlevel"><span>{L_SEARCH_NEW}</span></a></td></tr><!-- ENDIF -->
		<tr align="left"><td><a href="{U_SEARCH_ACTIVE_TOPICS}" class="mainlevel"><span>{L_SEARCH_ACTIVE_TOPICS}</span></a></td></tr>
	<!-- ENDIF -->
	<tr align="left"><td><a href="{U_SEARCH_SELF}" class="mainlevel"><span>{L_SEARCH_SELF}</span></a></td></tr>
	<!-- IF not S_IS_BOT and U_MARK_FORUMS --><tr align="left"><td><a href="{U_MARK_FORUMS}" accesskey="m" class="mainlevel"><span>{L_MARK_FORUMS_READ}</span></a></td></tr><!-- ENDIF -->
	
<!-- ENDIF -->	

</table>		</div>
											</div></div>
									<div class="col-bottom"></div><div class="col-bottom2"></div><div class="col-bottom3"></div>
														
																<!-- IF S_SHOW_REP2USER -->
																<div class="inner2"><div class="padding">
																						<div class="moduletable">
							<h3>

					User menu				</h3>
				
<table cellpadding="0" cellspacing="0">
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->

				<tr align="left"><td><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u" class="mainlevel">{L_PROFILE}</a></td></tr>
<!-- IF U_MCP --><tr align="left"><td><a href="{U_MCP}" class="mainlevel">{L_MCP}</a></td></tr><!-- ENDIF -->
						<!-- IF S_DISPLAY_PM --><tr align="left"><td><a href="{U_PRIVATEMSGS}" class="mainlevel">{PRIVATE_MESSAGE_INFO}</a></td></tr><!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS -->
					<tr align="left"><td><a href="{U_RESTORE_PERMISSIONS}" class="mainlevel">{L_RESTORE_PERMISSIONS}</a></td></tr>
					<!-- ENDIF -->
			

			<!-- ENDIF -->


				<tr align="left"><td><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}" class="mainlevel">{L_FAQ}</a></td></tr>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><tr align="left"><td><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}" class="mainlevel">{L_MEMBERLIST}</a></td></tr><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN --><tr align="left"><td><a href="{U_REGISTER}" class="mainlevel">{L_REGISTER}</a></td></tr><!-- ENDIF -->
					<tr align="left"><td><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l" class="mainlevel">{L_LOGIN_LOGOUT}</a></td></tr>
				<!-- ENDIF -->

</table>					</div>
											</div></div>
									<div class="col-bottom"></div><div class="col-bottom2"></div><div class="col-bottom3"></div>
																<!-- ENDIF -->
																<!-- IF ALLOW_REP2_COLORSWITCHER -->
																<div class="inner2"><div class="padding">
																						<div class="moduletable">
							<h3>

					Style variations				</h3>
				
<a href="index.php{SID}&ntheme=style1">Style 1</a> | <a href="index.php{SID}&ntheme=style2">Style 2</a> | <a href="index.php{SID}&ntheme=style3">Style 3</a> | <a href="index.php{SID}&ntheme=style4">Style 4</a> | <a href="index.php{SID}&ntheme=style5">Style 5</a>
| <a href="index.php{SID}&ntheme=style6">Style 6</a>
| <a href="index.php{SID}&ntheme=style7">Style 7</a>
| <a href="index.php{SID}&ntheme=style8">Style 8</a>
| <a href="index.php{SID}&ntheme=style9">Style 9</a>
| <a href="index.php{SID}&ntheme=style10">Style 10</a>
<br />		</div>
											</div></div>
									<div class="col-bottom"></div><div class="col-bottom2"></div><div class="col-bottom3"></div>
																
															<!-- ENDIF -->	
																																			</div></div>
										<!-- ENDIF -->					
																<!-- End Right Column -->
								<!-- Begin Left Column -->
								
																					 <!-- IF REP2_MENUPOSITION == left -->
																<div id="leftcol"><div class="padding">
																       <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
																		<div class="inner2"><div class="padding">
																		<div class="moduletable">
							<h3>
					Sign In				</h3>
				<div id="sl_vert" class="login">
                                 
                                        <form method="post" action="{ROOT_PATH}/ucp.php?mode=login" >
			<div id="sl_username"><input name="username" id="username" type="text" alt="username" size="10" value="Username" onfocus="if (this.value=='Username') this.value=''" onblur="if(this.value=='') { this.value='Username'; return false; }" /></div>

			<div id="sl_pass"><input type="password" id="password" name="password" size="10" alt="password" value="Password" onfocus="if (this.value=='Password') this.value=''" onblur="if(this.value=='') { this.value='Password'; return false; }" /></div>
			
                        
            		<!-- IF S_AUTOLOGIN_ENABLED --><div id="sl_rememberme"><input type="checkbox" name="autologin" id="autologin" class="inputbox_j" value="yes" alt="Remember Me" /> Remember me</div><!-- ENDIF -->
                	                   
			<div id="sl_submitbutton"><input name="redirect" value="{LOGIN_REDIRECT}" type="hidden"><input type="submit" name="login" value="{L_LOGIN}" /></div>

			</form>


		</div>	</div>
											</div></div>
									<div class="col-bottom"></div><div class="col-bottom2"></div><div class="col-bottom3"></div>
																		
																		<!-- ENDIF -->
																		
																		<div class="inner2"><div class="padding">
																						<div class="moduletable">
							<h3>

					Main Menu				</h3>
				
<table width="100%" border="0" cellpadding="0" cellspacing="0">
	
	
	<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
	<!-- IF S_DISPLAY_SEARCH -->
		<tr align="left"><td><a href="{U_SEARCH_UNANSWERED}" class="mainlevel"><span>{L_SEARCH_UNANSWERED}</span></a></td></tr><!-- IF S_USER_LOGGED_IN -->
		<tr align="left"><td><a href="{U_SEARCH_NEW}" class="mainlevel"><span>{L_SEARCH_NEW}</span></a></td></tr><!-- ENDIF -->
		<tr align="left"><td><a href="{U_SEARCH_ACTIVE_TOPICS}" class="mainlevel"><span>{L_SEARCH_ACTIVE_TOPICS}</span></a></td></tr>
	<!-- ENDIF -->
	<tr align="left"><td><a href="{U_SEARCH_SELF}" class="mainlevel"><span>{L_SEARCH_SELF}</span></a></td></tr>
	<!-- IF not S_IS_BOT and U_MARK_FORUMS --><tr align="left"><td><a href="{U_MARK_FORUMS}" accesskey="m" class="mainlevel"><span>{L_MARK_FORUMS_READ}</span></a></td></tr><!-- ENDIF -->
	
<!-- ENDIF -->	

</table>		</div>
											</div></div>
									<div class="col-bottom"></div><div class="col-bottom2"></div><div class="col-bottom3"></div>
																
																<!-- IF S_SHOW_REP2USER -->
																<div class="inner2"><div class="padding">
																						<div class="moduletable">
							<h3>

					User menu				</h3>
				
<table cellpadding="0" cellspacing="0">
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->

				<tr align="left"><td><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u" class="mainlevel">{L_PROFILE}</a></td></tr>
<!-- IF U_MCP --><tr align="left"><td><a href="{U_MCP}" class="mainlevel">{L_MCP}</a></td></tr><!-- ENDIF -->
						<!-- IF S_DISPLAY_PM --><tr align="left"><td><a href="{U_PRIVATEMSGS}" class="mainlevel">{PRIVATE_MESSAGE_INFO}</a></td></tr><!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS -->
					<tr align="left"><td><a href="{U_RESTORE_PERMISSIONS}" class="mainlevel">{L_RESTORE_PERMISSIONS}</a></td></tr>
					<!-- ENDIF -->
			

			<!-- ENDIF -->


				<tr align="left"><td><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}" class="mainlevel">{L_FAQ}</a></td></tr>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><tr align="left"><td><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}" class="mainlevel">{L_MEMBERLIST}</a></td></tr><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN --><tr align="left"><td><a href="{U_REGISTER}" class="mainlevel">{L_REGISTER}</a></td></tr><!-- ENDIF -->
					<tr align="left"><td><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l" class="mainlevel">{L_LOGIN_LOGOUT}</a></td></tr>
				<!-- ENDIF -->

</table>					</div>
											</div></div>
									<div class="col-bottom"></div><div class="col-bottom2"></div><div class="col-bottom3"></div>
																<!-- ENDIF -->
																<!-- IF ALLOW_REP2_COLORSWITCHER -->
																<div class="inner2"><div class="padding">
																						<div class="moduletable">
							<h3>

					Style variations				</h3>
				
<a href="index.php{SID}&ntheme=style1">Style 1</a> | <a href="index.php{SID}&ntheme=style2">Style 2</a> | <a href="index.php{SID}&ntheme=style3">Style 3</a> | <a href="index.php{SID}&ntheme=style4">Style 4</a> | <a href="index.php{SID}&ntheme=style5">Style 5</a>
| <a href="index.php{SID}&ntheme=style6">Style 6</a>
| <a href="index.php{SID}&ntheme=style7">Style 7</a>
| <a href="index.php{SID}&ntheme=style8">Style 8</a>
| <a href="index.php{SID}&ntheme=style9">Style 9</a>
| <a href="index.php{SID}&ntheme=style10">Style 10</a>
<br />		</div>
											</div></div>
									<div class="col-bottom"></div><div class="col-bottom2"></div><div class="col-bottom3"></div>
																
															<!-- ENDIF -->	
																																			</div></div>
										<!-- ENDIF -->	
								
																<!-- End Left Column -->
								<!-- Begin Middle Column -->
								<div id="maincol">

																	<div class="inner2">
																				<div class="padding">
															<table class="contentpaneopen">
			<tr>
								<td class="contentheading">
					{SITENAME}									</td>
							</tr>
			</table>

			
		<table class="contentpaneopen">
				<tr>
			<td valign="top" colspan="2">
	

	

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div class="navbar">
<ul class="linklist">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li></ul>
<!-- IF U_EMAIL_TOPIC or U_PRINT_TOPIC -->
			<ul class="linklist">
				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>
<!-- ENDIF -->

<!-- IF REP2_MENUPOSITION == full -->
			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li>
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->
					

			<ul class="linklist rightside">
				<li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li>&bull; <a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN --><li>&bull; <a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">&bull; {L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>
		<!-- ELSE -->	<!-- ENDIF -->


		</div>

	<a name="start_here"></a>
	<div id="page-body">
		
		 <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->

Thanks in advance!

Stoker wrote:Sure, post away

I hit the character limit, I'll have to put tweaks.css and colours.css in another post...

Post by **mobius** » 20 Jan 2012, 17:06

that style also has to have jquery loaded onto it. did you manually copy over that edit? and you have mootools from using rocket theme stuff, they can conflict

Post by **Savant** » 20 Jan 2012, 17:18

Hey, yeah, I did it manually. Automod put went schizo on this one unfortunately

.

As far as mootools and conflicting with jquerry, that's unfortunately over my head, pardon my ignorance... Is there some way to test if that's the case in this instance and that's what's problematic? Or if there's some relatively simple way to isolate them from each other somehow?

mobius wrote:that style also has to have jquery loaded onto it. did you manually copy over that edit? and you have mootools from using rocket theme stuff, they can conflict

Post by **Savant** » 20 Jan 2012, 17:19

Also, the other files, my colours.css:

Code: Select all

/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	color: #536482;
	background-color: #FFFFFF;
}

h3 {
	border-bottom-color: #CCCCCC;
}

hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

hr.dashed {
	border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */

#search-box {
	color: #FFFFFF;
}

#search-box #keywords {
	background-color: #FFF;
}

#search-box input {
	border-color: #0075B0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

.navbar {
	background-color: #cadceb;
}

.forabg {
	background-color: #0076b1;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}

.panel {
	background-color: #ECF1F3;
}





.bg1	{ background-color: #ECF3F7; }
.bg2	{ background-color: #e1ebf2;  }
.bg3	{ background-color: #cadceb; }

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-bottom-color: #FFFFFF;
}

/* Table styles
----------------------------------------*/


table.table1 tbody tr {
	border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #CFE1F6;
}



table.table1 tbody td {
	border-top-color: #FAFAFA;
}

table.table1 tbody th {
	border-bottom-color: #000000;
	color: #333333;
	background-color: #FFFFFF;
}

table.info tbody th {
	color: #000000;
}

/* Misc layout styles
---------------------------------------- */

dl.details dd {
	color: #536482;
}

.sep {
	color: #1198D9;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
	color: #FFFFFF;
	background-color: #4692BF;
	border-color: #4692BF;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	color: #5C758C;
	background-color: #ECEDEE;
	border-color: #B4BAC0;
}

.pagination span a:hover {
	border-color: #368AD2;
	background-color: #368AD2;
	color: #FFF;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #368AD2;
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: #555555;
}

.error {
	color: #BC2A4D;
}

.reported {
	background-color: #F7ECEF;
}

li.reported:hover {
	background-color: #ECD5D8 !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background-color: #ECD5D8;
	color: #BC2A4D;
}

p.rules {
	background-color: #ECD5D8;
	background-image: none;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link	{ color: #105289; }
a:visited	{ color: #105289; }
a:hover	{ color: #D31141; }
a:active	{ color: #368AD2; }


/* Links for forum/topic lists */
a.forumtitle {
	color: #105289;
}

/* a.forumtitle:visited { color: #105289; } */

a.forumtitle:hover {
	color: #BC2A4D;
}

a.forumtitle:active {
	color: #105289;
}

a.topictitle {
	color: #105289;
}

/* a.topictitle:visited { color: #368AD2; } */

a.topictitle:hover {
	color: #BC2A4D;
}

a.topictitle:active {
	color: #105289;
}

/* Post body links */
.postlink {
	color: #368AD2;
	border-bottom-color: #368AD2;
}

.postlink:visited {
	color: #5D8FBD;
	border-bottom-color: #666666;
}

.postlink:active {
	color: #368AD2;
}

.postlink:hover {
	background-color: #D0E4F6;
	color: #0D4473;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
	color: #105289;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	color: #D31141;
}

/* Profile searchresults */	
.search .postprofile a {
	color: #105289;
}

.search .postprofile a:hover {
	color: #D31141;
}

/* Back to top of page */
a.top {
	background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

a.top2 {
	background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

/* Arrow links  */
a.up		{ background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down		{ background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left		{ background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right		{ background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }

a.up:hover {
	background-color: transparent;
}

a.left:hover {
	color: #368AD2;
}

a.right:hover {
	color: #368AD2;
}


/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: #eef5f9;
	background-image: url("{T_THEME_PATH}/images/gradient.gif");
}



ul.topiclist dd {
	border-left-color: #FFFFFF;
}

.rtl ul.topiclist dd {
	border-right-color: #fff;
	border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
	background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row {
	border-top-color:  #FFFFFF;
	border-bottom-color: #00608F;
}

li.row strong {
	color: #000000;
}

li.row:hover {
	background-color: #F6F4D0;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}

li.header dt, li.header dd {
	color: #FFFFFF;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
	color: #333333;
}

/* Post body styles
----------------------------------------*/


/* Content container styles
----------------------------------------*/


.content h2, .panel h2 {
	border-bottom-color:  #CCCCCC;
}



.posthilit {
	background-color: #F3BFCC;
	color: #BC2A4D;
}

/* Post signature */
.signature {
	border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
	border-top-color:  #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: #EBEADD;
	background-image: url("{T_THEME_PATH}/images/quote.gif");
	border-color:#DBDBCE;
}
.rtl blockquote {
	background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
}


blockquote blockquote {
	/* Nested quotes */
	background-color:#EFEED9;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #EBEADD;
}

/* Code block */
dl.codebox {
	background-color: #FFFFFF;
	border-color: #C9D2D8;
}

dl.codebox dt {
	border-bottom-color:  #CCCCCC;
}

dl.codebox code {
	color: #2E8B57;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #FFFFFF;
	border-color:  #C9D2D8;
}

.pm-message .attachbox {
	background-color: #F2F3F3;
}

.attachbox dd {
	border-top-color: #C9D2D8;
}

.attachbox p {
	color: #666666;
}

.attachbox p.stats {
	color: #666666;
}

.attach-image img {
	border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
	color: #666666;
}

dl.thumbnail img {
	border-color: #666666;
	background-color: #FFFFFF;
}

dl.thumbnail dd {
	color: #666666;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border-color: #368AD2;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #DCDEE2;
	color: #666666;
}

fieldset.polls dl.voted {
	color: #000000;
}

fieldset.polls dd div {
	color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
	border-right-color: transparent;
}

.pollbar1 {
	background-color: #AA2346;
	border-bottom-color: #74162C;
	border-right-color: #74162C;
}

.rtl .pollbar1 {
	border-left-color: #74162C;
}

.pollbar2 {
	background-color: #BE1E4A;
	border-bottom-color: #8C1C38;
	border-right-color: #8C1C38;
}

.rtl .pollbar2 {
	border-left-color: #8C1C38;
}

.pollbar3 {
	background-color: #D11A4E;
	border-bottom-color: #AA2346;
	border-right-color: #AA2346;
}

.rtl .pollbar3 {
	border-left-color: #AA2346;
}

.pollbar4 {
	background-color: #E41653;
	border-bottom-color: #BE1E4A;
	border-right-color: #BE1E4A;
}

.rtl .pollbar4 {
	border-left-color: #BE1E4A;
}

.pollbar5 {
	background-color: #F81157;
	border-bottom-color: #D11A4E;
	border-right-color: #D11A4E;
}

.rtl .pollbar5 {
	border-left-color: #D11A4E;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	border-left-color: #FFFFFF;
}

.rtl .postprofile {
	border-right-color: #FFFFFF;
	border-left-color: transparent;
}

.pm .postprofile {
	border-left-color: #DDDDDD;
}

.rtl .pm .postprofile {
	border-right-color: #DDDDDD;
	border-left-color: transparent;
}

.postprofile strong {
	color: #000000;
}

.online {
	background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Big button images */
.reply-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.post-icon span		{ background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
.locked-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span	{ background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span 	{ background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span	{ background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}

a.print {
	background-image: url("{T_THEME_PATH}/images/icon_print.gif");
}

a.sendemail {
	background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
}

a.fontsize {
	background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
}

/* Icon images
---------------------------------------- */
.sitehome						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-faq						{ background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
.icon-members					{ background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
.icon-home						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-ucp						{ background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
.icon-register					{ background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
.icon-logout					{ background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
.icon-bookmark					{ background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
.icon-bump						{ background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
.icon-subscribe					{ background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
.icon-unsubscribe				{ background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
.icon-pages						{ background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
.icon-search					{ background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }

/* Profile & navigation icons */
.email-icon, .email-icon a		{ background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a			{ background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a		{ background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a			{ background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a			{ background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a			{ background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a		{ background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a				{ background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a		{ background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }

/* Moderator icons */
.report-icon, .report-icon a		{ background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
.edit-icon, .edit-icon a			{ background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
.delete-icon, .delete-icon a		{ background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
.info-icon, .info-icon a			{ background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
.warn-icon, .warn-icon a			{ background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */

/*  	
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main h3, #cp-main hr, #cp-menu hr {
	border-color: #A4B3BF;
}

#cp-main .panel li.row {
	border-bottom-color: #B5C1CB;
	border-top-color: #F9F9F9;
}

ul.cplist {
	border-top-color: #B5C1CB;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #000000;
}

#cp-main table.table1 thead th {
	border-bottom-color: #333333;
}

#cp-main .pm-message {
	border-color: #DBDEE2;
	background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
	background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
}

#tabs a span {
	background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
}

#tabs .activetab a {
	border-bottom-color: #CADCEB;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
	background-color: #E1EBF2;
}

#minitabs li.activetab {
	background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
	color: #333333;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
	background-color: #B2C2CF;
	background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
}

#navigation a:hover {
                   background-image: none;
	background-color: #aabac6;
}

#navigation #active-subsection a {
	background-color: #F9F9F9;
	background-image: none;
}



/* Preferences pane layout
----------------------------------------*/


#cp-main .panel {
	background-color: #F9F9F9;
}

#cp-main .pm {
	background-color: #FFFFFF;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

/* Friends list */
.cp-mini {
	background-color: #eef5f9;
}



/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #000000 !important;
}

/* PM panel adjustments */
.pm-panel-header,
#cp-main .pm-message-nav {
	border-bottom-color: #A4B3BF;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #BC2A4D;
	border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #5D8FBD;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #000000;
}

/* Avatar gallery */
#gallery label {
	background-color: #FFFFFF;
	border-color: #CCC;
}

#gallery label:hover {
	background-color: #EEE;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	border-color: #666666;
	background-color: #FAFAFA;
        color: #000;
}



option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */




/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
	color: #333333;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #FFFFFF; 
	border-color: #B4BAC0;
	color: #333333;
}

.inputbox:hover {
	border-color: #11A3EA;
}

.inputbox:focus {
	border-color: #11A3EA;
	color: #0F4987;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #000;
	background-color: #FAFAFA;
	background-image: url("{T_THEME_PATH}/images/bg_button.gif");
}

a.button1, input.button1 {
	border-color: #666666;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #BC2A4D;
	color: #BC2A4D;
}

input.search {
	background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
}
/* Top Stats Mod */
#vertical-ticker{
	position:relative;
	height:123px;
	overflow:hidden;
}

#vertical-ticker li{
	display:block;
}
input.disabled {
	color: #666666;
}

and my tweaks.css:

Code: Select all

/* proSilver Style Sheet Tweaks

These style definitions are mainly IE specific 
tweaks required due to its poor CSS support.
-------------------------------------------------*/

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right.gif"); }

table.table1 {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}
html>body table.table1 { width: 100%; }	/* Reset 100% for opera */

* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
html>body dd label input { vertical-align: text-bottom; }	/* Align checkboxes/radio buttons nicely */

* html input.button1, * html input.button2 {
	padding-bottom: 0;
	margin-bottom: 1px;
}

/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }

/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html 
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}*/

.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
	height: 1%;
	overflow: hidden;
}

/* viewtopic fix */
* html .post {
	height: 25%;
	overflow: hidden;
}

/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
	height: 4%;
	overflow: hidden;
}

/* Simple fix so forum and topic lists always have a min-height set, even in IE6
	From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}
* html li.row dl.icon dt {
	height: 35px;
	overflow: visible;
}

* html #search-box {
	width: 25%;
}
* html #vertical-ticker li{
	height: 38px;
}
/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
	margin-left: 30%;
	float: none;
}

* html dl.details dd {
	margin-left: 30%;
	float: none;
}

* html .forumbg table.table1 {
	margin: 0 -2px 0px -1px;
}

Thanks again for the help you guys...

Post by **mobius** » 20 Jan 2012, 17:41

ok i did this.

Code: Select all

<!-- INCLUDE styleswitcher.html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<script type="text/javascript">
// <![CDATA[
!window.jQuery && document.write('<script type="text\/javascript" src="http://code.jquery.com/jquery-latest.min.js"><\/script>');
// local backup if online cdn fails
!window.jQuery && document.write('<script type="text\/javascript" src="{ROOT_PATH}script/jquery-1.7.min.js"><\/script>');
// ]]>
</script>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/mootools-release-1.11.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />

{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
   phpBB style name: Replicant2
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by: RocketTheme, LLC (C) Copyright. All rights reserved.
   
   NOTE: This page was generated by phpBB, the free open-source bulletin board package.
         The phpBB Group is not responsible for the content of this page and forum. For more information
         about phpBB please visit http://www.phpbb.com
-->

<!-- IF S_ENABLE_FEEDS -->
<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->
<!-- INCLUDE ../../../rokbb3.php -->
<!-- INCLUDE replicant2.php -->

<script type="text/javascript">
// <![CDATA[
   var jump_page = '{LA_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var onload_functions = new Array();
   var onunload_functions = new Array();

   <!-- IF S_USER_PM_POPUP and S_NEW_PM -->
      var url = '{UA_POPUP_PM}';
      window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
   <!-- ENDIF -->

   /**
   * Find a member
   */
   function find_username(url)
   {
      popup(url, 760, 570, '_usersearch');
      return false;
   }

   /**
   * New function for handling multiple calls to window.onload and window.unload by pentapenguin
   */
   window.onload = function()
   {
      for (var i = 0; i < onload_functions.length; i++)
      {
         eval(onload_functions[i]);
      }
   }

   window.onunload = function()
   {
      for (var i = 0; i < onunload_functions.length; i++)
      {
         eval(onunload_functions[i]);
      }
   }

// ]]>
</script>

<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/<!-- IF REP2_BODYSTYLE -->{REP2_BODYSTYLE}<!-- ELSE -->bodystyle1<!-- ENDIF -->.css" rel="stylesheet" type="text/css" />
<link href="{T_THEME_PATH}/<!-- IF REP2_STYLE -->color{REP2_STYLE}<!-- ELSE -->{DEFAULT_REP2_SCHEME}<!-- ENDIF -->.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/rokmoomenu.css" rel="stylesheet" type="text/css" />

<style type="text/css">
   div.wrapper { margin: 0 auto; <!-- IF REP2_WIDTH -->width:{REP2_WIDTH}px;<!-- ELSE -->width:962px;<!-- ENDIF -->padding:0;}
   #body-bg {background-attachment:scroll;}
   #leftcol { <!-- IF REP2_MENUPOSITION == left -->width:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->width:0px;<!-- ENDIF --> padding:0;}
   #rightcol { <!-- IF REP2_MENUPOSITION == right -->width:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->width:0px;<!-- ENDIF -->padding:0;}
   #maincol { <!-- IF REP2_MENUPOSITION == left -->margin-left:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->margin-left:0px;<!-- ENDIF --><!-- IF REP2_MENUPOSITION == right -->margin-right:<!-- IF REP2_SIDECOL_WIDTH -->{REP2_SIDECOL_WIDTH}<!-- ELSE -->225<!-- ENDIF -->px;<!-- ELSE -->margin-right:0px;<!-- ENDIF --> padding:0;}
   #mainblock {margin-left:0px;margin-right:0px;padding:0;}
   #banner-left { width:0px;padding:0;}
   #banner-right { width:0px;padding:0;}
   #moduleslider-size { height:200px;}
   
   <!-- IF REP2_MENUPOSITION == left or REP2_MENUPOSITION == right -->
   #wrap {width:665px;}
   #postingbox .autowidth {width: 100% !important;}
   #postingbox .column2 { width: 75%; margin-top:-75px; position: relative;}
   #postingbox .column1 { width: 70%;}
   <!-- PHP -->if (rok_isIe(7)) {print("#postingbox .column2 { width: 75%; margin-top:0px; position: relative; margin-left: -300px;}");}<!-- ENDPHP -->
   <!-- PHP -->if (rok_isIe(6)) {print("#wrap {width:660px;} #postingbox {width: 470px;}#postingbox #message-box {width: 75%;}#postingbox .column2 { width: 75%; margin-top:0px; position: relative; margin-left: -300px;}#postingbox .column1 { width: 75%;}");}<!-- ENDPHP -->
   <!-- ENDIF -->
   
   <!-- IF AVATAR_POSITION == left -->
   .pm .postprofile {border: 0px none;}
   .pm .postprofile {border-right: 1px solid #222222;}
   .postprofile {float: left; border: 0px; margin:5px 5px 10px 10px; margin-left: -6px;border-right: 1px solid #222222;}
   .postbody {float: right;}
   ul.profile-icons {margin-right: 40px;}
      <!-- ENDIF -->
</style>

<script type="text/javascript">
window.templatePath = 'http://<!-- PHP --> echo $config['server_name']; <!-- ENDPHP -->/phpbb3/styles/replicant2/theme';
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/roktopmenu.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/rokfonts.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>

<script type="text/javascript">
   window.addEvent('domready', function() {
      var modules = ['module','moduletable','submenu-block'];
      var header = "h3";
      RokBuildSpans(modules, header);
   });
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/rokmoomenu.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/mootools.bgiframe.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>

<script type="text/javascript">
window.addEvent('domready', function() {
   new Rokmoomenu($E('ul.menutop '), {
      bgiframe: false,
      delay: 500,
      animate: {
         props: ['height', 'opacity'],
         opts: {
            duration: 400,
            transition: Fx.Transitions.Sine.easeInOut
         }
      },
      bg: {
         enabled: true,
         overEffect: {
            duration: 100,
            transition: Fx.Transitions.Expo.easeOut
         },
         outEffect: {
            duration: 800,
            transition: Fx.Transitions.Sine.easeIn
         }
      },
      submenus: {
         enabled: true,
         overEffect: {
            duration: 50,
            transition: Fx.Transitions.Expo.easeOut
         },
         outEffect: {
            duration: 600,
            transition: Fx.Transitions.Sine.easeIn
         },
         offsets: {
            top: 5,
            right: 15,
            bottom: 5,
            left: 5
         }
      }
   });
});
</script>

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
<!-- IF (S_TSRAT_ENABLE and S_TS_JSSCROLL) or (S_TSRAT_ENABLE and S_TS_TICKER) -->
<!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->
<script src="{ROOT_PATH}script/jquery.totemticker.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
   $('#vertical-ticker').totemticker({
            row_height   :   '41px',
            max_items   :   3,
            speed       :   {JSSCROLL_SPEED},
            interval    :   {JSSCROLL_INTERVAL},
            <!-- IF TS_JSSCROLL_NAVIGATION -->
            next      :   '#ticker-next',
            previous   :   '#ticker-previous',
            stop      :   '#stop',
            start      :   '#start',
            <!-- ENDIF -->
            mousestop   :   true,
            direction   :   '<!-- IF TS_JSSCROLL_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->'
   });
});
// ]]>
</script>
<!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->
<script src="{ROOT_PATH}script/jquery.newsticker.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
   $("#news").newsTicker();
});
// ]]>
</script>
<!-- ENDIF -->
<!-- ENDIF -->


<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
   <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!-- IF REP2_STYLE_NUM > 1 -->
<script type="text/javascript">
window.addEvent('domready', function() {
  var newImagePath = '{ROOT_PATH}/styles/replicant2_style{REP2_STYLE_NUM}/imageset/'; // remember to add the ending forward slash
  var classToSearch = '.icon';
  
  var els = $$(classToSearch);
  if (els.length) {
    els.each(function(el) {
      var bg = el.getStyle('background-image'), newBg, imgSource;
      bg = bg.replace('")', '').replace(")", '');
      var tmp = bg.split('/');
      imgSource = tmp[tmp.length - 1];
      el.setStyle('background-image', 'url('+newImagePath+imgSource+')');     
    });
  }
});
</script>
<!-- ENDIF -->

<!-- [if lte IE 6] -->
<link href="{T_THEME_PATH}/template_ie6.php?colorstyle=<!-- IF REP2_STYLE -->color{REP2_STYLE}<!-- ELSE -->{DEFAULT_REP2_SCHEME}<!-- ENDIF -->&bodystyle=<!-- IF REP2_BODYSTYLE -->{REP2_BODYSTYLE}<!-- ELSE -->bodystyle1<!-- ENDIF -->" rel="stylesheet" type="text/css" />
<!-- [endif]-->

<!-- [if IE 7] -->
<link href="{T_THEME_PATH}/template_ie7.css" rel="stylesheet" type="text/css" />
<!-- [endif] -->

<!-- [if IE 6] -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/roksameheight.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>
<!-- [endif] -->

<!-- RokBox phpBB3 Code Start -->
<!-- IF ROKBOX -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rokbox/rokbox.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-config.js"></script>
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- IF IE_VERSION eq '6' -->
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style-ie6.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF IE_VERSION eq '7' -->
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style-ie7.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF IE_VERSION eq '8' -->
<link href="{T_TEMPLATE_PATH}/rokbox/themes/<!-- IF ROKBOX_THEME -->{ROKBOX_THEME}<!-- ELSE -->light<!-- ENDIF -->/rokbox-style-ie8.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- ENDIF -->
<!-- RokBox phpBB3 Code End -->
</head>

this is your overall_header up to the </head> tag. i put jquery and mootools right near the top and fixed some <!-- [if lte IE 6]> . backup you existing overall_header copy then copy and paste this. IT IS NOT THE WHOLE OVERALL_HEADER . just up to the </head> closing tag.

if your rocketheme stuff stops working but the jquery stuff does then you have a conflict. these are the relevant lines of code

Code: Select all

<script type="text/javascript">
// <![CDATA[
!window.jQuery && document.write('<script type="text\/javascript" src="http://code.jquery.com/jquery-latest.min.js"><\/script>');
// local backup if online cdn fails
!window.jQuery && document.write('<script type="text\/javascript" src="{ROOT_PATH}script/jquery-1.7.min.js"><\/script>');
// ]]>
</script>

<script type="text/javascript" src="{T_TEMPLATE_PATH}/rt_js/mootools-release-1.11.js?<!-- PHP --> echo time(); <!-- ENDPHP -->"></script>

in this case jquery loads before mootools. if every thing works fine then just leave it. if it all goes horribly wrong, well you backed up the file first so just copy it back over.

Post by **Savant** » 20 Jan 2012, 17:56

AWESOME! Thanks for the help. That was pretty quick... It would be cool to be as proficient at this as you guys are... In any case, I am running a backup now, and will give this a shot as soon as it completes, and will update. Thanks again!

Post by **Savant** » 20 Jan 2012, 18:31

Okay, well this is odd, but what happened is that the rocketheme stuff (which I think is pretty much just the style switcher) still works, and the topstats mod still does not work, and is visually the same as before in the pic I linked to. The notable changes are that it ate the site logo on the top right, and if you see in that pic how there's a sort of translucent border which surrounds the forum spaces... well, they're all still there EXCEPT for the one along the very top which borders the top side of the forum, beneath the logo area. Nothing else seems to have changed... Does this reveal or imply anything?

Post by **mobius** » 20 Jan 2012, 19:12

link to you board.

Post by **Nully** » 23 Jan 2012, 15:02

Hello,

further to my post :
Very funny (Post by Nully #11690)

1) I explain again.
About translation in info_acp_topstats.php

'TS_MOSTVIEWED_NUMBER' after having modified the translation in Notepad+ it appears ok in the ACP, BUT the translation appears automatically ALSO in 'TS_MOSTREPLIED_NUMBER'.

So in the ACP for the TS_MOSTREPLIED_NUMBER it is written (in french) "The most viewed posts" (instead of the most replied)

2) In common.php

What is the difference between
'NEWEST_TOPICS' and 'RECENT_ACTIVE'

In the ACP there is only one choice.

3) For the installation
In template/index_body.html

Code: Select all

<!-- INCLUDE forumlist_body.html -->

Add before :

Code: Select all

<!-- IF S_TSRAT_ENABLE -->
<!-- INCLUDE recent_active_body.html -->
<!-- ENDIF -->

Add after

Code: Select all

<!-- IF S_TSMVT_ENABLE or S_TSMRT_ENABLE or S_TSMAU_ENABLE or S_TSMAF_ENABLE or S_TSLVB_ENABLE or S_TSLRU_ENABLE -->
<!-- INCLUDE top_stats_body.html -->
<!-- ENDIF -->

do you mean to add the last ones after 
or after

Code: Select all

<!-- IF S_TSRAT_ENABLE -->
<!-- INCLUDE recent_active_body.html -->
<!-- ENDIF -->

I tried both and did not see any difference, but I would like to be sure before doing this online.

Thanks and sorry if my questions are...too stupid

Post by **Stoker** » 25 Jan 2012, 03:08

Nully wrote:1) I explain again.
About translation in info_acp_topstats.php

'TS_MOSTVIEWED_NUMBER' after having modified the translation in Notepad+ it appears ok in the ACP, BUT the translation appears automatically ALSO in 'TS_MOSTREPLIED_NUMBER'.

So in the ACP for the TS_MOSTREPLIED_NUMBER it is written (in french) "The most viewed posts" (instead of the most replied)

I will answer your question with 2 codelines:
'TS_MOSTVIEWED_NUMBER' => 'Most Viewed Topics',
and
'TS_MOSTREPLIED_NUMBER' => 'Most Replied Topics',
Those lines is from info_acp_topstats.php version 1.0.8 which is the recent version.
As you can see they are not the same.

Nully wrote:2) In common.php

What is the difference between
'NEWEST_TOPICS' and 'RECENT_ACTIVE'

In the ACP there is only one choice.

Code: Select all

	'NEWEST_TOPICS'				=> 'Latest Topics',
	'NEWEST_POSTS'				=> 'Latest Posts',

Can be deleted.

Nully wrote:3) For the installation
In template/index_body.html

Code: Select all


Add before :

Code: Select all




Add after

Code: Select all




do you mean to add the last ones after 
or after

Code: Select all




I tried both and did not see any difference, but I would like to be sure before doing this online.

Thanks and sorry if my questions are...too stupid

Yes, I mean after

PhpBB3 BBCodes

Top Stats

Compatibility with other styles?

Compatibility with other styles?

Compatibility with other styles?

Compatibility with other styles?

Compatibility with other styles?

Compatibility with other styles?

Compatibility with other styles?

Compatibility with other styles?

Little problems and questions

Little problems and questions