RSMS Home Theme

This forum post has been removed

Number of replies: 17
The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: RSMS Home Theme

by Jury N. Belonozhkin -

Hello, Monia!
Nice Theme! Thank You!
Please help Me!
Нow do I make the width of the page in full screen?

In reply to Jury N. Belonozhkin

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Jury N. Belonozhkin

Re: RSMS Home Theme

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

Try deleting page max-width: 960px; and replace with width: 100%;

eg:

#page {

max-width: 960px;

width: 100%}

Hope this helps?

Mary

Average of ratings: Useful (1)
In reply to Jury N. Belonozhkin

Re: RSMS Home Theme

by Jury N. Belonozhkin -

Thanks Monia&Mary!

I'm not programmer and don't well understood yours tech recommendations. Nevertheless I almost achhived the result.

I pasted in styles_layout.css this lines:

body {
text-align: center;
}

#page {
margin: 0 auto;
max-width: 100%;
text-align: left;
}

In Mozilla RSMS_Theme works now well, but in IE not. I tried to paste this lines also in styles_ie6.css and styles_ie7.css, but had no result.

I probed to see http://www.rsms.ac.uk/ in IE - the result is the same.

Any ideas?

In reply to Jury N. Belonozhkin

Re: RSMS Home Theme

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

Jury,

The use of max-width is NOT necessary, it is sufficient to use width: 100%;

Using text-align: center in the body is OK but it can lead to odd behaviour in some pages. I would take out text-align: left from #page and add that to the body tag. Adding padding: 0; will help clear the page element of padding, which if not compensated for in the width, will distort the page. If there is padding on the page, then you will need to make the width less. #page { width: 98%; padding; 0 1%; } this will add 1% of padding to the sides but not the top or the bottom of the page, as (98% + 1% +1%) = 100%

body {
text-align: left;
}

#page {
margin: 0 auto;
width: 100%;
text-align: left;
padding: 0;
}

Hope this helps?

Mary

Average of ratings: Useful (1)
In reply to Mary Evans

Re: RSMS Home Theme

by Jury N. Belonozhkin -

Mary,

max-width: 100% instead of width: 100% works well.

Thank You for Your kindness!

In reply to Jury N. Belonozhkin

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: RSMS Home Theme

by Judy Steidl -
Beautiful! Will this theme work on 2.0?
In reply to Judy Steidl

Re: RSMS Home Theme

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

Hi Judy,

Unfortunately not, as Moodle 1.9 themes are not compatible with Moodle 2.0.

Mary

In reply to Deleted user

Re: RSMS Home Theme

by Julius Momanyi -

Dear Monia; Many thanks for your great theme which i greatly admire. I like the dropdown menu style which makes it really simple to link and access resources. How can add a sub-menu in order to display more units on each drop down? is this possible? please help i am not programmer so kindly request for your assistance.  Many Thanks.

In reply to Deleted user

Re: RSMS Home Theme

by Alexander Lifanov -

Thank you for your wonderful theme!

Can you please tell me how to increase content font size? Where can i change it in css? And where can i disable bottom user panel?

Best regards!

 

In reply to Alexander Lifanov

Re: RSMS Home Theme

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

Hi,

You can change the font-size in RSMS_Home/styles_fonts.css

And to remove the Moodlebar from your site you need to delete this code from the bottom of RSMS_Home/footer.html

<?php
if (isloggedin() && $USER->username !='guest') {
include ('moodlebar/moodle_bar.html');
}
?>

Hope this helps?

Mary

In reply to Mary Evans

Re: RSMS Home Theme

by Alexander Lifanov -

Mary, thank you very much for your help!

Can you please tell me what syle in styles_fonts.css is responsible for the course content (text of Moodle resources)?

Thank you,

Best regards!

In reply to Alexander Lifanov

Re: RSMS Home Theme

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

Alexander,

I would recommend using a tool such as firebug for firefox (or similar tools for the other major browsers). This can tell you what rule is currently applied and where that rule can be found. If it is already in the theme you can edit it wherre it is. If it is in a parent theme or Moodle core, then you can add it to the css file (styles_fonts.css in this case)

HTH

Richard

ps. don't forget to turn on theme designer mode while making changes and using firebug (Site Admin>Appearance>Theme Settings)

In reply to Alexander Lifanov

Re: RSMS Home Theme

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

Hi Alex,

Look for this code and change font-size to 108%

body, table, td, th, li {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:98%;
  /*letter-spacing:0.02em;*/
}

Also contrary to what Richard told you, Moodle 1.9 does not cache theme data, and therefore does not have Theme Designer Mode, just incase you were wondering what he meant.

Development: Firebug and Development: CSS FAQ are good starting points for learning how to customise your Moodle 1.9 theme.

Cheers

Mary

Average of ratings: Useful (1)