I am so sorry the demosite of the theme does not work correctly (for DNS errors)

I added a entry in my blog as following (with the theme as attachment):

http://moodle.org/blog/index.php?userid=27521

Hi... I like this theme. I installed it and the categories and the courses names appears in the menu bar, but... I can´t get that the links in the menu bar work correctly. The links don't work. When I do "click" in the course name link, it me redirect to a blank page... What is happen? Do I need extra configuration? Can someone help me?

Thanks

For Guadalupe, You need to edit the header.html and the menuphp files in order to remove the hard links that Chen has built in for his server.

On my site our moodle is in domain.com/moodle but the menus are pre-pending /moodle and I ended up with /moodle/moodle. It's really an easy fix if you look at all the files in the theme package.

Chen, This is the Theme I've been waiting for. The implimentation of the menu seems to work flawlessly so far and the image rotation is an added bonus. Thank You

Well done Chen! Your theme is wonderful!

Thank you so much for sharing it.

I developed it for our website last year. But our website was access-forbidden temporally. I am glad to receive any suggestion to improve it (after my 30 days holiday to 17 Feb. 2009). Feel free to use it and improve it.

Chen, I have added it to my theme folder but it doesnt appear in the moodle "theme selector" list.
Can some one share how they got this to appear?

It does not need installation. You just unzip it. I am not sure if you set the file folder accessible by apche server or  IIS server. You should check it especially when the moodle is intalled on the linux or unix OS. 

Looks exciting, but the download/demo server seems to be down at the current time. I've been trying for several minutes, maybe it will be up again soon.

Faren... check the permissions on the czw_blue folder. It and the files inside need to be changed so that the server can see inside. I'd recommend changing the permissions to 755 with chmod -R 755 czw_blue/ OR by using the Change File Attributes function when you right click in FileZilla, just remember to check the "Recurse into subdirectories" box.

Guadalupe... Open coursemenubar.html in Notepad.

Find: //global $CFG;
Replace: global $CFG;

That should make the links work correctly.

Thanks Geof.

Great theme, thanks Chen. Of course I immediately wanted to deploy it to our school's site, but apparently I need to use a theme with more neutral colours. Rats. Say .... would you be willing to tell me which files, and where in those files, is the code for the dynamic menu bar? If I could get at least that, it would be cool. Love the overall theme though. Great look.

Hi, Jonathan.

1.  The major php file for the dynamic menu bar is coursemenubar.html. This file is included in the header.html look like as following:

 <?php
   {
     include('coursemenubar.html');
   }
 ?>

2. To creat the menu bar, you should use javascript coded  in header.html   as following:

