I'm working on this forum:
http://alexstanford.com/mybb/index.php
You'll notice a little "card" just below the main menu on the right. When you click it, a style switcher appears to the left. It's part of the theme.
I'm trying to use green as my default and remove the styleswitcher from the theme.
I've looked in the index and header templates, and I can't figure out where that code is generated from.
Can anyone point me in the right direction?
Remove this coding:
<div id="styleswitcher">
<a href="#" id="slick-toggle"><img src="http://alexstanford.com/mybb/images/ivgeo_3/body/ucp.gif" alt="Style Switcher" title="Choose a different stylesheet."></a>
<ul style="display: block;" id="styles">
<li class="no-style">Choose a different stylesheet.</li>
<li class="style1"><a href="#" rel="blue" class="styleswitch">original</a></li>
<li class="style2"><a href="#" rel="red" class="styleswitch">red</a></li>
<li class="style3"><a href="#" rel="green" class="styleswitch">green</a></li>
<li class="style4"><a href="#" rel="purple" class="styleswitch">purple</a></li>
<li class="style5"><a href="#" rel="orange" class="styleswitch">orange</a></li>
<li class="style6"><a href="#" rel="brown" class="styleswitch">brown</a></li>
<li class="style7"><a href="#" rel="dblue" class="styleswitch">dark blue</a></li>
</ul>
</div>
This should remove the styleswitcher.
(2010-04-18, 04:11 PM)BlueEew Wrote: [ -> ]Remove this coding:
<div id="styleswitcher">
<a href="#" id="slick-toggle"><img src="http://alexstanford.com/mybb/images/ivgeo_3/body/ucp.gif" alt="Style Switcher" title="Choose a different stylesheet."></a>
<ul style="display: block;" id="styles">
<li class="no-style">Choose a different stylesheet.</li>
<li class="style1"><a href="#" rel="blue" class="styleswitch">original</a></li>
<li class="style2"><a href="#" rel="red" class="styleswitch">red</a></li>
<li class="style3"><a href="#" rel="green" class="styleswitch">green</a></li>
<li class="style4"><a href="#" rel="purple" class="styleswitch">purple</a></li>
<li class="style5"><a href="#" rel="orange" class="styleswitch">orange</a></li>
<li class="style6"><a href="#" rel="brown" class="styleswitch">brown</a></li>
<li class="style7"><a href="#" rel="dblue" class="styleswitch">dark blue</a></li>
</ul>
</div>
This should remove the styleswitcher.
If you read my original post, you'd realize that it's not a matter of determining what code to remove but instead a matter of determining where that code is located. I can't find it in any templates.
Furthermore, that references a lot of Javascript - so just removing that would be a waste of bandwidth. Should remove the Javascript reference in the header too, but I can't find either of them!
Anyone?
I haven't used the Theme myself but by the looks of it it's in Header.
I downloaded and checked and it's in the Header.
The two Javascripts are placed in the Header Include template.
Remove these and then replace the defaults colors with the ones you want and there you go.
It's in the header template. Check the source code by pressing Ctrl + U.
<!-- start: header -->
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="http://alexstanford.com/mybb/index.php"><img src="http://alexstanford.com/mybb/images/ivgeo_3/logo.gif" alt="Forums" title="Forums" /></a></div>
</div>
<div id="container-bg">
<div class="menu_r"><div class="menu">
<ul>
<li><a href="http://alexstanford.com/mybb/index.php"><span>Forum</span></a></li>
<li><a href="http://alexstanford.com/mybb/search.php"><span>Search</span></a></li>
<li><a href="http://alexstanford.com/mybb/memberlist.php"><span>Member List</span></a></li>
<li><a href="http://alexstanford.com/mybb/calendar.php"><span>Calendar</span></a></li>
<li><a href="http://alexstanford.com/mybb/misc.php?action=help"><span>Help</span></a></li>
<li class="menulinks_right"><a href="http://alexstanford.com/mybb/#"><span>Rules</span></a></li>
<li class="menulinks_right"><a href="../downloads/"><span>Download</span></a></li>
</ul>
</div></div>
<hr class="hidden" />
<div id="styleswitcher">
<a href="#" id="slick-toggle"><img src="http://alexstanford.com/mybb/images/ivgeo_3/body/ucp.gif" alt="Style Switcher" title="Choose a different stylesheet." /></a>
<ul id="styles">
<li class="no-style">Choose a different stylesheet.</li>
<li class="style1"><a href="#" rel="blue" class="styleswitch">original</a></li>
<li class="style2"><a href="#" rel="red" class="styleswitch">red</a></li>
<li class="style3"><a href="#" rel="green" class="styleswitch">green</a></li>
<li class="style4"><a href="#" rel="purple" class="styleswitch">purple</a></li>
<li class="style5"><a href="#" rel="orange" class="styleswitch">orange</a></li>
<li class="style6"><a href="#" rel="brown" class="styleswitch">brown</a></li>
<li class="style7"><a href="#" rel="dblue" class="styleswitch">dark blue</a></li>
</ul>
</div>
<div id="panel">
<!-- start: header_welcomeblock_guest -->
<script type="text/javascript">
<!--
lang.username = "Username";
lang.password = "Password";
lang.login = "Login";
lang.lost_password = " — <a href=\"http://alexstanford.com/mybb/member.php?action=lostpw\">Lost Password?<\/a>";
lang.register_url = " — <a href=\"http://alexstanford.com/mybb/member.php?action=register\">Register<\/a>";
// -->
</script>
<span style="float: right;"><strong>Current time:</strong> 04-19-2010, 03:54 AM</span>
<span id="quick_login">Hello There, Guest! (<a href="http://alexstanford.com/mybb/member.php?action=login" onclick="MyBB.quickLogin(); return false;">Login</a> — <a href="http://alexstanford.com/mybb/member.php?action=register">Register</a>)</span>
<ul class="header_links">
<li><a href="http://alexstanford.com/mybb/member.php?action=login">Login</a></li>
<li><a href="../category/work/">Portfolio</a></li>
<li><a href="../about">About Us</a></li>
<li><a href="mailto:[email protected]">Contact Us</a></li>
</ul>
<!-- end: header_welcomeblock_guest -->
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
<!-- start: nav -->
<div class="navigation">
<img src="images/ivgeo_3/body/navbit_p.gif" alt="" /> <!-- start: nav_bit_active -->
<span class="active">Forums</span>
<!-- end: nav_bit_active -->
</div>
<!-- end: nav -->
<br />
<!-- end: header -->
Solved. Thanks guys, I really appreciate the help!
EDIT: Oh, and sorry for posting in the wrong forum.