I took the formal white theme and changed the colors and the logo to something that I liked.
I have included the .psd files so you can change the text if you like.
I also included instuctions in the readme to show you how.
The .psd's make it too large to attach
You can download it here.
Here is a screenshot: Let me know what you think.
Thanks for your effort to contribute to the collection of Moodle Themes. Why not make it available in the Moodle themes database?
Also I feel that the name you chose for your theme may be confusing for Moodle users, as people may think this theme is especially made for the Moodle 2.0 version (which has still not been released). I would certainly advise changing for a less confusing name.
Joseph
I will change the name to something else.
I run moodle 1.5.3 because my hosting company won't update mysq, so that is what version I built this theme on.
I would love to see it in use so let me know.
I'm going to set up a Moodle portal in my school based on version 1.7 in a few weeks. I would love to use Formal Blue but it's not yet compatible. Do you plan to work on it ? I should be able to help you some time.
cheers
nicolas.
I would work on a version for 1.7 but I can't test in that environment. My provider will not upgrade mysql so I am stuck with 1.5.3
I just loaded it in my new 1.7 install, and it looks OK except for the calendar. The right side of the days extends too far, so that Sat is outside the border.
I wish that developers would create their headers without text so that the individual site's title would be displayed without having to involve Photoshop. Yeah, so I'm lazy.
Lane
You do not mention which platform nor which browser you are using. Anyway, for me Formal Blue does not work under Windows XP with FireFox 2, but it works OK with MS Internet Explorer 7, except for the calendar which looks as shown on attached screenshot. Is this the problem you are talking about?
Joseph
The problem I'm seeing is in Win XP and IE 7, shown here. Strangely, it works fine in Linux/Firefox2.
Lane
Hi Will,
Just tried your new Formal blue theme downloaded from the Moodle themes database. Most files dated Nov. 17th, 2006 with Windows XP.
- Formal blue works OK with Moodle 1.6 and 1.7 in MS Internet Explorer 7.
- It does not work with either versions of Moodle in FireFox 2.
See attached screenshots.
Also it seems to be missing the following icons:
- pix/i/return.gif
- pix/i/questions.gif
- pix/i/stats.gif
- pix/mod/data/icon.gif
- pix/a/r_previous.gif
- pix/a/r_next.gif
Hope you can remedy these glitches,
ATB
Joseph
If someone else wants to take a crack at fixing the issues in 1.6 and 1.7 in Firefox I would appreciate it.
Here you have, Will, a Firefox 2 repair attached. I added some padding and margin, height and width to extra.css and added extra.css to config.php
All those changes are not necessary so you can just compare fw_layout.css and extra.css and include the changes you need. I tested this with moodle 1.6 and 1.7 and it was working ok with my Firefox 2
Copy files extra.css and config.php to your Formal_Blue theme-folder and that's it.
I've tried it on Moodle 1.7 (MAMP/Firefox 2 MacOS X). It seems to work well except I can't have the theme small icons (always formal_white ones) even after cleaning the browser cache. I had to copy gif files into the mail pix directory. I think some small icons (questions.gif etc...) are still missing also.
nicolas
As you and Joseph earlier said they are missing. I think Will can add them (or everyone can copy those icons to pix folder from some other theme). I just added the extra.css to make this theme work in Firefox.
Mauno
Nicolas.
OK. Here is a repaired config.php attached
I checked the code and it was corrupted, now it looks really nice. I will send the missing pix later.
Thanks for your improvements to the Formal Blue theme. It is now working OK in Firefox 2.0 on Windows XP. However there are still 2 problems.
- There is a slight misalignment of the breadcrumb in Moodle 1.6.3 (as seen on the screenshot, the breadcrumb is too low. There is no such problem in Moodle 1.7.
- I personally find it really hard to read the breadcrumb text where the text color is blue or black on blue background. The only text I can see well is the combination of white on blue background. This maybe because (like a large proportion of the male population) I am partially color-blind, but I would be curious to know what others think.
Joseph
If you are having problems still I will do what I can but my hands are tied with the server issues.
I made those small changes that Joseph noticed. The "final package" is here.
I think it is time for me too to make some other things for a while...
Btw, how can i put those icons in the middle of the front page as shown in the imagem in the first post?
Thx
The rest I really don't understant how to do it
Can you please tell me where the color control for the fonts in chat are located? Which css file. I think it should be somewhere like .chat-message.
James
If some feature is not in theme css then it is in some of standard theme stylesheets. You may add new css tags to any theme (or just copy from standard theme css and change them)
Look at http://moodle.org/mod/forum/discuss.php?d=26507 for the chat text color.
I've look in the following "standard theme" css files:
styles_color.css, style_fonts.css, style_layout.css, styles_moz.css
I couldn't find the ".chat.message.text" as listed in your link
----------
chat-message .text {
color: #FF0000;
}
---------
I'll recheck the Moodle 2.0 theme again.
We had a problem with people viewing on a monitor with a higher res than 1024x768 as they'd see a blue block at the top right of the header.
To fix this we took created added the attached graphic into the pix folder and changed the code in font_color.css from:
#header-home, #header {
background-color: #6B77AB;
border-color:#C6BDA8;
}
To
#header-home {
background: url(pix/bg.jpg);
border-color:#F7F6F1;
}
#header {
background-color: #6B77AB;
border-color:#C6BDA8;
}
Seems to be working fine in browser checks so far, so I thought I'd share it here!
Please support me to have something look like:
How can I have login block as the first post? and How can I have main menu that include couse categories and then when user choose one category, it will show courses in the middle like table of icons?
Thanks,
I'm having another issue now, though -- the placement of the login line and dropdown box.
In IE 6, these appear in the line where the breadcrumbs would be. In Firefox 2.0, it's up in the top right-hand corner. (I haven't tested IE 7 to see how it comes out there.) [see image]
Anyone have any ideas?
Cool Theme!
Silly question here...sorry...Moodle newbie...
I found some information about how to "install" some of the modules and blocks...but how do I "install" this theme? Do I need to replace files with the ones you have in your download?
I went through the read-me and didn't get enough help. (Could be my lack of knowledge...not a lack of information...)
Any help would be greatly appreciated!
Thanks.
Lowell
Take a look here and see if this doesn't get you started:
http://docs.moodle.org/en/Themes
atw
I've got it working on Moodle 1.8.3+ and it looks quite good. However, I've noticed that there are a few "invalid" or "corrupt" files in the archive:
icon.gif file in the \pix\mod\assignment\;
icon.gif file in the \pix\mod\chat\ folder;
tf.gif in the \pix\mod\quiz\pix\ folder;
I can't open these in my image viewer - it gives me "can't determine type" errors. The file sizes for these images are 0kb, which isn't right...
Has anybody got working copies of these images?
Cheers
Steve