The theme is based on a Joomla theme produced by a group of users at www.edugeek.net - so big thanks to them for allowing my to produce a Moodle clone.
Theme designed on Moodle 1.8.4+
The theme can be viewed here: http://moodle.jonahosting.com/moodle/
The topic section details two zip files:
1. Download the complete theme
2. Download the icon set used (famfamfam.com credit for icon designs)
Also used the Newbury navigation bar.
I have submitted the theme to the database in the hope it will be added, any feedback appreciated.
http://moodle.org/mod/data/view.php?d=26&rid=1641
Or from Moodle Themes
Or send me a message with your email address and I will email you directly.
Below a reprint of the issues I'm currently facing with this fantastic theme:
Question 1:
Now I'm really liking that menubar.php. I've tried to modify header.html and removed the:
<div class="menubar">
<?php
{
include('menubar.php');
}
?>
</div>
code from the "mainpage only" area. I've put it in the "<?php } else if ($heading) {" area.
This works beautifully, the menubar gets printed on every page. However, it also gets printed on (here we go again) the messages-window etc. Is there an easy way to exclude those pages from getting this menubar?
Question 2:
Unfortunately, I've stumbled across another fixed-width issue... when trying to view a glossary-item, the window isn't resized properly as well. I've tried adding the following to styles-layout.php, but no success:
#mod-resource-view #page {
width: 980px;
margin: 0;
}
#mod-glossary-showentry #page {
width: 980px;
margin: 0;
padding: 0;
}
#mod-glossary-index #page {
width: 980px;
margin: 0;
padding: 0;
}
body#mod-resource-view {
width: 980px;
margin: 0;
padding: 0;
}
body#mod-glossary-showentry {
width: 980px;
margin: 0;
padding: 0;
}
It is the mod/glossary/showentry.php file that is called, so I'm somewhat baffled how to fix this... am I using the wrong syntaxis?
Did you get a response for Question #1?
You stated that that changed - I've put it in the "<?php } else if ($heading) {" area.
I am not sure what you're referring to. Can you elaborate?
If so, please post by informing us know how to accomplish to display menu navigation bar and slide show on all moodle pages.
Thank you for your time.

Cheers
D


Cheers
D
Cheers
D
Sorry, I am busy setting up for the next intake so this may come in dribbles. From the user's perspective I think it is ok.
- There is a slight layout problem in IE6 for the login block on the front page, the username and text box do not line up properly. It is ok in Firefox.
- Also, would it be possible to indent subsections of the admin block? I find that easier to navigate.
- There are some layout problems with other third party blocks, eg the User Admin tool, but I suspect that is an issue there, have attached a pic anyway.
Cheers
David

