As the existing thread has become so long, I am making this announcement in a new thread so that bug reports and comments will be easier to track.
The theme has been rebuilt from the ground up while still keeping the look of the original. There should be far fewer bugs and more importantly now works on 1.8 and above.
The download can be found in the Themes database.
If you used the previous version of this theme, back it up first then delete and replace with this one.
Please leave comments and bugs below and Ill fix them as soon as I can.
Jullian - I'm not sure if I shared with you that over the summer my hope is to move many of the themes to CVS. In terms of tracking bugs and the like I would be happy to create a component in the tracker so that bugs, feature requests, etc. can be managed. That frees the forums to be used for conversations about the theme. Peace - Anthony
Julian,
Thankyou, this is great. I've been doing some modifications to this for our site... I noticed just at the end of the header.html there is a div class= content_wrapper - it seems to place a small area of white space between the header and the page, and at both sides of the page the 1px grey border is missing - I removed this div completely with seemingly no side effects...
is there something I am missing?
Hi Julian:
I liked the Clouds theme a lot. Thanks
I am testing the new Clouds theme with a new moodle install (1.9) and I have a few problems with the titles.
On the main page, the title (moodle full site name) is on top of the logo. On the old theme I modified the logo to contain my site name. How can i tell moodle Not to put the title (moodle full site name) on the front page. I just want the logo image to show.
I have problems with all the other titles:
In some pages the full site name appears all the way to the left (outside the page margins)
In other pages there is something similar. For example when I click on a course, the course title is displayed all the way to the left (outside the page margins)
Please tell me how can I modify this.
I tested it on Mozilla 2.0.0.14 and Internet Explorer 7.0.5730
Thanks
Pedro
I liked the Clouds theme a lot. Thanks
I am testing the new Clouds theme with a new moodle install (1.9) and I have a few problems with the titles.
On the main page, the title (moodle full site name) is on top of the logo. On the old theme I modified the logo to contain my site name. How can i tell moodle Not to put the title (moodle full site name) on the front page. I just want the logo image to show.
I have problems with all the other titles:
In some pages the full site name appears all the way to the left (outside the page margins)
In other pages there is something similar. For example when I click on a course, the course title is displayed all the way to the left (outside the page margins)
Please tell me how can I modify this.
I tested it on Mozilla 2.0.0.14 and Internet Explorer 7.0.5730
Thanks
Pedro
re: the header
open up header.html, comment out
<?php //Accessibility: 'headermain' is now H1, see theme/standard/styles_layout.css: .headermain
if ($home) { // This is what gets printed on the home page only
?>
<div id="header-bg">
<div id="header-home" class="clearfix">
<div class="header-wrap">
<h1 class="headermain"><?php echo $heading ?></h1>
<div class="header-logo"><img class="logo" src="<?php echo $CFG->themewww .'/'. current_theme() ?>/pix/bg/header_left_bg.gif" /> </div>
<!-- comment me out <h1 class="site_title"><?php echo $heading ?></h1> -->
<div class="headermenu"><?php echo $menu ?></div>
</div>
</div>
as for the other issues, I didn't have them, but on one of the pages for a third party block it doesn't display as per normal... but not a concern for the moment as only faculty see this one page.
If you want to play around with positioning - you will need to modify the style sheet clouds.css - it is well structured and it shouldn't take you too long to find what you need to change.
open up header.html, comment out
<?php //Accessibility: 'headermain' is now H1, see theme/standard/styles_layout.css: .headermain
if ($home) { // This is what gets printed on the home page only
?>
<div id="header-bg">
<div id="header-home" class="clearfix">
<div class="header-wrap">
<h1 class="headermain"><?php echo $heading ?></h1>
<div class="header-logo"><img class="logo" src="<?php echo $CFG->themewww .'/'. current_theme() ?>/pix/bg/header_left_bg.gif" /> </div>
<!-- comment me out <h1 class="site_title"><?php echo $heading ?></h1> -->
<div class="headermenu"><?php echo $menu ?></div>
</div>
</div>
as for the other issues, I didn't have them, but on one of the pages for a third party block it doesn't display as per normal... but not a concern for the moment as only faculty see this one page.
If you want to play around with positioning - you will need to modify the style sheet clouds.css - it is well structured and it shouldn't take you too long to find what you need to change.
Hi Julian,
I am having some difficulties applying the Clouds V4 theme. I have been using an earlier release of this them at www.continuingeducationgroup.net on moodle 1.8 and only made a few minor modifications to the headings and the header images. I upgraded to 1.9.2 and would like to upgrade to the latest compatible Clouds theme, but when I do certain things display properly strangely (i.e. the login logout hypertext is black and right in the middle of the globe flash image, course titles display large and other anomalies).
Is the sample site running Clouds v4 on 1.9?
Also, the theme description still refers to V3. Is the download link actually V4?
Would you mind providing some brief instructions on how to apply this theme in moodle 1.9.2? How to upgrade from an older version?
I really appreciate your help and love your work as the moodleman.
Jason
Hi Julian
I am also encountering this same issue:
The login logout hypertext is black and right in the middle of the globe flash image
Any advice on how I can resolve this? Any edits I need to make to the theme file?
Just downloaded and installed the latest version of your theme in my Moodle 1.9 site.
Thanks in advance!
I am also encountering this same issue:
The login logout hypertext is black and right in the middle of the globe flash image
Any advice on how I can resolve this? Any edits I need to make to the theme file?
Just downloaded and installed the latest version of your theme in my Moodle 1.9 site.
Thanks in advance!
Hi Zak,
Your question is not strictly moodle-theme related. It is not easy to "force" an HTML element to the bottom of a "page" because it is difficult to determine where that "bottom" is located in a web browser. It depends on the resolution of your site visitor's screen, amongst other parameters. A web "page" is not a fixed size object, unlike the page of a book or magazine.
However, you might try to play with such css rules as:
#page #content {min-height:500px;}
Joseph
Zak,
following on from Joseph's comment, if you want to IE6 to behave like it understands min-height, you have to use a workaround like this:
If you really want a beautiful page, you have to use Javascript to work out the size of the display area and adjust the CSS accordingly:
regards
Gordon
following on from Joseph's comment, if you want to IE6 to behave like it understands min-height, you have to use a workaround like this:
If you really want a beautiful page, you have to use Javascript to work out the size of the display area and adjust the CSS accordingly:
regards
Gordon
Hi Gordon,
Thanks for reminding us of the min-height workaround for stupid old MSIE_6.
I remember spending hours trying to figure this out before I discovered the hack. Please note that the hack is no longer needed for MSIE_7.
Re using Javascript for a "beautiful page", I wonder if this is possible inside a moodle theme? Has anyone tried it?
ATB
Joseph
Hi,
I am having some trouble with this theme.
I recently realised that the theme was responsible for some issues we are having with alignment.
It seems all the text on any webpage, assignment or questionnaire created (perhaps other activities too) are being center aligned rather than left aligned.
But... I can't seem to figure out which css selector is causing this to happen. I thought it was a misapplication of boxaligncenter, but the same is true on the standard theme and it doesn't seem to cause the same problem (or effect if you like it).
I've tried adding text-align:left; to the body tag, but that has other undesired side effects such as making the radio boxes on the questionnaire align to the left.
Does anyone know what it is in the Clouds theme that is causing the centering to occur?
Edit: If it seems like the only possible reason... it probably is
If you are having this issue as well:
replace boxaligncenter in styles_clouds.css with the following as it appears in styles_layout.css in the standard theme:
.boxaligncenter {
margin-left:auto;
margin-right:auto;
}
(and don't add anything to the body tag ;) )
Edit Edit:
The one thing this does seem to change (that I have noticed so far) is that the 'no files submitted yet', and filenames once submitted (for an assignment) align to the left - it was at the center before... which I think looked nicer, but we will choose to live with.
I am having some trouble with this theme.
I recently realised that the theme was responsible for some issues we are having with alignment.
It seems all the text on any webpage, assignment or questionnaire created (perhaps other activities too) are being center aligned rather than left aligned.
But... I can't seem to figure out which css selector is causing this to happen. I thought it was a misapplication of boxaligncenter, but the same is true on the standard theme and it doesn't seem to cause the same problem (or effect if you like it).
I've tried adding text-align:left; to the body tag, but that has other undesired side effects such as making the radio boxes on the questionnaire align to the left.
Does anyone know what it is in the Clouds theme that is causing the centering to occur?
Edit: If it seems like the only possible reason... it probably is
If you are having this issue as well:
replace boxaligncenter in styles_clouds.css with the following as it appears in styles_layout.css in the standard theme:
.boxaligncenter {
margin-left:auto;
margin-right:auto;
}
(and don't add anything to the body tag ;) )
Edit Edit:
The one thing this does seem to change (that I have noticed so far) is that the 'no files submitted yet', and filenames once submitted (for an assignment) align to the left - it was at the center before... which I think looked nicer, but we will choose to live with.
hello all. i am very interested with this template.. but i have trooble to make main navigation on the middle layout like this template because the normal setting in frontpage admin menu just visible to show course catagory, list of course, news item and combo...??
can you explain how i can show main navigation like in the middle layout this template...
i am very confused and hope someone can explained for me
if need costumize code i will tray to resolved it..
thx and i hope so much some one can explain =)
can you explain how i can show main navigation like in the middle layout this template...
i am very confused and hope someone can explained for me
if need costumize code i will tray to resolved it..
thx and i hope so much some one can explain =)