Two new themes

Two new themes

by Patrick Malley -
Number of replies: 19
I've just released two simple new themes for Moodle: Greenie & Leatherbound. Both are free and open source. Please post any support requests and feedback here.

Enjoy.
Average of ratings: Useful (3)
In reply to Patrick Malley

Re: Two new themes

by Shawn Brandt -
Patrick, we just installed Leatherbound... thank you for this great looking theme. We are on a tight budget, so thank you even more for providing it for free!

One question... on the front page, under the main title, there is a subtitle: "Standards Based Moodle Themes" Is there a way to edit this from the administration panel?
In reply to Shawn Brandt

Re: Two new themes

by Patrick Malley -
Ah, yes. My apologies. I put that there for development purposes. This tagline should pull from your site description found at Front Page > Front Page Settings. I'll upload a new copy of header.html reflecting these changes here. I've also already fixed this in the download.
Average of ratings: Useful (1)
In reply to Patrick Malley

Re: Two new themes

by Jet Batung Bakal -
Hi,

<?php echo $COURSE->summary //Retrieves Site description from Front Page -> Front Page Settings ?>


Sir instead of front page description, can I change this command to an image? Can you help me how to do this? Thanks.....

JB
In reply to Patrick Malley

Re: Two new themes

by Gianluca Larizza -
hi,
thank you very much for your share..

Everything works great!

but ...

how can i put my logo inside header.html? is it possible???

best regards
Gianluca
In reply to Patrick Malley

Re: Two new themes

by Gnu Skool -

Regards adding a  logo, I found this code on this site

<?php print_container_start(true, '', 'header-home'); ?>
<h1 class="headermain">
<img src="<?php echo $CFG->themewww .'/'.
current_theme() ?>/pix/logo.gif" alt="" />
<?php echo $heading ?></h1>
<div class="headermenu"><?php echo $menu ?></div>
<?php print_container_end(); ?>

I have a gif image in the pix folder, but still no logo. Am I missing something?
In reply to Gnu Skool

Re: Two new themes

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi,

Which theme are you using? Leatherbound or Grieenie?

Is the image you have in your theme's pix folder called logo.gif?

In reply to Patrick Malley

Re: Two new themes

by L-Mani Viney -

Hi Patrick. Question. Is is possible to change the leatherbound theme to another color (crimson red and creme)? Im a novice at this so any help would be appreciated

In reply to L-Mani Viney

Re: Two new themes

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

Hi,

Yes it is possible to change any theme to a different colour scheme.

ThemesFAQ and CSSFAQ are good places to start, also a tool like firebug in firefox which can help identify the css rules that need to be changed. In leatherbound, you will find them all in core.css in the styles folder

Richard

In reply to Patrick Malley

View home page without login

by Pandish R -

Hi,

I have created one moodle. I have to show the home page without login. And login option also i want be there. Any one can use my moodle page without login. How i can do this.....

pleae Anyone can solve this problem for me................

 

Thanks,

In reply to Pandish R

Re: View home page without login

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

Pandish,

Unless any of the default roles and permissions have been changed, the front page of moodle is usually visible to everyone without logging in. It will have a login link on it - although some themes expand this using a 'profileblock', and also as you click any link to a course/resource which requires logging in it will show the log in page itself

Richard

In reply to Patrick Malley

Re: Two new themes

by Aaron Batty -

Ahoy there.

I don't know if anyone is still reading this, but I have an issue with Leatherbound that I can't figure out.

I'm running it on 2.0.2, and when I click the lightbulb to set a topic as "current," the label text all goes white (i.e. disappears, unless you select it--then you see that it is actually there).

I've been Firebugging, but I can't seem to figure out where the problem is. This is pretty much a show-stopper for this theme, which is my first choice for our new site!

Help, please!

In reply to Aaron Batty

Re: Two new themes

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi,

The problem has been reported as a BUG and is currently being looked at.

MDL-25760

The fix for it is this...

