Location: PHPKode > scripts > WebsiteMemberManager > members-section/html-admin/templateswitcher.html
<div style="width:80%;padding-left:10%;padding-right:10%;">
<script type="text/javascript">
	$(function() {
		$("#tabs").tabs({
			event: 'click'
		});
	});
	</script>
<div id="tabs" >
	<ul>
		<li><a href="#tabs-1">Template config for admin and members sections &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
		<li><a href="#tabs-2">HELP</a></li>
		<li><a href="#tabs-3">Adding your own custom theme</a></li>
	</ul>
	<div id="tabs-1" align="left">
		<p>Changing the themes used in your admin and members sections is easy. You can set a different theme for admin and your members sections below </p>
		<form name="admint" method="post" action="templateswitcher.php">
    <input type="hidden" name="the_page" value="templateswitcher.php">
	    <table width="968" border="0" cellspacing="9">
          <tr>
            <td width="298" align="right"> <strong>ADMIN</strong> theme currently set to:</td>
            <td align="left"><strong><?php echo $adminTheme; ?> </strong>(default: custom-admin)</td>
          </tr>
          <tr>
            <td align="right"><strong>MEMBERS</strong> theme currently set to:</td>
            <td width="639" align="left"><strong><?php echo $theme->getTheme("member"); ?> </strong>(default: custom-members) - <?php if (isset($new_member_url)) echo $new_member_url; ?> </td>
          </tr>
          <tr>
            <td align="right">Change theme for: </td>
            <td align="left"><strong>
              <select name="themetype" class="ui-tabs-nav ui-widget-header ui-corner-all" >
                <option value="admin">admin </option>
                <option value="member">members</option>
              </select>
              </label>
            </strong></td>
          </tr>
          <tr>
            <td align="right">to:</td>
            <td align="left"><strong>
              <?php $theme->putThemesDropdown("admin"); ?>
            </strong></td>
          </tr>
          <tr>
            <td align="right"><br />
              Location of the JQUERY files:<br />
            <br /></td>
            <td align="left"><strong><?php echo $theme->getURLInput(); ?></strong></td>
          </tr>
          <tr>
            <td align="right">&nbsp;</td>
            <td align="left"><p>&nbsp;</p>
<script>
	$(function() {
		$( "button, input:submit, a", ".button" ).button();
		$( "a", ".button" ).click(function() { return false; });
	});
	</script>
<div class="button">
<button>Save</button>
</div>
			  
			  
			  </td>
          </tr>
        </table></form>
<br />
<br />
<br />
<br />

  </div>
	<div id="tabs-2" align="left">
		<ol>
		  <li>DO change the themes to see what difference the colours make. <br />
		      <br />
	          If you get stuck try searching the forum: <a href="http://members.dwalker.co.uk/forum/search.php">http://members.dwalker.co.uk/forum/search.php</a> <br />
                <br />
                <br />
              <br />
            </li>
	      <li>If you  wish to distribute WMM with the template switcher removed from admin just remove the link on the main menu.<br />
	        To do this edit the file:  /html-admin/system_config.html<br />
	        This is the only place it is referenced and linked.
	        <br />
            <br />
	        <br />
          </li>
	      <li>DO NOT change the &quot;location of the JQUERY files&quot; unless you are sure you can support the change yourself! (see the table wmm_jquery_themes)<br />
	        <br />
            <br />
            <br />
          </li>
      </ol>
	</div>
	<div id="tabs-3" align="left">
		<p>&nbsp;</p>
	    <ol>
	      <li>If you wish to add your own custom theme then create the new theme here:   <a href="http://jqueryui.com/themeroller">http://jqueryui.com/themeroller</a> <br />
	        <br />
	      </li>
          <li>          then download - ensure ALL components are selected (or some elements will not have the required css). <br />
            <br />
          </li>
          <li>Unzip to a temp folder on your computer (you will not require all files)<br />
            <br />
          </li>
          <li>Then copy all the files (15 .css files) and the folder (images) from: <br />
            \development-bundle\themes\custom-theme\ <br />
            to:<br />
          \members-section\JQUERY\development-bundle\themes\custom-members\<br />
          <br />
          </li>
          <li>And thats it. When you refresh your browser it should load the new custom theme.<br />
              <br />
              <br />

              <br />
              <br />
            <br />
            <br />
          </li>
      </ol>
    </div>
</div>



</div>
Return current item: WebsiteMemberManager