<!-- Core QuickMenu Code -->
<script type="text/javascript">/*................. (too long to attached here, but you can copy them from the file)

3. You should also remain the following line in header.html to display the menu in neccessary apperance (together with the file of menubar.css):

<LINK REL=StyleSheet HREF="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/menubar.css" TYPE="text/css" MEDIA=screen> 

Good Job. Thanks.

V

It is great theme. However, when I installed the czw_blue, it does not look like the picture above. There is no left column, only two columns. How can I get the same as above picture?

Thanks.

Thanks again Chen. Worked like a charm! My school is using the custom corners theme, so I had to make one small change in the 'coursemenubar.html' Since that theme can be dynamically re sized I needed to remove the specified width values. Once done, it re sizes like a perfectly! Thanks.

Change in coursemenubar.html:

<div style="width:100%;margin-top: 0px;">
<table cellpadding=0 cellspacing=0 style="width:100%; ">

Jon

I like the automatic menu bar plus the additional information given by Chen and Jonathan. When I combined it with the formal white theme, I got a light blue background behind the menu items. Can anyone help me where I can change the light blue background color?

I searched again and found the light blue background color. It was in the first line of the menubar.css file.

Hartmut

Where/how did you get the clock on your front page?

Thanks for your help and nice theme.

Hi  Chen

I love your theme, I am in the middle of implimenting this on out server and like a post above am having problems.

The main prob is the drop down menu is fine but I can't find the course that are already on our active moodle site.

We host our own moodle on a Linux Server, the moodle is located in

/srv/www/htdocs/moodle..... I know I have to edit certain php scripts I know which scripts to edit but no mattter what I put in there it won't find the courses.

So please could you inform me what I have to take out and what I have to add.

Many thanks

Well managed to sort it myself today, great theme

Hi Tom,

Is this the clock you are searching for?

http://moodle.org/mod/data/view.php?d=13&rid=305

With kind regards,

Hartmut

Thanks everyone. I do not visit here frequently. To Tom, the clock is the one as Hartmut posted.  

Hartmut/Chen -

Thanks guys, that was exactly what I was looking for. Sorry for the easy question, still learning some of this stuff and your help is appreciated.

-Tom

Hello everyone,

I am really sorry but I am not sure what to change in order for the drop downs to link correctly. I know this was covered before but I am not quite savvy enough to know what to do from the previous instructions. Can anyone help any further?

Awesome theme as well! Thank you so much.

To Ian, I am not sure what you mean " link correctly ". Can you tell me what's the problem you encountered? Did you use this theme or want to integrate the menubar only to other theme as Jonathan did?

I want to incorporate the menu bar in my theme. I have read the forum postings. However I might need extra help. I use the formal white theme. Could someone outline for me, step by step the changes I should make to the header.html file and where in the file? I am not a programmer but can follow instructions very well.

I also keep getting an error when switching between themes

(Internet Explorer Script Error)

An error has occurred in the script on this page

Line: 245

Char: 1

Error: 'tinyMCE_GZ' is undefined

Code: 0

URL: /moodle/theme/preview.php? preview=czw_blue

Do you want to continue running the scripts on this page?

Thanks.

Tieku

Love the theme.  I was wondering if there is a way to widen the page.  When I use the theme it seems like the middle blocks like site news tend to butt right up against the block I have in place on the right hand side.

To Tieku, you can reference  before comment I replied to  Jonathan. You just need to add the lines in red into your theme's header.html file in proper place. I also emailed you the modified file of header.html for formal white theme. So you can try to intergrate the menubar into themes you like as instructions made in the Email to you.

Another problem you posted is somewhat a "bug". I use the tinyMCE 3.0 as the html editor for moodle. To fixed it,

     you can just delete lines in footer.html as:

     <?php
$zlib_on = ini_get('zlib.output_compression');

.......................

<?php
}
?>
</script>

OR install the tinyMCE3.0 into your moodle to remain this file, to use the editor. So, you have choice.

To Keyser, sorry I can not understand correctly what you posted. The theme I published here is width-fixed to 960 pixels. 

It is working OK. Why is it that in Firefox, the menu bar is not aligned to the left of the page, but starts out somewhere in the middle?

Tieku

There is some error for using your theme.

"tinyMCE" is not defined.

To 荣君 黄 . yes, you can fix it as the way I replied to Tiebu before. Thanks

Sorry about my late reply Chen.

I was trying to fix this problem I think "For Guadalupe, You need to edit the header.html and the menuphp files in order to remove the hard links that Chen has built in for his server."

When I click the courses I get an error like everyone, but I dont know what files to change the links in as I am not very good at in-depth web development. Do you know of any 'find and replace' fixes that I can use? I just need to point it in the right direction, I just dont know how.

Thank you again

Hi Chen,

I think you need to erase this exact part, am I right?

<?php
$zlib_on = ini_get('zlib.output_compression');

if (empty($zlib_on)) {
?>
<script type="text/javascript" src="<?php echo $CFG->wwwroot ?>/lib/editor/tinymce3/tiny_mce_gzip.js"></script>
<script type="text/javascript">
tinyMCE_GZ.init({
 plugins : 'style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,'+ 
        'searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,moodleimage,moodlelink,dragmath,inlinepopups,dompdf',
 themes : 'advanced',
 languages : 'en',
 disk_cache : true,
 debug : false
});
</script>
<?php
} else {
?>

Regards,

Mark

Sorry, I mean these lines:

<?php
$zlib_on = ini_get('zlib.output_compression');

if (empty($zlib_on)) {
?>
<script type="text/javascript" src="<?php echo $CFG->wwwroot ?>/lib/editor/tinymce3/tiny_mce_gzip.js"></script>
<script type="text/javascript">
tinyMCE_GZ.init({
 plugins : 'style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,'+ 
        'searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,moodleimage,moodlelink,dragmath,inlinepopups,dompdf',
 themes : 'advanced',
 languages : 'en',
 disk_cache : true,
 debug : false
});
</script>
<?php
} else {
?>
<script type="text/javascript" src="<?php echo $CFG->wwwroot ?>/lib/editor/tinymce3/tiny_mce.js"></script>
<?php
}
?>

Hi. on this theme, the grader report is not displaying correctly.
Do you know any fix ?
Thanks

Re: fixing the menus

If moodle is not at your wwwroot (i.e. typing www.domain.com doesn't lead to your moodle) then the fix needs to be done in the coursemenubar.html file.

search for /course and prepend the path to your moodle installation.

e.g. I have moodle installed at www.domain.com/test/ so I searched for /course and changed all of them from /course to /test/course

Look at the URL of one of you courses and compare it to the URL that is generated by the menubar. Adjust the /course string to fill in the missing pieces.

This is a beautiful theme! Well done!

I have it installed and it works quite well. Does anyone have a suggestion or strategy for changing the logo on top? I see that it is on a gradient background but I don't see a blank one that I can work with. Any suggestions?

Thanks all!

The menu displays Categories and Courses perfectly.

I would like to add more menu items such as /course/search.php

Which file would I edit in order to add more menu items that are not course/category.php?id=

Exactly.
And it would be great to be able to add course/all courses and course/mycourses.

I´d like to know how to do it, too.

El thema es muy bueno, en mi caso un error aparece en el encabezado:


Notice: Use of undefined constant flase - assumed 'flase' in d:\inetpub\wwwroot\hosting\hansce\handel-sce.com\www\new\moodle\theme\czw_blue\config.php on line 97

¿hay alguna forma de evitarlo?

Theme is very good, I like the way it works, in my case as soon as I open it in the header of the page browser appers the followin message:

El thema es muy bueno, en mi caso un error aparece en el encabezado:


Notice: Use of undefined constant flase - assumed 'flase' in d:\inetpub\wwwroot\hosting\hansce\handel-sce.com\www\new\moodle\theme\czw_blue\config.php on line 97

¿Is there a way to fix it?

Hi everybody, and thank you very much for this beautifull theme...

I have a question :

Is it possible to show in the menubar, only the courses the student is enroled in and not all the courses ?

Thanks a lot in advance for your reply...

Lionel

Hi everyone. I am so sorry for late reply here. I will check it and contribute any improvement. But it will be one week later because of my busy work this week. Sorry but I will back soon.

fHi Chen,

Great menu !

1. It would be nice if the menu could contain (as others mentioned) :
   - My courses
   - Search
   - Block content like "Recent", "Activities", etc.
   Can you describe how to configure this?
   
2. To get rid of the tinymc problem I think you have to erase these lines in "footer.html" ?
   

   <?php
   $zlib_on = ini_get('zlib.output_compression');

   if (empty($zlib_on)) {
   ?>
   <script type="text/javascript" src="<?php echo $CFG->wwwroot ?>/lib/editor/tinymce3/tiny_mce_gzip.js"></script>
   <script type="text/javascript">
   tinyMCE_GZ.init({
    plugins : 'style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,'+ 
           'searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,moodleimage,moodlelink,dragmath,inlinepopups,dompdf',
    themes : 'advanced',
    languages : 'en',
    disk_cache : true,
    debug : false
   });
   </script>
   <?php
   } else {
   ?>
   <script type="text/javascript" src="<?php echo $CFG->wwwroot ?>/lib/editor/tinymce3/tiny_mce.js"></script>
   <?php
   }
   ?>

Thanks en regards,

Mark

Thanks, Chen! This theme has made my life easier!

Hi Chen,

When do you think you will contribute the improvements?
Especially the content of the menus would be a great improvement:
- My courses
- Search
- Block content like "Recent", "Activities", etc.

Can you point out how to achieve this?

Regards,

Mark

Hi Chen,

I am using your menu bar in the "formal white" and "anomaly" theme and I was able to add some "fixed categories" according to your advice. How can I achieve that only those "automatic" sub categories will be visible which have courses? If there is no course, the sub category should not show up in the menu. If possible the category on the highest level should be visible regardless whether there are any sub categories or not.

I am aware that this will be just a nice feature (not an urgent one at all). Anyhow, I would appreciate your advice how to accomplish this at some time in the future.

With kind regards,

Hartmut

Hi Chen,

I found a solution for empty categories when I changed my entire visible structure to show only courses that are actually offered (without any tree). Now I will use the extensive structure of categories and sub categories only for the archive.

With kind regards,

Hartmut

Hi Chen,

I use your automatic menu bar in Moodle 1.9.5 with Anomaly. In the Moodlelike theme, I saw “my courses” and I tried to adapt the code. Until now I was unable to produce the list of my courses with your menu. Only the tab “My Courses” appears in the menu bar.

Can you help me to get a list of my courses into the menu bar? Any help is greatly appreciated.

With kind regards,

Hartmut

-----------------------
coursemenubar.html

<div style="width:100%;margin-top: 0px;">

<table cellpadding=0 cellspacing=0 style="width:100%; ">



<td style="width:100%; " >

<ul id="qm0" class="qmmc">



<?php

echo '<li><span class="qmdivider qmdividery" ></span></li>';
$text ='<li><a class="qmparent" href="'.$CFG->wwwroot.'/">Home</a>';
$text .= '</li>';
echo $text;

print_whole_category_list_menu();

if (isloggedin()) {
echo '<li><span class="qmdivider qmdividery" ></span></li>';
$text ='<li><a class="qmparent" href=" '.$CFG->wwwroot.'/">My Courses</a>';
$text .='<ul>';
$text .='<li><a href=\' '.$CFG->wwwroot.'/course/\'>All Courses...</a></li>';
$text .= '</ul></li>';
echo $text;

//Get my courses
$courses_my = get_my_courses($USER->id, 'visible DESC,sortorder ASC', '*', false, 21);

//
foreach ($courses_my as $c) {
if (isset($USER->lastcourseaccess[$c->id])) {
$courses_my[$c->id]->lastaccess = $USER->lastcourseaccess[$c->id];
} else {
$courses_my[$c->id]->lastaccess = 0;
}
}
//

//
if (empty($courses_my)) {
//Do nothing
} else {
foreach ($courses_my as $c) {
$content .= '<a href=\' '.$CFG->wwwroot.'/course/view.php?id='.$c->id.'\'>'.$c->fullname.'</a>';
}
}
//
echo $content;
echo '<a href=\' '.$CFG->wwwroot.'/course/\'>All Courses...</a>';
}


function print_whole_category_list_menu($category=NULL, $displaylist=NULL, $parentslist=NULL, $depth=-1, $files = true) {
/// Recursive function to print out all the categories in a nice format
/// with or without courses included
//global $CFG;


if (isset($CFG->max_category_depth) && ($depth >= $CFG->max_category_depth)) {
return;
}

if ($category) {
if ($category->visible or has_capability('moodle/course:update', get_context_instance(CONTEXT_SYSTEM))) {
print_category_info_menu($category, $depth, $files, $left);
} else {
return; // Don't bother printing children of invisible categories
}

} else {
$category->id = "0";
}


if ($categories = get_child_categories($category->id)) { // Print all the children recursively
$countcats = count($categories);
$count = 0;
$first = true;
$last = false;
foreach ($categories as $cat) {
$count++;
if ($count == $countcats) {
$last = true;
}
$up = $first ? false : true;
$down = $last ? false : true;
$first = false;

print_whole_category_list_menu($cat, $displaylist, $parentslist, $depth + 1, $files);
echo '</ul></li>';
}
}
}

function print_category_info_menu($category, $depth, $files = false) {
/// Prints the category info in indented fashion
/// This function is only used by print_whole_category_list() above

//global $CFG;
$coursecount = count_records('course') <= FRONTPAGECOURSELIMIT;

$courses = get_courses($category->id, 'c.sortorder ASC', 'c.id,c.sortorder,c.visible,c.fullname,c.shortname,c.password,c.summary,c.guest,c.cost,c.currency');
if ($depth) {
echo '<li><span class="qmdivider qmdividerx" ></span></li>';
if ($category->visible) {
echo '<li><a class="qmparent" href="'.$CFG->wwwroot.'/course/category.php?id='.$category->id.'">'.format_string($category->name).'</a>';
} else {
echo '<li><a class="invisiblecategory" href="'.$CFG->wwwroot.'/course/category.php?id='.$category->id.'">'.format_string($category->name).'</a>';
}
} else {
echo '<li><span class="qmdivider qmdividery" ></span></li>';
if ($category->visible) {
echo '<li><a class="qmparent" href="'.$CFG->wwwroot.'/course/category.php?id='.$category->id.'">'.format_string($category->name).'</a>';
} else {
echo '<li><a class="invisiblecategory" href="'.$CFG->wwwroot.'/course/category.php?id='.$category->id.'">'.format_string($category->name).'</a>';
}
}


if ($files and $coursecount) {
echo '<ul>';
if ($courses && !(isset($CFG->max_category_depth)&& ($depth>=$CFG->max_category_depth - 1))) {
foreach ($courses as $course) {
if ($course->visible) {
echo '<li><a href="'.$CFG->wwwroot.'/course/view.php?id='.$course->id.'">'.format_string($course->fullname).'</a></li>';
} else {
echo '<li><a class="invisiblecourse" href="'.$CFG->wwwroot.'/course/view.php?id='.$course->id.'">'.format_string($course->fullname).'</a></li>';
}
}
}
}
}
?>


<li class="qmclear">&nbsp;</li></ul>
</td></tr></table>

</div>
<!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click ('all', 'main' or 'lev2'), Right to Left, Horizontal Subs, Flush Left, Flush Top) -->
<script type="text/javascript">qm_create(0,false,100,300,false,false,false,false,false);</script>

Hi Guys,

Wonder whether your guys have issue on printing out web page too.

When I try to print out my web page using "File->Print Preview", it always shows all course categories and classes on top in a mess -- they all come from the dynamic menu. and I just couldn't print the page same as it shows. I guess if you also use this theme, you might also have the same print issue? Any way to fix this?

Thx,
William

Hi Chen, Hi Mark, Hi Tieku,

if I delete those lines of code in footer.php, the foot disappears.

I prefer to install the tinyMCE3.0 in my moodle to remain the file footer.php: How can I do it?

Thanks

great theme chen! I have a doubt, How can I activate this "blog format" in the middle of the page? is it another plug in? Thanks a lot guys!!

Chen ZhongWei  sir:

    I want to use you moodle theme with tinyMCE3.0 ,Can you help me? Please mail to

dingfeiya2007@gmail.com

Hey, it's very beautiful. But i have a big question. I want to write Persian in my web site, Persian is a complex script and right to left. but your theme designed in left to right direction. How can i change it?

Thanks for you theme ..it is wonderful .. the main problem facing most users is with the top bar menu ... when we click on the link it doesn't work and the reason is that you designed the lick to open with this URL:

www.yourdomain.com/course/ then the rest of the link

while it should be like this:

www.yourdomain.com/moodle/course/ then the rest ..

so can you please solve this problem coz your them is the best with the top bar menu...thanks

Hi Chen,
Thanks for the great theme. I am having a problem with the Coarse Menu Bar in Firefox. The menu bar starts out on the right side of the page and extends off the page to the right. Where do I fix this problem?
Thanks.
David

Chen,
I think I have corrected the problem I was having with Firefox and my Course Menu Bar. I changed line 1 of the file coarsemenubar.html - specifically the margin-top value from 0px to 5px.

I selected the this nice template and i found it easy to customize the header to fit my school site. Although i have some difficulties with the date in the header. First tried to translate monthes and days in my language(greek) but the encoding of the page causes to appear small squares instead of letters. I need your help to remove completely from that place and also to move the language selection imediately after the login message (in place of date) I would appreciate any help to do this

Good afternoon everyone.

I am using this template and I have encountered 3 issues which I am sure (being a moodle novice) are easily fixed with some guidance.

Issue 1 - Can someone advise me which css allows you to edit the orange line just above the footer image?

Issue 2 - I have managed to change the alternative text for the icons but I cannot change the alternative text for the logo (it still states faculty of Computer and Information), can anyone give guidance on how to do this?

Issue 3 - How do I move the logo so it sits at the very left hand edge of the page?

Thank you all for your time.

Alex.

Thanks for the really nice-looking theme. We do love it a lot and use it in our Moodle - and our users like it as well.
However, quite a number of our users have complained about the middle column (in courses) being too narrow. This could be remedied by leaving out either the right or left column, of course - but this way you'd leave out some of the blocks, sow we wouldn't like to do that.
We've just wondered whether it would be possible to change the theme from fixed width (9xx px) to relative width (100%).
Would that be possible? Which difficulties could be encountered? Any hints on how to achieve that?

Thanks for any helpful advice,

Uwe

I believe you can move all your blocks onto one side and then remove either the left or right columns this will make the middle column expand, although then there is the issue of all your boxes being one one side which in my opinoin doesn't look as good.

I was wondering if you had kept that orange line by the footer deliberately or whether you like me have not been able to identify how to remove it?

Kind regards,

Alex

Further details (and an image) of my problems with this theme can be found at:
http://moodle.org/mod/forum/discuss.php?d=135929#p597468

Any help would be greatly appreciated

Thank you for your time.

Alex.