EduMoodle was designed to work with 1.8 rather than 1.9 and has had only limited testing on 1.9.
Im looking into the Login box but with work picking up its hard to find the time.
Regarding the 3rd party block, this may have its onw style which needs correcting to fix the issues, it may also not be well suited to a fixed with theme.
Cheers
D
After this:
.block_admin_tree .admintree {
text-align:left;
}
Put in this:
.block_admin_tree .admintree .depth1 {
padding-left:16px;
}
.block_admin_tree .admintree .depth2 {
padding-left:32px;
}
.block_admin_tree .admintree .depth3 {
padding-left:48px;
}
.block_admin_tree .admintree .depth4 {
padding-left:64px;
}
I love this theme, so I'll continue working on the leftover fixes...
LOVE your theme. When I saw it, I knew I had to adopt it to one of my moodle sites.
A couple of minor details..
1 - When a resource or activity is hidden from student view, moodle themes usually dim the link so that the instructor can see that it is hidden. This is left out of your theme...
Change line 37 of styles_color.css to the following and it works as expected.
a.dimmed:link,
a.dimmed:visited {
color:#AAAAAA;
}
2 - When highlighting a topic as a current topic your css uses the same cell background as a topic that is hidden from student view. When viewing a course with hidden topics and a current topic, this gets to be a little confusing.
I elected to use a light goldenrod to highlight the current topic. It worked well with my color scheme, but, your mileage may vary. I also elected to show the highlight color on both sides as opposed to just the left side to be more consistent with hidden topics. I made the following changes to lines 595 - 600 of styles_color.css:
* Changed .left to .side to enable color on both sides - line 597
* Changed background color to light goldenrod (#FAF8CC) - line 598
* Changed text color back to black to work better with goldenrod - 599
/*Change .left to .side for both sides*/
#course-view .weekscss .current,
#course-view .current td.side{
background: #FAF8CC;
color: #000;
}
Just my own additions, the second change was purely cosmetic, but, I really did miss the dimmed links as an instructor. Great theme, love using it!!!
-Geof
------------
Login Box:
I've also got a bit of code which should solve the login box error in IE:
Add the following to the end of styles_layout.css
.block_login .loginform{
padding: 0;
margin: 0;
}
#login_username{
width: 150px;
}
#login_password {
width: 150px;
}
.block_login .c1 {
margin: 0px 10px 0px 0px;
}
Should do the trick and makes the box a bit neater.
------------------
Navbar appearing on all pages, do you want it to appear on all pages or do you not want it appearing on all pages?
A great theme Dan!
I have used on my site and it looks good, though my site is still in development.
Further I tried making some minor changes to the theme, however in vain. Hope you can help with this.
I will like to have the slideshow only for the home page and have a very different header image (instead of slide show) on the Home Page of a logged in user.
Currently the code written in the header.html as follows:
if ($home)
Show slideshow
<?php }
else if ($heading) ?>
Show image 1
<?php } ?>
This code shows the slideshow on Home page (irrespective whether the user is logged in or not) and for any page with a heading like 'Categories' the image 1 is shown. However I want the logged in user (user landing on main page of website after login) to see image 1 as well. How can I achieve this?
Any help will be greatly appreciated.
Thanks!
-Smita
I am only aware of switching the header based on front page or any other page.
It my be possible but you would need to know what the variable is which will let you add html based on logged in or not logged in.
I was working today in my Moodle site and noticed that the icon for "Exercise" was missing in my Administration: Modules: Activities page... (see http://yourmoodlesite.com/moodle/admin/modules.com). Well, this led me to want to change a few of the other icons on this page to match the famfamfam.com icon set. So, I made the following changes and have attached them to this post in a zip archive for ease of use.
Simply unzip the attached file to your 'pix' folder inside of the EduMoodle theme folder and everything should be put in the correct place.
I've modified/added six icons from the famfamfam.com Silk icon set:
- Database (
)
- Exercise (
)
- Game (
)
- The Game Activity is an excellent add on available from the Moodle Database - Activity Module: Game
- Journal (
)
- Label (
)
- Workshop (
)
-Geof
It's a very simply (not really elegant, but hey, it works!) modification of header.html. Search for the area where it calls for "div1.php" and "div2.php" and all will be revealed.
I'm sure there's a clean way to add HTML code inside the PHP code, but I couldn't really understand that part.
This way, overhead on my server is lowered slightly because the main page is rather graphic-intensive. I've built a rather complete menubar (kinda like Newbury College) so it was a hassle to constantly surf back to the main page to navigate.
I hope others enjoy this just as much as I do!
Can you show me your moodle site that uses your changed header.html page?
I tried what you recommended and I still cannot get it to work properly.
When I navigate to another page, the menu and the slide show does not appear - only on the front home page.
The site is: http://www.acupuncturefoundation.com/
Your reply would be greatly appreciated.
Thanks for your time.
Open header.html and locate the line:
<div class="FrontSlideshow">
Copy this line and every line below it till you reach:
<div class="menubar">
<?php
{
include('menubar.php');
}
?>
</div></div>
If you want the slideshow on everypage but not the menu stop above <div class="menubar">
If you want the slideshow and menu on everypage copy these lines as well.
Now once you have copied the lines scroll down till you find:
<div id="header-home" class="clearfix">
<h1 class="headermain"> </h1>
<div class="headermenu"></div>
</div>
PASTE THE LINES HERE!!!!
<?php } ?>
Paste the lines where indicated above, and save. That should do the trick.
Thank you so much for the reply.
This theme is awesome and I really appreciate your help!

Just wanted to add that when I added the code above <div class="FrontSlideshow">:
<!-- Slideshow Code - This must not be place in the <HEAD> as it breaks the HTML Editor-->
<script type="text/javascript" src="<?php echo $CFG->themewww .'/'. current_theme() ?>/slideshow/rokslideshow/mootools-release-1.11.js"></script>
<script type="text/javascript" src="<?php echo $CFG->themewww .'/'. current_theme() ?>/slideshow/rokslideshow/rokslideshow.js"></script>
<link href="<?php echo $CFG->themewww .'/'. current_theme() ?>/slideshow/styles/style.css" rel="stylesheet" type="text/css" />
<!-- Slideshow Code End -->
That added the slideshow and menu on all pages.
Thank you again!
#header {
}
.headermain, h1.headermain {
float:left;
margin:2px;
padding:10px;
margin-left: 20px;
color: #fff;
background-image: url('logo.gif');
background-repeat: no-repeat;
height: 80px;
width: 500px;
}
Good Luck!
Cheers
David
I'll try my best to look at one or two of the issues, and hopefully ill be releasing an updated version of the theme which i have been working on.
Does the EduMoodle for Moodle 2.0 work in your version of Moodle 2.0, because I can't get it to work at all in mine, and I am using the most up-to-date version of Moodle.
In fact, as far as I know, EduMoodle for Moodle 2.0 has not been updated in quite a while, and the last time I checked it still had the faults.
So I am not sure what you are asking to change. If it is related to the question above then, I can't help you for the reasons I have just pointed out.
Here is the Moodle 2.0 version of the theme. And its related forum discussion
Mary
I hope all is well.
May I ask for your assistance please?
Regarding the EduMoodle theme and having the menu bar and slide show appear on all pages, is not currently working - only appears on home page. Can you inform me of code that needs to change in the header.html or menu.php file so that the menu navigation bar and slide show is visible on all moodle pages?
Current code in header.html:
<div class="menubar">
<?php
{
include('menubar.php');
}
?>
</div>
</div>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
<div id="header-home" class="clearfix">
<h1 class="headermain"> </h1>
<div class="headermenu"><?php echo $menu ?></div>
</div>
<?php } ?>
This would be a huge help and I appreciate your time.
Thank you so much.
Africa Riviera