.course-content .current { background: #f14e16; }

.course-content .current .left { color: #fff; }

I think this goes in the core.css for the theme

HTH

Mary

In reply to Mary Evans

Re: Two new themes

by Aaron Batty -

Thanks!

Actually, here's the fix:

In moodle\theme\overlay\style\core.css file, locate:
.course-content .current { background: #1f5480; color: #fff; }

and remove the offending line

color: #fff;

Worked like a charm.

In reply to Aaron Batty

Re: Two new themes

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

That may be so...but the fix for the code in the theme takes into account the text when the background in the left column is colored and the text needs to be white (color: #fff) in order to show up too!

Mary

In reply to Patrick Malley

Re: Two new themes

by Graham Clark -

I’ve been playing around with Leatherbound in the hope that I can get it to do what I want it to do. So far so good. As you can see by my screen print I’ve managed to get a test logo into the header. However, the logo is being pushed aside by the contents of the “Full site name” field under Front page settings. However, when I try to remove the text in the “Full site name” field I get a message telling me that the “Full site name” can’t be blank. In other words, this field must contain something. At this stage, instead of putting text into the field I’ve put a fullstop in instead. Suffice to say, I now have a logo which has a big white dot in front of it. Not only that but my browser’s tab has a fullstop in it as well. It looks really weird and is less than ideal. I’d really like the logo to line up with the left edge of the navigation bar and I’d like my browser’s tab to contain something more meaningful than a fullstop. Is there an easier/better/more elegant way of achieving this? Thanks.

Attachment Problem Screen Print.jpg
In reply to Graham Clark

Re: Two new themes

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi Graham,

My first suggestion to you would be to put the site description back in Frontpage settings and then do one of the following things, depending on how you have added the logo in the page header.

In header.html you will find the following PHP code...

<?php print_container_start(true, '', 'header-home'); ?>
<div id="headerblock">
<h1 class="headertitle"><?php echo $heading ?></h1>
<h2 class="headertag"><?php echo $COURSE->summary //Retrieves Site description from Front Page -> Front Page Settings ?></h2>
</div>
<div class="headermenu"><?php echo $menu ?></div>
<?php print_container_end(); ?>


<?php } else if ($heading) {  // This is what gets printed on any other page with a heading
?>

<?php print_container_start(true, '', 'header'); ?>
<h1 class="headermain"><?php echo $heading ?></h1>
<div class="headermenu"><?php echo $menu ?></div>
<?php print_container_end(); ?>
<?php } ?>

The orange highlight is what you see in the header.

The code highlighted in green can be deleted if you don't want the site description as a tag in the header. Or alternatively add this line to the CSS

h1.headertitle {display:none;}

h2.headertag {display: none;}

The code highlighted in purple is the if statement which separates the header- home (frontpage) from the header on all other pages in Moodle

The pale blue highlighted code can be left if your logo is not on the internal pages otherwise you can remove the code highlighted in green too. Or add this to CSS

h1.headermain {display: none;}

All this depends largely on how you have added the logo in the first place.

Themes FAQ and CSS FAQ are good places to find answers to some of the questions you may ask. Firebug is a useful tool to use when customising themes.

HTH

Mary

In reply to Patrick Malley

Re: Two new themes

by Graham Clark -

Hi Mary.

Thanks for helping me.

Here’s how I got the logo in there.

I edited the code in the "frontpage.php" file based on what I had read here.

In particular, the code said this:

<!-- START OF HEADER -->

<div id="page-header">

<div id="page-header-wrapper" class="wrapper clearfix">

<h1 class="headermain"><?php echo $PAGE->heading ?></h1>

<div class="headermenu">

<?php

echo $OUTPUT->login_info();

echo $OUTPUT->lang_menu();

echo $PAGE->headingmenu;

?>

</div>

</div>

</div>

<!-- END OF HEADER -->

 

I changed it to this:

<!-- START OF HEADER -->

<div id="page-header">

<div id="page-header-wrapper" class="wrapper clearfix">

<img src="<?php echo $OUTPUT->pix_url('logo', 'theme'); ?>" alt="" />

<h1 class="headermain"><?php echo $PAGE->heading ?></h1>

<div class="headermenu">

<?php

echo $OUTPUT->login_info();

echo $OUTPUT->lang_menu();

echo $PAGE->headingmenu;

?>

</div>

</div>

</div>

<!-- END OF HEADER -->

I also added a copy of the logo to the pix folder.

I'm a little confused by your colour coding scheme above.

Now that you know how I added the logo would you be able to help me by clarifying exactly which bit of code I should change to achieve the look I’m after?

Thanks.

In reply to Graham Clark

Re: Two new themes

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi Graham,

It would have been less confusing if you had started a new discussion rather than tagging your question on to a 1.9 theme thread.

It takes time to go and find solutions for people. Anyway the solution for this is similar to what I wrote earlier.

Just delete this line...

<h1 class="headermain"><?php echo $PAGE->heading ?></h1>

HTH

Mary