New Theme 'prettysimple' (currently waiting approval):
Demo
Download link on the site.
Nice and simple theme but quite effective in its design.
Drop down menu also included in the header.
I hoe you like it!
Looking good Dan
But the drop down being on the end of the logo tends to start dropping down to the next line if you only slightly resize the browser window.
Rob
I'll look into this, I was trying to avoid setting the width of any elements as the layout is a centred layout.
I encountered many problems with the EduMoodle Theme where I had fixed the width of the page and this effected lots of other deeper pages within Moodle.
Perhaps if i get it to fit 1024 then the menu moving wont be such and issue.
I encountered many problems with the EduMoodle Theme where I had fixed the width of the page and this effected lots of other deeper pages within Moodle.
Perhaps if i get it to fit 1024 then the menu moving wont be such and issue.
My theme still hasnt been added to the database, does anyone know why that might be?
Cant access your site or the download link 
My web host has been doing some maintenance over the last couple of nights, should be ok now.
Its just a subsite of the EduMoodle theme.
Its just a subsite of the EduMoodle theme.
Hi Dan
If you click on your demo link you end up trying to install "Moodle" on your server!
Look like an IP originating in Russia has chosen to delete my config files, my server is about as secure as a very unsecure thing. Mainly because all it does is host 2 moodle installs and 2 zip files.
Something to do tonight i supposse!
Something to do tonight i supposse!
The Moodle demo theme sites are back online,
EduMoodle Theme:
http://edumoodle.veloxserv.co.uk/moodle
NEW
prettysimple Theme:
http://edumoodle.veloxserv.co.uk/19/moodle
These things are sent to try us!
EduMoodle Theme:
http://edumoodle.veloxserv.co.uk/moodle
NEW
prettysimple Theme:
http://edumoodle.veloxserv.co.uk/19/moodle
These things are sent to try us!
The prettysimple theme has a nice drop down menu in the top right hand corner of the page, however it has proved a little buggy in IE7.
It has now been fixed:
Demo
Download Lastest Version
Or to make the change to the theme yourself simply edit:
edumoodle.css
At the end of this file replace:
#topmenu ul li li a:hover{
background-image: none;
border-bottom: 1px solid #f59231;
}
#topmenu ul li ul {
left: -999em;
}
#topmenu ul li:hover ul ul, #topmenu ul li:hover ul ul ul {
left: -999em;
}
#topmenu ul li:hover ul, #topmenu ul li li:hover ul, #topmenu ul li li li:hover ul {
left: auto;
}
With:
#topmenu ul li li a:hover{
background-image: none;
border-bottom: 1px solid #f59231;
min-height:0;
}
#topmenu ul li ul {
left: -999em;
}
#topmenu ul li:hover ul ul, #topmenu ul li:hover ul ul ul {
left: -999em;
min-height:0;
}
#topmenu ul li:hover ul, #topmenu ul li li:hover ul, #topmenu ul li li li:hover ul {
left: auto;
min-height:0;
}
It has now been fixed:
Demo
Download Lastest Version
Or to make the change to the theme yourself simply edit:
edumoodle.css
At the end of this file replace:
#topmenu ul li li a:hover{
background-image: none;
border-bottom: 1px solid #f59231;
}
#topmenu ul li ul {
left: -999em;
}
#topmenu ul li:hover ul ul, #topmenu ul li:hover ul ul ul {
left: -999em;
}
#topmenu ul li:hover ul, #topmenu ul li li:hover ul, #topmenu ul li li li:hover ul {
left: auto;
}
With:
#topmenu ul li li a:hover{
background-image: none;
border-bottom: 1px solid #f59231;
min-height:0;
}
#topmenu ul li ul {
left: -999em;
}
#topmenu ul li:hover ul ul, #topmenu ul li:hover ul ul ul {
left: -999em;
min-height:0;
}
#topmenu ul li:hover ul, #topmenu ul li li:hover ul, #topmenu ul li li li:hover ul {
left: auto;
min-height:0;
}
I find the section area a bit to narrow, would it be hard to make the template supporing dynamic width?
Not quite sure what you mean by dynamic width Tor ... but I increased the width of the Prettysimple theme as follows, and the width changes with screen resolution:
in edumodle.css
I change this
#page { /*Sets the width of the page*/
width: 75%;
/*min-width: 810px;*/
margin: 16px auto;
padding: 0;
background: #fff;
}
to this
#page { /*Sets the width of the page - 88% is % of screen width*/
width: 88%;
min-width: 900px;
margin: 10px auto;
padding: 5px;
padding-bottom:10px;
background: #DCE1E1;
}
It gives me a wider page but it will never go below 900px. The other changes are cosmetic.
in edumodle.css
I change this
#page { /*Sets the width of the page*/
width: 75%;
/*min-width: 810px;*/
margin: 16px auto;
padding: 0;
background: #fff;
}
to this
#page { /*Sets the width of the page - 88% is % of screen width*/
width: 88%;
min-width: 900px;
margin: 10px auto;
padding: 5px;
padding-bottom:10px;
background: #DCE1E1;
}
It gives me a wider page but it will never go below 900px. The other changes are cosmetic.
I will try this. It's good to see that the change is done just one place...good work!
I did some changes to styles_layout.css, header.html and footer.html.
I also added some images to the templates.
Basically, I added left and right divs to header and footer, and floated them left and right.
I also replaced the width of the outer elements with min-width.
I also added some images to the templates.
Basically, I added left and right divs to header and footer, and floated them left and right.
I also replaced the width of the outer elements with min-width.