Moodle.org front page design

Moodle.org front page design

by Stuart Anderson -
Number of replies: 7
Hi,

I was wondering how moodle.org and sites such as http://ecampus.waiariki.ac.nz/ have achieved the layout of having arbitrary HTML blocks in the middle block with nice tab style header titles?

I assume the tab style headers is done with css which only applies to the front page?

Thanks,

Stuart.
Average of ratings: -
In reply to Stuart Anderson

Re: Moodle.org front page design

by Jon Bolton -
Picture of Testers
And for Moodle.org, the centre sections are created using fieldset and legend elements. See http://docs.moodle.org/en/Homepage_design for the code.
In reply to Jon Bolton

Re: Moodle.org front page design

by Martin Dougiamas -
Picture of Core developers Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers
No, not any more! It was replaced with H1 and P tags some time ago!
In reply to Martin Dougiamas

Re: Moodle.org front page design

by Jon Bolton -
Picture of Testers
Uh, guess we'd better update that page on MoodleDocs then! Sorry Stuart, didn't mean to give you duff info.
In reply to Jon Bolton

Re: Moodle.org front page design

by Stuart Anderson -
Thanks for that.  It's a nice trick which I think I will find useful else where.

Regards,

Stuart.
In reply to Stuart Anderson

Re: Moodle.org front page design

by David Scotson -
Using Safari on the Mac the frontpage of the Waiariki site has mostly invisible text (white text on a white background), though it looks fine using Firefox. Is it just me?
In reply to David Scotson

Re: Moodle.org front page design

by Nicolas Martignoni -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators
No, you're not alone. Exactly same behaviour here ! And in Camino, the page works well (just like in FireFox).