Aardvark Pro 1.2 - Released

Aardvark Pro 1.2 - Released

by Shaun Daubney -
Number of replies: 222

New version is out...

http://moodle.org/mod/data/view.php?d=26&rid=2618

It's VERY different, but also not so different, still sorry to those who like the old style, you're more than welcome and encouraged even to modify the theme to match your organisation.

Attachment screenshot.jpg
Average of ratings: Useful (8)
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Chris Delaney -
Hey Shaun,

The theme looks good. I like the menu bar, subtitle etc

Only comment, the Profile block doesn't look as neat as the previous version. No big deal.

Good job.

In reply to Chris Delaney

Re: Aardvark Pro 1.2 - Released

by Chris Delaney -
Apologies,

Just realised I can change the background color of the profile name and options etc etc.

I'm don't know much about coding themes etc, but I changed the profile name background-color and profile options background-color to #C2DFEF - it makes the profile block look better (in my opinion). Will this cause any problems that you can think of?

If I wanted to change the color of the whole page from light blue? Can you point me in the direction of the background color code - couldn't find it. Sorry.

Thanks also for including a few options in the menu images (menugrad_copy) etc - they look good.

Cheers

In reply to Chris Delaney

Re: Aardvark Pro 1.2 - Released

by Shaun Daubney -
That's ok, you can also try "background: transparent;" to remove the white from the boxes. The white was added to make it more "teen" and bring it in line with the design of some of my other projects. I was going to leave the old 1.1 code in a backup/copy_of too, but thought it would get confusing.
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Blake Hyggen -
Quick question. I am looking for "logo.png" and trying to customize this theme. Where are these files found? I have heard about people changing the background etc. Just wanting to do this myself. I am fairly experienced in web design; however, am new to moodle. Any help would be great.

P.S. Very nice theme!
In reply to Blake Hyggen

Re: Aardvark Pro 1.2 - Released

by Chris Delaney -
Blake,

Once you download the theme folder, look in Images > Header sub-folders to find the logo.

Images > Menu has all the image files for the horizontal menu bar etc etc

Last of all, the aardvark_menu php file has the info for the menu bar ie text and links etc

Good luck.

Maybe post a link to your site when you're done so others can get some ideas?

Cheers
In reply to Chris Delaney

Re: Aardvark Pro 1.2 - Released

by Blake Hyggen -
Awesome, thanks. If you don't mind me asking, what font is used for the "aardvark" text.
In reply to Blake Hyggen

Re: Aardvark Pro 1.2 - Released

by Shaun Daubney -

The font I used is called "Christopherhand" by El Stinger

Note of the author
Dear Fans of my Font!
I’m getting so many requests lately, that I can’t answer them all, so I hope you all read this note.
I’m not a professional fontdesigner and I never planned to make profit out of it, so here are my guidelines:
1. If you want to use it personally (print a t-shirt, use it on your own webpage…) – feel free to do so.
2. If you want to use it professionally (i.e. make money in any way by using it, like printing t-shirts and selling them) don’t ask for any license since I don’t know how or wouldn’t have time to handle it.
If you would however like to show me your appreciation, send me an e-mail, I’ll give you my adress and you can send me something from your hometown (a hard rock café t-shirt - in Size XL - a coffemug or a bottle of tequila, whatever…).

THANX
In reply to Chris Delaney

Re: Aardvark Pro 1.2 - Released

by Blake Hyggen -
Also, I am struggling at finding the links in the drop downs. I am trying to update them so they go to my courses etc... how do I update these links (I have looked at the aardvark_menu.php file and updated the names etc, but I can't seem to find where to change the links. In addition to this, how do I change the drop downs from two column to one column (each of my menus only has three items in the list; so I changed the size of the flyout.png, but am just trying to get the items to fit to one column instead of two.

Thanks Chris, you're first post was VERY helpful.

Blake
In reply to Blake Hyggen

Re: Aardvark Pro 1.2 - Released

by Chris Delaney -
There are no links in the menu.php file yet - that's why you can't find them.

The downloaded file has several lines of code that all look the same starting with ...$text =

Just after this you will see .....a href=" "

You put your link in between the inverted comma's, so if you wanted the link to go to google "www.google. etc" All you need to do is copy the links that lead direct to your courses. Pretty simple?

Then simply change the text >Item One< to read whatever you want, but it sounds like you've done that.

Make sure you leave all the code as Shaun has it in the original file, just add the link between the inverted comma's and change the text.

As for other question about one or two columns. I'm guessing it is in aardvark_css file under

/***
*** Core: Aardvark Menu
***/

but I know nothing about style sheets so you better wait for Shaun.

Cheers



>Student News
In reply to Chris Delaney

Re: Aardvark Pro 1.2 - Released

by Chris Delaney -
Just ignore that student news link - I was trying to show you something and yep...... ignore it.
In reply to Blake Hyggen

Re: Aardvark Pro 1.2 - Released

by Shaun Daubney -

For the columns you need to remove the fixed width of the links...

#aardvark_menu li ul li{
 list-style:none;
 float:left;
 background:transparent;
 padding-left:9px;
 height: auto;
 font-size:0.9em;
 width:12em;
}

In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Blake Hyggen -
I tried deleting the width:12em;tag, but it still is running a two column list.
Feel free to check it out at classes.mrhyggen.com
In reply to Blake Hyggen

Re: Aardvark Pro 1.2 - Released

by Uwais Lunat -
Try changing it to width:24em done the job for me.
How did you resize the box behind the links? mixed

In reply to Uwais Lunat

Re: Aardvark Pro 1.2 - Released

by Gerrard Shaw -
Hi Shaun,

Is it possible to take the new header with the fixes (no tables?) and merge it into the old style aardvark theme? Is there any CSS I need to take over for it to work?

(btw for anyone who hasn't seen the 1.1 thread I've got an IE6 compatible menu that can be dropped in if you're stuck with the browser from hell wink )
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Nick Cook -
Great theme! Best one out of the entire theme db in my opinion.

I have a question not totally related to the theme. How are you adding content above the 'Student News' block on your site? Are you hand coding this in, or is there a module/block that I can plugin to achieve similar results?

Thanks again for the great theme.

-Nick

In reply to Nick Cook

Re: Aardvark Pro 1.2 - Released

by Chris Delaney -
Nick,

One way to do this as follows, log in as admin and in Site Admin block.....

Front page > Front page settings

Tick "Include a topic section" to Yes

Then back to front page, turn editing on and 'Add a resource' - I just use a label on my site.

Hope this helps.
In reply to Chris Delaney

Re: Aardvark Pro 1.2 - Released

by Nick Cook -
Yup that did the trick for me, thanks for the tip!

Next off topic question, would be how to achieve the blocks on the left hand column on the demo site. Are these just hand coded html blocks?

thanks again,

Nick

In reply to Nick Cook

Re: Aardvark Pro 1.2 - Released

by Chris Delaney -
Yep, hit that turn edit on button and add a HTML block.
In reply to Chris Delaney

Re: Aardvark Pro 1.2 - Released

by Nick Cook -
See you have been so helpful I just have to keep asking questions ;)

Has anyone used the flexpage course format with this theme? It seems like a great format to build a course on, but I cannot get any top menu items to show up when using this theme. Is there something I am missing?

Thanks again,

Nick


In reply to Nick Cook

Re: Aardvark Pro 1.2 - Released

by Paullo Abreu -
I've been using it for some time now and have no problems..
In reply to Nick Cook

Re: Aardvark Pro 1.2 - Released

by Nick Cook -
And the top nav menu of the flexpage course works out of the box?

Hmmm, wonder I have done wrong.
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Sergei Yegorov -
Hello,
Love this theme but when I tried to install it on my latest moodle 1.9.7 got aardvar (Moodle 1.4) and the theme doesn't work at all.
In reply to Sergei Yegorov

Re: Aardvark Pro 1.2 - Released

by Liam Nicholson -

Don't use FTP use your hosting companies file manager. But I think Shaun has fixed this now so you could download it again and try it. (Something to do with files built half on mac,half on windows)

PS. You need to extract file using hosting companies file manager

In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Jonathan Konrad -
This is a great theme. Thank you for your hard work, and our high school thanks you for sprucing up it's Moodle look!

I'm having a small problem. On a test server I whipped up your theme looks just how I want. I think it is scaling to fit the screen and that is good. You can see my modifications here:
However, when I moved the theme to our actual website or moodle server it looks different. On large screens I see the top graphic tile or repeat itself. The middle content is smaller too. You can see that work here:
To make it even more strange the difference in appearance occurs only with Firefox and IE, but not Chrome.

Do you have any thoughts? I would prefer to have it look like the first link. Stretched to fit. Again, thank you for all the work.
In reply to Jonathan Konrad

Re: Aardvark Pro 1.2 - Released

by Nick Cook -
I checked both your links, and they both show up exactly the same to me. I have a 26" monitor and do see the tiling of the background image, I imagine just delete the 'repeat' tag in the CSS file if you don't want it to tile.


In reply to Nick Cook

Re: Aardvark Pro 1.2 - Released

by Jonathan Konrad -
So it does not strech for you ever? Which browser are you using? Thank you.
In reply to Jonathan Konrad

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
That's because the page is set a fixed width in the CSS

#page {
border: 0px solid #ffffff;
margin-left: auto;
margin-right: auto;
max-width: 960px;
}

Unless it should read...

min-width: 960px

I use resolution 1024 x 760 so was not aware that this theme had a fixed width. I would think that it can be changed easily enough by changing page width.



In reply to Jonathan Konrad

Re: Aardvark Pro 1.2 - Released

by Chris Delaney -
Jonathon

I checked your live site (2nd link) it looks fine, but couldn't see the test server?

Just a question for yourself and others - Does your text in menu display slightly different in Chrome and FF.

FF looks much cleaner than Chrome - anyone have any ideas?

Finally, Jonathon - I really like that background banner in the Header - any chance I could get a copy of thatsmile?

Well done, site looks good.
In reply to Chris Delaney

Re: Aardvark Pro 1.2 - Released

by Jonathan Konrad -
This is an interesting Rabbit hole. If I remove the max in both of these locations (in red):

#page {
border: 0px solid #ffffff;
margin-left: auto;
margin-right: auto;
max-width: 960px;
}

#pagelayout {
width:960px;
margin-left:auto;
margin-right:auto;
}

Then the Moodle columns will fill the page regardless of my screen resolution. However, the title graphic will not scale (obviously), plus as my resolution increases my text appears smaller and more and more information fits on the screen.

It appeared for awhile that if I do not change the comments above but use chrome or IE 8, the page will scale to fit the screen regardless of the screen resolution. When I say scale I mean appear to get larger as screen resolution increases. In this way I can get a really good sense of what students will see on monitors at 1024x768 and up. Even at very high resolutions they will not see any more text or info, it will just be larger.

I say appeared, because now I can not reproduce the problem on all machines in may lab. Some will scale with the screen. Others will display it tight with lots of red around it and a tiled header graphic. Clearly not a problem with the theme. Perhaps it is my server that is at fault.

Thank you for your patience. The header files can be grabbed here
Glad you liked the site.
In reply to Jonathan Konrad

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Try setting width to 100% in both instances.

Also you need to change the background from repeat-x to no-repeat. You could also try making it fixed rather than letting it scroll.

As for your other problem of not being able to reproduce the resize problem...it might well be that each computer in the lab is set differently when viewing. FF you can scale the text up or down with ctrl++ and ctrl+- . IE I don't use any more with all the hype that's going on about hackers, and the like. But even so you can still alter the size of text in IE to suit your own personal preferences. I'm partially sighted so I tend to have it set to a larger font size than most.

Other than that it's looking good. I love the background image.


In reply to Jonathan Konrad

Re: Aardvark Pro 1.2 - Released

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

Further to my last comment above, I'd like to add that there is something odd going on with the background image. I wasn't aware of it happening last evening because my eyes were fixed on the center of the page and so did not notice the odd tiling effect top left of the screen just behind your site's Logo while loking at the site's CSS in Firebug (FF Plugin) this morning.

In this view I noticed that the background seemed to shift, bepending on where the mouse hovered. When selecting the menu the titling started to appear, and when I moved away from the menu area the tiling stopped.

I made some alterations to the CSS body making the background like so...

body {
background:#B71918 url(images/core/brhs-overlay.jpg) no-repeat fixed left top;
color:#4B4B4B;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
}

Notice I used LEFT TOP as background positioning as I could see no point in putting an image center top, as you had it, since this would leave a gap at the lefthand side when on the largest screen size. Come to think of it that was probably the problem with tiling you were seeing.

Mary



In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by Jonathan Konrad -
Thank you for all the help. I decided to just specify a max width of 1280px and let it crowd the sides till the user hits it with a big screen. I also changed the background header graphic to stick to the left and not tile as Mary suggested.

The final product will be here : www.brhs.ab.ca (but it will not be up till Monday, Jan 25th, 2010).

One teacher has asked me to take the theme and make it white text on a black background everywhere. I started too, but I don't know where all the css is. This is my efforts so far: http://www.brhs.ab.ca/moodle/course/view.php?id=17

If any one knows how to quickly flip the default text everywhere in every mod and block to white on a black background, I would appreciate it. I think it's not as nice as the original theme, but this teacher really likes the white on black. Thank you. The discussion here has been great!
In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by Premath Menezes -
Thank you Shaun, the theme is excellent.

I have been trying to customise the theme, but I am unable to change the background color. #C0DEED. I have tried changing the color to #ffff50 in aardvark.css file. This is how it appears

body {
background:#ffff50 url('images/core/overlay.png') no repeat side top;
color:#4b4b4b;
font-family: Arial, Helvetica, sans-serif;
font-size : 14px
}

This change is not reflected in the webpage (I use Firefox, but I have also checked it in IE) and when I inspected it with Firebug it still shows #C0DEED.

Is there any other place I need to change the code.
In reply to Premath Menezes

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
I'm surprsed you say any color at all, as there were some errors in your CSS.

I think you will find it will work if you replace it with this...

body {
background: #ffff50 url(images/core/overlay.png) left top no-repeat;
color:#4b4b4b;
font-family: Arial, Helvetica, sans-serif;
font-size : 14px;
}

Regards

Mary
In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by Premath Menezes -
Thank you Mary,

I tried changing the code as suggested by you in ardvark.css file. But the background color does not change. On inspecting with firebug it still shows background as #c0DEED. It also indicates the code in Styles.php.

Is there anywhere else I need to change the code. I have attached the screen shot.

Regards
Premath
Attachment Picture2.gif
In reply to Premath Menezes

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Well Premath...I don't know what you are doing, but I copied a new aardvard.css straight from the zip file I downloaded originally a few weeks ago.

In aardvark.css I found only two instances of the pale blue b/ground color #CODEED

1)
body {
background: #c0deed url(images/core/overlay.png) center top repeat-x;
color:#4b4b4b;
font-family: Arial, Helvetica, sans-serif;
font-size : 14px;
}


2)
.forumpost .picture,
.forumpost .topic {
background:#c0deed url('images/forum/forumheader.png');
border:0px;
}


I changed the body one to this...

body {
background: #ffff50 url(images/core/overlay.png) center top repeat-x;
color:#4b4b4b;
font-family: Arial, Helvetica, sans-serif;
font-size : 14px;
}

saved the new file and overwrote my previous version of aardvark.css in my moodle directory, on my WAMP server, installed on my computer. Below is a screenshot of the effect I achieved by that ONE change...so what is it that you are doing wrong?

aardvark.jpg Hope this problem is resolved soon...I'm running out of ideas! LOL

Regards

Mary
In reply to Jonathan Konrad

Re: Aardvark Pro 1.2 - Released

by Arizio Jobim -

Good morning, Jonathan Konrad'm new here in the community moodle, I wonder if you can give me a help on how to make a menu similar to yours? The problem is that I understand very little about html and css, as long as a thank you.

Attachment Menu.JPG
In reply to Shaun Daubney

Menu levels

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Hi Shaun
Fantastic theme!! I'm currently playing with it with a view to replacing my existing them on my school website - and learning css as I go!
One question, is it possible for me to code additional levels for the menu system? If so how, or where should I look for help to do this - I am a newbie to css, but keen to learn.
Eg. my top level menu includes YEAR GROUPS, on the existing menu system I can then add the year groups (Nursery to Year 6 -we're a Primary school), but would like to be able to have another lower level in this menu where visitors can select individual classes from each year group (we have upto 3 classes in each year group).

Much thanks for any help (as well as for the help already received by reading through these forums - from all contributors!)

Richard

Screenshot of menu set up in dummy site
Attachment menu_screenshot.jpg
In reply to Richard Oelmann

Re: Menu levels

by Liam Rutherford -
Hi there Shaun,

Great work on the theme.

I would also really like a second level to the menu system, is this possible?

From Liam
In reply to Liam Rutherford

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: Resizing the login font

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

I've just been looking at the profile block of this theme and came up with a few changes which suit my site better. Not sure if this is what you were after doing re the font resize, but I'll let you decide.

You will need to look for the Core Profile Block in aardvark.css
!IMPORTANT Be sure to make a copy of this css file before you start to change it. Then you will have a back-up copy should it not suit your needs.

Here's a screen-shot of the area I changed

aardvark-profileblock.jpg


This is the CSS with my changes

/***
*** Core: ProfileBlock
***/

#profileblock {
float: right;
text-align: right;
max-width: 550px;
right: 0px;
}

#profilepic {
text-align:right;
float: right;
margin: 8px 0 8px 8px;
width: 80px;
height: 80px;
border: 1px solid #ffffff;
}

#profilename {
background-color: transparent;
text-align:right;
width: 440px;
margin-top:12px;
float: right;
padding-right: 5px;
}

.profilename, .profilename a {
background-color: transparent;
color:#2f2f2f;
font-size:1em;
letter-spacing: 2px;
text-decoration: none;
font-weight:bold;
margin-right:5px;
}

.profilename, .profilename a:hover {
background-color: #f12711;
color: #ffffff;
text-decoration:none;
}

#profileoptions {
text-align:right;
width: 440px;
margin-right: 10px;
float: right;
}

#profileoptions ul li {
padding-left: 5px;
padding-right: 5px;
margin: 0;
font-size: 80%;

}

.profileoptions {
background-color: transparent;
color:#2f2f2f;
text-decoration: none;
letter-spacing: 2px;
}


.profileoptions, .profileoptions a {
background-color: transparent;
color:#2f2f2f;
text-transform: capitalize;
}

.profileoptions a:hover {
background-color: #f12711;
color: #ffffff;
text-decoration:none;
}


In reply to Mary Evans

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: Resizing the login font

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

Glad you found the info useful. My site is in transition, always changing theme depending on what I'm testing.

Your site looks good from the screen shot, but what is it you are trying to change in the footer which is causing you so much grief? Whenever I alter either the header.html or footer.html in Aardvark the changes I make, to either files, are always seen directly I upload and overwrite the existing header or footer file, after refreshing the browser.

I have never had to change the theme name, although this problem has happened to other Moodlers using other themes.

Could it be something to do with the type of server?

If you let me know what it is you are changing in the footer, I'll try and reproduce it on my Moodle server on my computer.

Regards

Mary


In reply to Mary Evans

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: Resizing the login font

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

How very odd!

Yes, please send me the folder and I'll take a look at it.
I'll send you my email in private message.

Thanks

Mary
In reply to Mary Evans

Re: Resizing the login font

by Chris Delaney -
Mary, I had a look at your Demo site and it looks great.

Two questions. How did you code the submenu items? and where do you change the background colour of the drop down menu (not the rollover) your's is currently set to a white/transparent colour.

CHeers

Chris
In reply to Chris Delaney

Re: Resizing the login font

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Hi Mary,
Also been to your demo site - am I right in saying that the coding for the submenus is from Patrick Malley's base_menu_yui theme? I've also been playing with that as it seemed to answer my previous query about being able to add submenus. As to changing the background colour for it, on my trial/play/'learning as I go' site (only on localhost server at the minute, so can't put it up as a demo) I copied all the menu.css into the aardvark.css file and edited the .yuimenu background colour in there (not at that computer to copy the actual code area, but will post later with it if needed). But would also like to know how to get the semi transparent effect - just chaged mine to a different solid colour at the moment as I was trying it out yesterday.

One thing with this though - on both my trial local setup and I noticed on yours Mary, the first time you hover over a top level menu, the background behind the drop down only comes part way down the menu list. Once you have moved away from the menu and return to it, the background is behind the whole list. Any ideas?

Richard
In reply to Richard Oelmann

Re: Resizing the login font

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

Yes you are right, the menu is the same one Patrick incorporated into his new theme. I found the YUI system fascinating, and so I started to play around with it.

The white background uses an opaque filter. The background effect is a bit disappointing because the reaction time is so slow and so only appears to colour part of the menu drop-down box. I'm wondering if it's because of the filter or something else, perhaps the YUI css? I've also noticed that the background colour (should doesn't always change when hovering over the links down the various sub-menus but does will work at other times. Very odd!

I've looked at js.php to see if there is anything there that's causing the delay in reaction time. Could be the fact that it has to mine quite deep to get the various js scripts from the YUI library.

Cheers

Mary
In reply to Mary Evans

Re: Resizing the login font

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Hi Mary,
Don't think its the filter causing the delay or the part completed drop down when the menu is first looked at as this was happening on mine before I added the opaque filter - but haven't had opportunity yet to dig (and hoping that as a css/php learner I'd be able to spot the problem if I did find it!)

'Playing' with the aardvark theme and the php and css files as well as Patrick's menu has been a fantastic learning experience, especially with the posts and discussions on this forum to help out - even if I have made my sandbox site look a bit of a mess with all the different things and colours etc. I've been trying out. Time to start again and put what I've learned into some sort of order and document it so I can put it live I think - but then that's what a trial site is for isn't it!

Richard

PS - probably not the right place for this but just a query - does anyone else have a problem with the moodle html editor when using Google Chrome? It's fine on Firefox but doesn't come up at all if I try to edit anything in Chrome.
In reply to Richard Oelmann

Re: Resizing the login font

by Jon Witts -
Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers
Hi Mary,

The standard html editor in Moodle 1.9 does not work with any webkit based browsers (safari, chrome or epiphany). Moodle 2 will use a different html editor that plays nicely with webkit browsers. smile

Jon
In reply to Jon Witts

Re: Resizing the login font

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Thanks for that info Jon.
More than happy to stick with Firefox for the moment at least - just was trying out Chrome and found it didn't work.
Have already looked at Moodle2 in advance and looking forward to doing so properly when it reaches beta.

Richard
In reply to Chris Delaney

Re: Resizing the login font

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Chris,
Found how to put the transparent effect in:
If Mary has used the base_menu_yui code for the menu, then in the css file (menu.css in the original, but as I mentioned above, I have copied that into the aardvark.css file so I only have to look in one place) find and edit the block for .yuimenu. You can change the background colour in there and also add a value for opacity. Playing around with this this morning, found that this opacity works cumulatively on each sub-level though ie. each sublevel gets more transparent, which also seems to happen on Mary's demo - but was much more obvious on my test setup as I used a colour rather than white. Seems best then to keep the opacity level quite high, depending on how many sublevels you anticipate using. Will let you know if I work out how to get around that.


.yuimenu /* Sub container */
{
background: #77f; /*pale blue */
opacity:0.9; /* set transparency value */
}


Richard
In reply to Chris Delaney

Re: Resizing the login font

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


My DEMO site is a work in progress...but thanks for your comments. smile

All the CSS for the Aardvark theme I am testing is in the Aardvark.CSS file ... the menu uses Javascript from the YUI files which are in the Moodle lib directory. More about this in Patricks Malley's post see link below.

The transparency I achived was by using CSS opacity property, you can read more about it here...

http://www.w3schools.com/Css/css_image_transparency.asp


As for the Menu I got the idea from Patrick Malley with his new Base Menu YUI Theme, which you can read about here...

http://moodle.org/mod/forum/discuss.php?d=142778


Cheers

Mary


In reply to Shaun Daubney

Removing the sub menu boxes

by Cláudia Amorim -
Fist of all let me congratulate you for the great theme!

In the site in trying to put up I don't need the sub-menu items on the horizontal bar. So only the "menu one", "menu two", ... would be used and "item 1", "item 2", ... would be left out.

In the aardvark_menu.php file I've already removed the "item x" entries, but the white boxes are still there. Where should I go the remove them?
Thank you.

Attachment aardvark_menus.png
In reply to Cláudia Amorim

Re: Removing the sub menu boxes

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

If you only want to use the Menu bar as a set of links, without the sub-menus, then you need to delete more that just the individual sub-menu items.

Before you do anything, make a copy of the aardvark_menu.php file.

In the aardvark_menu.php file you will need to either 'comment out' or delete the existing menu HTML/php mark-up which is about halfway down the page, below the script code which ends with...

</script></a>
</div>

You will then need to add the following HTML/php mark-up to replace it. This is just the bare-bones of the menu bar.

<ul>
<li><a href="<?php echo $CFG->wwwroot.'/' ?>"><img width="18" height="17" src="<?php echo $CFG->httpswwwroot.'/theme/'.current_theme() ?>/images/menu/home_icon.png" alt=""/></a>
</li>
<li><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu One</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu Two</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu Three</a></li>
<li><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu Four</a></li>
</ul>

I hope this helps?

In reply to Mary Evans

Re: Removing the sub menu boxes

by Cláudia Amorim -
Thank you Mary! It worked just perfect, really helpfull.
In reply to Cláudia Amorim

Re: Removing the sub menu boxes

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
That's good to know Claudia. Glad I could be of help!


In reply to Mary Evans

Re: Removing the sub menu boxes

by Rob Cunniffe -

Can I ask a follow up to this...

I want some menus to have submenus but others not to...

Rob

In reply to Rob Cunniffe

Re: Removing the sub menu boxes

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

First decide which sub-menus you want to keep and those you want to dump.

Then find the relevant menu/sub-menu in the aardvark_menu.php file.
You will find the menu blocks look like the highlighted code below.

PLEASE NOTE

Remember to make a copy of your original aardvark_menu.php file (something to fall back on if your edit doesn't work).

<li><div><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu One</a>

<ul>
<h4>Subtitle Text</h4>

<?php

$text ='<li><a href="">Item One</a></li>';
$text .='<li><a href="">Item Two</a></li>';
$text .='<li><a href="">Item Three</a></li>';
$text .='<li><a href="">Item Four</a></li>';
$text .='<li><a href="">Item Five</a></li>';
$text .='<li><a href="">Item Six</a></li>';
$text .='<li><a href="">Item Seven</a></li>';
$text .='<li><a href="">Item Eight</a></li>';

echo $text;
?>

</ul> </div></li>


To remove the sub-menu part delete the code as highlighted in GREEN
What you are left with will be a <div></li> this should now tag onto the end of the top line and look like this...

<li><div><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu One</a></div></li>


Hope this helps?

Mary
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Paullo Abreu -
Dear Shaun, First and foremost, thank you very much for the theme. It is the best!!
I've customized the colors for a moodle site I manage and I've been asked to change the white background too.
I'd like to add a gradient blue/white background to the white background portion of the page, but I don't know how or what file to modify. Can you or somebody help, please?
This is the page I'm customizing:
http://www.yorkli.com.br/yorkonline/
Cheers!
In reply to Paullo Abreu

Re: Aardvark Pro 1.2 - Released

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

You can put background image in this part of the CSS page

look for the following code in the aardvark_color.css in your theme's folder

eg: aardvark_beta_auto_menus/aardvark_color.css

body {
background-color:#FFFFFF;
color:#000080;
}

change to

body {
background:#FFFFFF url(type in the location of the background image here) left top repeat-x;
color:#000080;
}

I'm assuming the image gradient fades to white at the lower edge so it only needs to cover the top half of the page. However you will have to use your own judgement on how it has to behave, what I have suggested is just that, a suggestion!

Regards

Mary



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

Re: Aardvark Pro 1.2 - Released

by Paullo Abreu -
Dear Maria, a million thanks for the help you have provided. It solved my problem in minutes!
In reply to Paullo Abreu

Re: Aardvark Pro 1.2 - Released

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

Muitos obrigado ... I am pleased it worked out OK!

Mary smile

In reply to Shaun Daubney

bar in course view

by Djalma Novais -

Hi, I liked your theme. I'm using and learning a lot from it. I'm an amateur and I have a question.
I made some changes to the lay-out and after that I can not view the image that shows a box of grouped activities in the body of the course. See the figure below. I speak of the vertical gray bar that involves the number 9 (in red).
This bar is gone.
Where do I set up this bar? I searched in aardvark.css, couse-view but I could not make it appear again.
Thanks.

 Course View

In reply to Djalma Novais

Re: bar in course view

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

Have you checked to see if the icon one.gif is in your Aardvark i (icon) folder?
It should be in this location...

theme / aardvark_pro/ pix / i / one.gif


If it's there and it is still not showing, then you may have altered something while making layout changes. If you are not familiar with CSS, it is very easy to create problems.

Without more information it's difficult to help you find a solution.

Mary



Edited: @ 23:10pm - Could it be you have switched off the facility in Course Settings?

Site Administrator > Courses > Course default settings > Hidden sections

(How the hidden sections in the course are displayed to students.)

Here it gives you two options - hidden sections can be either collapsible (drop-down mode with grey bar) or Invisible to students (hidden with no grey bar) - Just a thought!
In reply to Mary Evans

Re: bar in course view

by Djalma Novais -
thank you for your answer. the icon .gif is showing without problems. what is not showing is the gray bar around it.
what I would like to know is what is the line of command that controls this bar.
is it in aardvark.css? if so, specifically where is it?
thank you again. If you are interested in taking a lot at the changes I have managed to make in the site you can check at http://www.dla.com.br/universidadecorporativa.
comments are more than welcome.

In reply to Djalma Novais

Re: bar in course view

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Bom dia! smile

I think I understand you now.

Try looking for this code in aardvark.css

#course-view .weekscss .section,
#course-view .section td.side
{ background: #739FC4 none repeat scroll 0 0; }

But it is is not there then add it at the bottom of the css page. OK?

I got this off another theme so the colour is in a shade of blue.

I don't see a grey anywhere in my courses view in aardvark either. I don't remember if it was there before or not now!

By the way your site looks very smart - I like it!

Mary
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by david english -
I'm having problems using IE with this theme. It works nicely with firefox and safari but IE in my classroom gives unusual outcomes. The top menu has no functionality at all. It stacks on the left of the screen instead of the proper layout from left to right. The drop downs that appear when choosing a menu item do not show up at all in IE. Any ideas how I can fix this?
In reply to david english

Re: Aardvark Pro 1.2 - Released

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Hi David,
Do you know which version of IE you are using?
I believe the theme does not work under IE6, but should work under later versions (at least that was the case for 1.1 - see http://moodle.org/mod/forum/discuss.php?d=136867) and the advice given is to upgrade the browser, or switch to a different one. Unfortunately I know that's not always possible on classroom computers where you may not be given the admin rights to install new software, so there are several threads in the discussion linked above which point to possible fixes and work arounds for the IE6 issue. I'm not able to try them out though as I don't use IE, but you may find them helpful smile

Richard
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Lee Campion -

Fantastic theme - thanks.

I just have a couple of problems at the moment

  1. I'm trying to customise the menu but have two problems:The double-spacing between the links within the menu means it's limited to 12 items.  I'd rather not enlarge the dropdown so can I change this to single-spacing?
  2. It doesn't seem to fully support "Login as" - on the standard theme it says "[x] logged in as [y]" and you can click on x to log out of that other user - any way to bring that option back?
  3. Is the font height fixed?  When I set some writing to 24 pt it overlaps the text above and below it.

Cheers,

Lee

In reply to Lee Campion

Re: Aardvark Pro 1.2 - Released

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

1) You can find the answers to most of your questions if you take a look at the stylesheet ( aardvark.css ).

2) No it isn't, I am hoping to get my site to use the Login as, I think it looks better. It was in the earlier Aardvark theme so perhaps you could lift it off there and incorporate it into your present site set up.

3) I don't think the font height is fixed but line-height might be. Again it may be a margin or padding that's causing the problem. If you're talking about the Login area, then you can easily change the parameters of the various elements of the Profile Block.


Hope this helps

Mary

In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by Lee Campion -

Thanks Mary...

  1. I'll need to refresh my CSS skills I guess.  As the menu items are the second level of bullet points I guess you can specify an additional style for them.
  2. I think I might be able to sort this but we'll see.
  3. Yes sorry - "line-height" is the term I meant.  I can't find any mention of that in the CSS though.  It's not the Login area though - it's in the main text of every course (eg. topic, labels, HTML areas, etc).

Cheers,

Lee

In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Алексей Соболевский -
Awesome theme! The top-level menu is VERY useful, but I got a question:
How can I hide some top-level menu buttons from unathorised users? For example, If I'm nod logged in - I see Menu1,Menu5. And when I log in I see Menu1,Menu2,Menu3,4,5 so on. I could be very useful to divide which kind of menus to be shown to, for example, 2 types of users : logged in and not logged in.
Thank you!
In reply to Алексей Соболевский

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Hi Алексей Соболевский,

Not sure, but I dare say it could be done using a php if/else statement in header.html, and depending on the outcome, calling different menu.php files to be exacuted. Perhaps something like aardvark_menu_main.php and aardvark_menu_home.php, each with their respective menu options?

smile

Mary


In reply to Алексей Соболевский

Re: Aardvark Pro 1.2 - Released

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Hi.
I'm using Patrick Malley's menu ( http://moodle.org/mod/forum/discuss.php?d=142778#p625085 ) slotted into the Aardvark theme (much the same as on Mary's demo site)
Using that and some of the suggestions from the discussion about that menu theme, I've added a My Course menu item and been able to show a menu depending on whether the user is logged in.

If you take a look at my sandbox site
http://roelmann.net/course/view.php?id=2
I've tried to document what I did and where I got the bits from

I have temporarily set up a dummy account as
username: teacher
password: 1qaz"WSX
if you want to see the differences in the menus

Hope this is of some help

Richard
In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Taking this a step further, does anyone know if it is possible (presumably using php) to tell whether a user is logged in with a given site role - ie: are they a student, teacher or administrator?
I realise the roles can be over-ridden on different courses, but am looking to take Алексей Соболевский's idea even further (in school I have me as admin, teachers, pupils, and parents all logging in and I like the idea of being able to give different menus to different groups if I need to)

Richard
In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
You clever clogs you! smile

Just about to take a look at the site...have been out all afternoon, so missed this post else I would have been here earlier.

Regards this last brain wave of yours, in a forum I managed years ago, we were able to distinguish between different groups, using Javascript which was specially written. Now I'm not saying this would be the way round it , but it may be another option rather than php/ MySQL, because once the user has been identified initially, javascript could be used to associate this info with the menu options. JQuery might be another option also...don't know enough about either really so need to ask one of the Moodle Developer.
In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

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

First of all I love the Sandbox idea! I logged in as Teacher and saw the menues change. I'm impressed!

Your site looks great...and after looking around I found it very informative. You have given me lots of ideas! I'm going to have a go at trying out that menu.php insert later on this evening.

By the way...I like the big buttons on the Front Page, and I read your article on how you created the rollover effect there. I wondered if you knew you can create the same roll-over effect using CSS? In much the same way as JS you use two images, but the code is in the styleing of the a:link and a:hover. The 1st Image is used for the background-image in a:link and the 2nd image as background-image in a:hover. It's the 'hover' which creates the 'rollover effect'.

I'm off now looking to solve the next challenge!

Mary







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

Re: Aardvark Pro 1.2 - Released

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Hi Mary,
Thanks for the feedback.
Sort of knew it could be done in css - but not how, and kind of fell back on the javascript tool as I had used it before on another site I made. I know I will have a look into the css method for it now though, if only to keep everything in css/php to make it easier for other people (and me) to edit and play with in the future.

Richard
In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Success with the different menus for different users idea:
By setting a Department in the user profile and using that as the basis of conditional statements to decide whether to show a menu it is possible to show a different menu for each different group of users.
Using a part of the user profile to achieve this gets around the fact that roles may be set differently system wide and for different courses. However, it is not secure as a user can change their department and therefore access other groups' menus.

To see this working visit http://roelmann.net without logging in, logged in as a guest, logged in as student (username: student password: 1qaz"WSX ) and logged in as teacher (username: teacher password: 1qaz"WSX ). The theming page on my site has more details and a copy of the menu.php script used.

To take this further into using a logged in member's roleid may be a more secure way of achieving this, but I would need help from someone with more knowledge of the moodle system than I currently have. Hope to be able to look into this idea more fully when moodle2 comes out rather than concentrate more fully on it at present.

Richard
In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

by Lee Campion -

Richard,

Perhaps you are working on things at the moment but the menu isn't showing properly for me (Windows 7, IE8).  The first two menu items dropdown fine but the others are messed up.

Attachment Capture.jpg
In reply to Lee Campion

Re: Aardvark Pro 1.2 - Released

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Hi Lee,
Thanks for that.
Not sure what the issue is here as it works fine on both Firefox and Chrome here, both on Linux and WinXP. Also works on my Windows XP/IE8 laptop but don't have a Win7 machine to try it on.

My first thought would be that I've got something out of place in the css, but not sure what at the moment. At a second look, I think the menu headings moving down may be to do with the width they are taking up because of the sub menus all showing at once instead of dropping down, so the main problem is the submenus showing rather than the position of the top level which would correct itself if the spacing issue was corrected by the submenus showing correctly.
The only other thing I can come up with quickly, without having investigated it properly yet, is to ask if javascript is blocked by your internet security settings? I believe the base menu system I used makes use of the yui javascript modules within moodle and if they are blocked by security this may cause a problem with the menu layout.

Would you be able to check out Mary Evans' demo site http://webdesign.visible-expression.co.uk/ - it uses the base yui menu put into aardvark that I have tried to extend - and let me know if that one is OK.
Please could anyone else let me know if they also have problems with this on their browser/OS as obviously if it doesn't work on some combinations I need to investigate why and correct it.
In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

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

I took a brief look at your latest menu via the various options Guest/Student/Teacher.
Well done you! I'm impressed. Everything seemed to work OK on Fire Fox but did not have time to test on other browsers. My OS is Windows XP (Home) Platform Win32.
I have 4 browsers to choose from. These are:

  1. FireFox Version 3.0.13
  2. IE8 Version 8.0.1.6001.18702
  3. Opera Version 10.10
  4. Safari Version 3.2.2

Here are my tests of your menu to date:

  1. FF = Menu/Sub-Menus in all instances AOK
  2. IE8 = FAILED BIG TIME!
    Menu screwed up in all instances.
    (it's a known issue that IE doesn't acknowledge the hover function in this type of menu, but there is a hack on the web for this.) It works after a fashion in 'Computability Mode' (IE8 only). Some odd things happened even in this view mode, the menus would not open, in fact it was difficult to select the drop-down menu. It was as though it was playing hide and seek!

  3. OP = Menu/Sub-Menus in all instances AOK
  4. SAF = Menu/Sub-Menus in all instances AOK
So - as the song goes... (Meatloaf) 3 out of 4 ain't bad! smile

Mary

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

Re: Aardvark Pro 1.2 - Released

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

Thanks Mary,

Can add IE7 and Chrome to the list of browsers it works on too. So seems the problems are just with IE8. Plan on investigating it tonight (in front of the Superbowl!)

Been doing some reading through and found some of the known issues in MS' latest offering including this one.

Guess if I'm going to get more involved in this sort of thing then I need to download some more of the alternative browsers as you have so that I can do more testing in them and not just rely on the ones I normally use myself thoughtful Its not just the php and css to learn - its how to get things across so that other people can use them cross browser (and basically the how to be a developer bit - even on a small scale!!!)smile

In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
There's lots of stuff on the web about cross browser compatibility. There are also a few sites that offer screen-shots of different browser views. I've use this one on occasion. http://browsershots.org

There's lots to learn, but some good help is availabe here on the Moodle forums. You could always ask on the developers forum for advice etc. I'm sure someone would point you in the right direction.

Good luck with this project.

Mary

In reply to Lee Campion

Re: Aardvark Pro 1.2 - Released

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

OK Lee,

Had some chance to take a quick look at this problem. first off, apologies - I had IE7 on my winXP laptop, not IE8, have now downloaded IE8 on there and replicated the issue you had with the menus.

IE8 has a compatibility view button next to the address bar (I believe this can be turned on and off like other toolbars if it is not on there - right click on one of the toolbars and select the Compatablity View button). If you click this button to activitate the compatibility view, then the menus work as expected.

Looking at the discussions around (away from MS' own pages) this appears to be something to do with whether a site/browser is standards compliant or not. From my own point of view, if it works on Firefox, Chrome, IE7 I'm not sure if I have the expertise (or to be honest the time as this is more of a hobby fun/learning thing for me) to be able to explore the inner workings of the yui menu system to ensure it works in IE8. That may seem bl**dy-minded of me, but although I am happy to use IE in work, I do tend towards the advice given in several of the other comments on the forum - dump IE and use a decent browser smile. Perhaps someone with more expertise can comment on whether the problem is with the css/php code used, which I would be more than happy to look into, or with the yui menu javascript in the background, which would need developer input from someone far more experienced than myself.

Hope that's helpful Lee

Richard

In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

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

There's a typo in my last post (computability should read compatibility) blame my FireFox Spell checker plugin! LOL

Here's a link regarding the IE issue with the hover function...

http://www.xs4all.nl/~peterned/csshover.html


The menu I have on my Demo site at the moment (Theme = Aardvark Pro 1.1) uses the script from that link. The menu I added myself and is NOT part of the original theme.

There are links to various sites listed in the menu there if you want to take a look and bookmark them. Might help in you quest to get a fully functional menu up and running.

Regards

Mary



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

Re: Aardvark Pro 1.2 - Released

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

Mary

Many thanks for all your help with this and the links you've provided - looking at the csshover one now smile

Like the new logo and the menu layout on your demo site - very appropriate for this current discussion topic of menus LOL!

Richard

In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
So many threads here! I'm getting lost! LOL I've just answered your other post!

Yes...Zen and the art of Horizontal Menus is a fitting title...smile




In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

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

Hi Lee,

Thanks to help from Mary and other research here think I have sorted the IE8 issue with my menus! big grin

IE8 has compatability issues with yui 2.6 which is the version in the moodle library by default. Initially corrected this using Mary's suggestion (see other posts in this thread) using peterned's whatever:hover script. That worked for the layout issue but left the inconsistently disappearing menus. With reading up, I decided to upgrade the yui library in my moodle installation to yui2.8 (so far I haven't found any problems with this, fingers crossed!) which means the whatever:hover script isn't needed as Yahoo! dealt with most of the IE8 issues within their own code in v2.7. Unfortunately, that still didn't cure the disappearing menus so followed Patrick's suggestion (after all the menu is taken from his base_menu code originally) and went right back to his original code making one change at a time (as I had done before - but this time checking it on IE8 as well as Firefox!) and testing everything. Discovered that the problem was in some padding changes I had made in the css file -  causing the submenu and the top bar to overlap I guess. With that corrected, was able to go back to my menu with the conditional statements for the different users and, hopefully, now it works OK.

So it was both a problem with IE8 and with my css code - only thing I don't really understand is how that caused this effect in IE8 but not in any of the other browsers.

One thing outstanding is the opaque effect that still doesn't work in IE8 - but that does not effect the working of the menu, so for the moment, I'm going to let that one go. and hopefully implement this menu on my school site shortly.

Oh - updated code etc. will be on my sandbox site shortly for those who want access to it.

In reply to Shaun Daubney

Confused about the non Aardvark Styles

by Brian Beck -
I haven't seen anyone else talk about this, but when trying to customize the basic aardvark 1.2 theme, I try to adjust or add a new css entry but it seems that "styles.php" from standard's is overwriting it.

even if i commented out all the other themes from the "config.php" file it still wouldn't work.

I removed ALL themes except aardvark 1.2 and that seemed to fix it. But it looks like aardvark relied on "standards" theme for the rest of the layout.

Am I correct in this? I wasn't trying to change much of the CSS styling. Something as simple as the "forumpost" "starter" area. Just changing the text color, it is getting overwrote even if i do a simple ".topic .starter {color:#00ff00;}"

The question I guess would be: can you run the aardvark them by itself or does it have to rely on any of the standard themes? Is there a setting to make this easier or do you have to edit the aardvark theme AND find which part of the standard or any other theme to edit that is it using?
In reply to Brian Beck

Re: Confused about the non Aardvark Styles

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

As far as I am aware, and I may be wrong in this assumption, the Standard Theme's CSS only kicks in if there isn't a CSS selector (be it a class or id) in the aardvark.css (and this goes for ALL themes).

To make changes to your theme's CSS, you should first take time to look in the Standard Theme's list of CSS files (styles_layout.css, styles_color.css, styles_font.css, ... , etc.,) to find the exact css code for the area in your Moodle site which you want to change. Once found, you should then copy this code and paste it at the bottom of your theme's css file (in your case aardvark.css), this should ensure that styles.php does not revert back to the standard theme's array of css files.

If you are still having no luck especially with colors, then try adding the workd !important after the value of the element you are adding. For Example:

.forumpost .topic .starter {color: #00ff00; !important}


Hope this helps?

Mary


In reply to Brian Beck

Re: Confused about the non Aardvark Styles

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

YOu may find that the topic starter is actually picking up the a:link color. So to change it you might like to try this fix, by adding it to your theme's CSS

.forumpost .topic a:link {color: #00ff00}

Also. I just notices I put the !important on the wrong side of the " ; "

It should have looked like this.

.forumpost .topic .starter {color: #00ff00 !important ;}
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Lee Campion -
I've played around the with the date/calendar menu item to make it display a little bit of school-related information.  Being on a fortnightly timetable it's very useful to know which week it is so now instead of "Tuesday 09 February 2010" we have "Tuesday 09 February (week 2)".  At weekends it just says the date and it also says if it's half-term/Easter/etc..  Quite useful.
In reply to Lee Campion

Re: Aardvark Pro 1.2 - Released

by Rob Cunniffe -
That sounds like an ideal feature for my school, care to share the code, i'm still trying to work these things out on a trial and error basis...!

Rob
In reply to Shaun Daubney

Re: Aardvark Pro - Course pages without login form

by Cláudia Amorim -
Hi everybody

I see that this template creat amounts of questions and comments.
I've searched my question, but I didn't saw nothing related with. So, if you know the answer, I'll apreciate.

My doubt:
I've problems in creating pages of content for items menu, because all my pages demands login.
You can understand what I means if you regard the website http://ecommunity.pwsd76.ab.ca. They have a big menu with items and subitems and the pages. For each item or subitem they've created course pages. See, eg., the URL for Mission statement at: BRHS
When a guest, like me, click on the subitem, the login form don't appear! It's what I need!
There is a problem of configuration or roles? When I've created my pages course for pages items, I've configured with these options:
- Format - topics format
- Enrolment plugins - Site default (internal enrolment)
- Default role - Guest
- Course enrollable - No
- Enrolment duration - Unlimited
- Availability - This course is available to students
- Guest access - Allow guests without the key

Many thanks in advance for all help!!!
In reply to Cláudia Amorim

Re: Aardvark Pro - Course pages without login form

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Cláudia,
Let me check I understand what you are asking. You have a large number of pages which guests are able to access (default role Guest and Allowing Guests without the key). From looking at your links, this is what happens without the need for the login screen to appear. It is not needed because you have set the default role to guest anyway - If you look at the footer it states you are logged in as a guest (rather than 'you are not logged in'), although the profile block in the header does not reflect this at the moment, continuing to say you are not logged in - if you need that changed I could look at that this evening sometime for you?
If a registered member needs to log in, they are able to click the login button in the header. If you need to prevent guests accessing the pages without logging in then the default role for the courses should be changed (to None?) and I believe this would then force the login screen to appear.

Richard
In reply to Richard Oelmann

Re: Aardvark Pro - Course pages without login form

by Cláudia Amorim -
Richard,
I've not been quite clear on explaining my issue. In my sandbox site I'd like to have some "static pages" that would work as presentation pages, about us, .... Using the example of BRHS, I created some courses and pointed them to the menu items (presently only one is active). Before I'd been using mod/resources but it doesn't seem as flexible. The issue was that every time a "not registered user" browsed to the my "fake course page" it was presented with the login form.

I followed your tip and noticed that the missing item was "Allowing Guests without the key" under the Users>Permissions>User Policies (the Portuguese translation of the admin interface is not quite identical...) and it seem to work correctly now.

Thank you!
In reply to Cláudia Amorim

Re: Aardvark Pro - Course pages without login form

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Glad you got it sorted.

Have done the edit to show 'Guest user' in profile block on my own sandbox site anyway smile
Simply a case of taking the or isguestuser()) out of the if (!isloggedin() or isguestuser()) { line in profileblock.php if you were interested.

Richard
In reply to Richard Oelmann

Re: Aardvark Pro - Course pages without login form

by Stephen Welch -

Hi - I am back on the moodle trail again!!

I am using the purple / pink theme of Aardvark-stf and I am having this error with the profile c=block when a user is not logged in.  I have tried remving the "or isguestuser()) and I still get php errors about {

My Profile block is as follows..

 

HTH.

Thanks in advance smile

<div class="profilepic" id="profilepic">
<?PHP

echo '<a href="'.$CFG->wwwroot.'/user/view.php?id='.$USER->id.'&amp;course='.$COURSE->id.'"><img src="'.$CFG->wwwroot.'/user/pix.php?file=/'.$USER->id.'/f1.jpg" width="80px" height="80px" title="'.$USER->firstname.' '.$USER->lastname.'" alt="'.$USER->firstname.' '.$USER->lastname.'" /></a>'; 

?>
</div>

<div class="profilename" id="profilename">
<?PHP

function get_content () {
global $USER, $CFG, $SESSION, $COURSE;
$wwwroot = '';
$signup = '';}

if (empty($CFG->loginhttps)) {
$wwwroot = $CFG->wwwroot;
} else {
$wwwroot = str_replace("http://", "https://", $CFG->wwwroot);
}


if (!isloggedin() or isguestuser()) {
echo '<a href="'.$CFG->wwwroot.'/login/index.php">'.get_string('loggedinnot').'</a>';

} else {
echo '<a href="'.$CFG->wwwroot.'/user/view.php?id='.$USER->id.'&amp;course='.$COURSE->id.'">'.$USER->firstname.' '.$USER->lastname.'</a>';
}         


?>
</div>




<div class="profileoptions" id="profileoptions">




<?PHP

if (!isloggedin() or isguestuser()) {
echo '<ul>';
echo '<li><a href="'.$CFG->wwwroot.'/login/index.php">'.get_string('login').'</a></li>';
echo '</ul>';



} else {
echo '<ul>';
echo '<li><a href="'.$CFG->wwwroot.'/user/edit.php?id='.$USER->id.'&amp;course='.$COURSE->id.'">'.get_string('updatemyprofile').'</a></li>';
echo '<li><a href="'.$CFG->wwwroot.'/my">'.get_string('mycourses').'</a></li>';
echo '<li><a href="'.$CFG->wwwroot.'/login/logout.php?sesskey='.sesskey().'">'.get_string('logout').'</a></li>';
echo '</ul>';

}
?>



</div>

In reply to Stephen Welch

Re: Aardvark Pro - Course pages without login form

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

Stephen,

I think I might write a Moodle Doc to add all the fixes for this theme!

Fix attached to this post. Just open the file in Notepad then copy-n-paste code into your profileblock.php overwriting the first section relating to the profile pic.

HTH

Mary

In reply to Mary Evans

Re: Aardvark Pro - Course pages without login form

by Stephen Welch -

Thanks for your help Mary.

I fixed it by removing this

title="'.$USER->firstname.' '.$USER->lastname.'" alt="'.$USER->firstname.' '.$USER->lastname.'"

Is that ok?

Thanks

S

In reply to Stephen Welch

Re: Aardvark Pro - Course pages without login form

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

I think it's tidier using the little bit of code I added, but if you want to delete that line of code, and it works for you, that's fine.

Mary

In reply to Mary Evans

Re: Aardvark Pro - Course pages without login form

by Stephen Welch -

 

OK.  Thanks I will add the new code to replace my hack.

Now I know you love the Aardvark Header.  How about this!!

I would like the CEOP Logo on the site and if you visit http://vle.ladypool.bham.sch.uk you will see what I mean.  What i would like ot is put the logo in the header so it is always on show and not taking up space in the main site and course pages, etc, etc.

I had a go at this but the logo appeared below the picture of the logged in user - I think it would be best just to the right of this image or maybe in the menu bar with the date moved inward.

Can you advise?

Many thanks

Stephen

Attachment Screenshot.png
In reply to Stephen Welch

Re: Aardvark Pro - Course pages without login form

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

I haven't tested this but what you need to do is add a div container within the logo di. Something like this...

<div id="logo">

<div id="ceop">

profile block

profile options

</div>

</div>

Then put the following css at the end of into your theme's aardvark.css file...

#coep {
background: url("CeopButton.jpg") no-repeat scroll 50% 50% transparent;
height: 100px;
width: 100%;
}

Should be a starting point for you to finish it.

HTH

Mary

In reply to Mary Evans

Re: Aardvark Pro - Course pages without login form

by Stephen Welch -

Hi Mary,

I have added the Css section and edit the path to the image - I have placed it in images/header/.

I a little uncertain about the first bit - html/css novice - at the minute I have added <div id="ceop"> directly below <div id="logo"> like this....

 

Can you advise?

Thanks

Stephen

 

if ($heading) {  // This is what gets printed on any other page with a heading
?>
<?php print_container_start(true, '', 'header'); ?>

<div id="logo">
<div id="ceop">
<div id="profileblock">
<?php

{
include('profileblock.php');
}  
?>       
</div>
</div>

<?php print_container_end(); ?>

<div id="aardvark_menu">
<?php

{
include('aardvark_menu.php');
}  
?>       
</div>

In reply to Stephen Welch

Re: Aardvark Pro - Course pages without login form

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

Hi Stephen,

You need another </div> here...


<div id="logo">
<div id="ceop">
<div id="profileblock">
<?php include('profileblock.php'); ?>
</div>
</div>
</div>

I have shortened the code of the profileblock php for neatness.

Hope this helps?

Mary

In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Lee Campion -
Has anybody created a high visibility version of this (or any other) theme?  I'm working on one at the request of our Additional Needs department - basically a black/dark blue background with light, large writing.
In reply to Lee Campion

Re: Aardvark Pro 1.2 - Released

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Hi Lee
On the themes collection there is a high contrast theme in blue and white - advice we are normally given in school is that dark blue (background) and pale yellow (font) makes for the best high contrast for use in presentations (for most people - obviously not all!) if that's any help for you. From the look of the screen shot, they have not increased the font size, that may not be necessary as most browsers I think have the ability to alter font size displayed anyway, but it should be in the css file for the theme (I think in aardvark its set to 14 in the body section of the aardvark.css file)

http://moodle.org/mod/data/view.php?d=26&rid=1075

Perhaps you could start with the colour scheme from there and use aardvark for the rest of its features, combining the two? Would all the icons need resizing too though?

Sounds like an interesting idea - would this be used as a course theme just for the Additional Needs department courses?

Richard
In reply to Richard Oelmann

Re: Aardvark Pro 1.2 - Released

by Lee Campion -

Thanks for that Richard - I'll pick apart the two themes.

Students will be able to use high contrast as a session theme.  I'm sure that some courses will look wrong with high vis (ie. if they've forced a dark colour for text) so if it is an easy thing to switch on/off then the students will be able to use it whereever they want.  To that end I'm planning to have a simple theme switch link in the header so that they can change between the two options (normal and high vis).

I think I'll leave the font size the same as this could cause further issues in courses, and students can simply zoom in or adjust the text size in their browser.

Cheers,

Lee

In reply to Lee Campion

Re: Aardvark Pro 1.2 - Released

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
When I looked further Lee, the following two themes in the theme database- from the same author - are high contrast black and yellow and black and white. Between the three of these hopefully you will be able to put the colour scheme you want together as at least part of what you need.

Richard
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Rob Cunniffe -
Great Theme Shaun, I am busy modifying it now...

I seem to be having a problem with the footer logo - I can't seem to get the thing centered under the 'You are logged in as..' text..

I notice in your screenshot that the moodle logo appears off centre, any idea why? or are my eyes playing tricks on me?

Rob
In reply to Rob Cunniffe

Re: Aardvark Pro 1.2 - Released

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

In answer to your last question, the reason the footer logos are off center is because they are displayed as an inline unordered list within the footer <ul></ul> tags. There's also some <font> tags which I didn't like. I got round these odities by deleting all the footer code and inserted my own version. PHP is the same just my code in red & blue below is new.

<?php

print_container_end(); // content container
print_container_start(false, '', 'footer');
echo $loggedinas;

if (!empty($performanceinfo) and has_capability('moodle/site:config', get_context_instance(CONTEXT_SYSTEM))) {
echo $performanceinfo;
}

?>

<div class="footerlogos"><a href="http://moodle.org">
<img src="<?php echo $CFG->httpswwwroot.'/theme/'.current_theme() ?>/images/footer/logos/moodle.jpg" /></a>
</div>

<div id="copyright">
Original theme created by <a href="http://moodle.org/mod/data/view.php?d=26&rid=2618">Shaun Daubney (Newbury College).</a>
</div>

<?php

if (debugging()) {
?>
<div class="validators"><ul>
<li><a href="http://validator.w3.org/check?verbose=1&amp;ss=1&amp;uri=<?php echo urlencode(qualified_me()) ?>">Validate HTML</a></li>
<li><a href="http://www.contentquality.com/mynewtester/cynthia.exe?rptmode=-1&amp;url1=<?php echo urlencode(qualified_me()) ?>">Section 508 Check</a></li>
<li><a href="http://www.contentquality.com/mynewtester/cynthia.exe?rptmode=0&amp;warnp2n3e=1&amp;url1=<?php echo urlencode(qualified_me()) ?>">WCAG 1 (2,3) Check</a></li>
</ul></div>
<?php }
print_container_end();
?>
</div><!-- end of footer div -->
</div><!-- end of page div -->
</body>
</html>
-----------------------
CSS - As follows...
-----------------------

#footer {
background: #ffffff;
margin-top: 0px;
padding:10px;
}

#footer.footerlogos {
margin-top: 5px;
border-top: 1px dotted gray;
}

#copyright {
margin: 0;
padding: 0;
text-align: center;
font-size: 0.75em;}

In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by Rob Cunniffe -
Thanks Mary, Will give it a go!
In reply to Rob Cunniffe

Re: Aardvark Pro 1.2 - Released

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

I missed out a </div> somewhere in the in the middle of the code I pasted above.
I tried to edit it but was too late!

Mary
In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by Rob Cunniffe -
Not to worry, it is performing as expected now.. Thanks
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Chris Delaney -
Some of my students are having some login problems when using IE (different versions from what I can tell).

When they enter the user and pass, click login they are kept on the login screen (login/index.php) although it clears and appears that they aren't logged in and they cannot access courses.

The strange thing is - they appear in the 'Online Users' block and as an admin I can see that they have logged in.

Anyone else experiencing the same problems?
In reply to Chris Delaney

Login Problem - Known BUG

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Ignore what I wrote earlier...here's an Update!!!

http://tracker.moodle.org/browse/MDL-10137

Looks like it's a Known Bug



I have experienced a similar problem in IE7, but that was loging into my WordPress blog, but never had the same problem in Moodle.

I'm not sure if it's a moodle problem or not. If it is it will be documented. Have you checked other Moodle forums? General forum might be a starting place.

Sorry I don't have a solution

Mary



In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Neil Oughton -
Hi there I have been making a few stylistic alterations to this theme for a project we are running at our college....

On my test server the theme displays properly - X-serve tested in windows ie7 and firefox.

On my Laptop the theme displays properly - Mac book Pro - Safari and Firefox for Mac.

However, when I move the theme to our live production server a MAMP environment again tested in windows with ie and Firefox the header file does not render. So everything and including items above the navigation bar do not appear. The only thing that renders is the three column Moodle itself.

Does anyone have any idea which variable could be causing this? It doesnt seem to be a browser or operating system issue, could it be the php version? Moodle version? Something else all together.

Any help would be gratefully appreciated as we would love to use this excellent theme.
In reply to Neil Oughton

Re: Aardvark Pro 1.2 - Released

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Hi Neil,
I'm not familiar with working on MAMP or with Macs in general, but I figure the principles should be the same anyway!
I know there are issues with IE8, but as you said it doesn't work properly on Firefox on the live system either, as you say it would not appear to be a browser problem.
I would suggest that the first step would be to make sure that all the versions - MySQL, PHP, Moodle etc. are the same between your test system and the live server. If they are not, that could well be the root of the problem. I would suggest PHP as the most likely candidate as I have also played around with this theme and have it working well on both 1.9.2 (live school site) and 1.9.7 (personal sandbox site) - although I did have to update the yui on them to cope with problems raised in IE8.
The other thing I would suggest is loading the original theme (without your tweaks) onto your live server as well and checking whether that works as expected. If it does, then you will need to check the code you have added/tweaked - although that does not seem very likely as you say it has different results in firefox between the test and live systems.
Hope this is of some help.

Richard
In reply to Neil Oughton

Re: Aardvark Pro 1.2 - Released

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

Like Richard, I too think it is more likely to be a PHP issue, since you have experienced no problems elsewhere with your modified version of this theme. As has been suggested in another topic on this forum, one must check for small changes in coding too, as a missed end tag can render a page differently, or misspelled php code.

Could it be that there is a PHP Extension not activated in MAMP? php_xmlrpc and php_curl are two such extensions, but I am unsure what their role is in the general order of things in Moodle, all I know is they are recommended.

Could you post the code here of the header part to see if it differs from what we have?

Regards

Mary


In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by Neil Oughton -
The theme works on two out of three environments, the one it doesn't work is our production server.

Here is the setup:

Dev X-serve: PHP 5.2.1
Dev Macbook Pro: PHP 5.2.11
Live production Server: 5.2.12

The Production server is the only one we are responsible for building, this could mean that certain modules need activating.

Because the theme works on the first two environments it makes me wonder what possible changes from a .x.xx release could break something?

I am going to take a closer look, I'm not prepared to let it beat me!
In reply to Neil Oughton

Re: Aardvark Pro 1.2 - Released

by Neil Oughton -
Hmm,

We have just downgraded the live server to 5.2.11 and it has made no difference, this includes using a non edited direct download of the theme. Something is not right!
In reply to Neil Oughton

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
I came across this page while searching Moodle...

http://download.moodle.org/macosx/

Am I right in assuming that you have downloaded the correct version of Moodle Package for Mac OS X for your MAMP? There are two version you can download one is for XAMPP and another for MAMP.


Just a thought!

Mary



In reply to Shaun Daubney

How to use Aardvark Pro 1.1 color scheme in Aardvark Pro 1.2?

by David Galindo -
Hi Shaun,

Like many others have commented, I want to say thank you for providing a great theme and express appreciation on consistent updates.

I am currently using Aardvark Pro 1.1 with the default menu color (orange) and background color (light gray?). I love the look and feel of the menu in Aardvark Pro 1.2 but would like to continue using the v1.1 color scheme. (I'm trying to maintain some consistency for my audience between version updates).

Can you or someone in the forum provide some guidance on changing the v1.2 colors to more closely imitate the v1.1 default colors?

Thanks for any help you can provide!

David G.
In reply to David Galindo

Re: How to use Aardvark Pro 1.1 color scheme in Aardvark Pro 1.2?

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

Sorry for being a bit slow to answer this, I was hoping to be able to help you with this one...but I seem to have been caught up in other projects.

Anyway...depending on the time scale for when you need this modified theme, I would be happy to do it for you to try out.

Let me know, and I'll see what I can do.

Kind regards

Mary
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Danny Wahl -
Hey, thanks for the theme I just wanted to share my code modifications:


I was requested to make a "teacher's only" menu, which I was able to do by wrapping the following around one of the <li></li> tags. I also made a zero return on the top level (hovel level) of the menu as we had some users that couldn't figure out that 'hover' = show drop down menu and 'click' = go to another page. Instead of just removing the anchor I left it so you get the nice little 'this does something' hand cursor.

So the following code is the first drop down of the menu (after "home" icon):



aardvark_menu.php

<?php
if (has_capability('moodle/legacy:teacher', get_context_instance(CONTEXT_SYSTEM))) {
?>
<li>
<div>
<a href="#" XXonclick="aFunction();return false;" XXonfocus="this.blur();">Menu One</a>
<ul>
<h4>Subtitle</h4>
<?php
$text = '<li><a href="#">link1</a></li>';
$text .= '<li><a href="#">link2</a></li>
....

echo $text;
echo '</ul></div></li>';
}
?>



Essentially this checks to see that on a system level your role is teacher (or higher: course creator/admin) and displays the first dropdown for you. Thanks again for the great theme!

*If you want to use this code you'll need to remove the 2 red capital X and the 2 following capital X from the javascript: apparently the moodle forums escaping doesn't like that code.

It should just read "on click" (no space). sheesh.
In reply to Shaun Daubney

Very selfish question about the date (french localisation)

by simon serverin -
I'm very thankful for that very beautiful theme. I use it for a project here in Japan (for now it's just a sandbox) and it's very clean and well written.

I have a question for all the user. I just want to change the date to write it in french. I tried to open the aarvak_menu and to just change the english words (february etc) by french ones. It worked but then the header becomes very weird. Does someone has some clue to the right way to change the date ? I don't think it should be too difficult but i have no knowledge in programming

Thank you all
In reply to simon serverin

Re: Very selfish question about the date (french localisation)

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

Sorry to say I didn't know the answer to this question, but I would not have thought that by changing the names of the days and months from English to French would have made the header look distorted. However, becasue you are attempting to change JavaScript code, you have to be extremely careful not to delete any punctuation like the comma between the months...

Array('janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre');

Try it again and tell me if it does the same again to the header. If it does, can you add a screen-shot so we can see the effect? Thanks


Mary
In reply to Mary Evans

Re: Very selfish question about the date (french localisation)

by simon serverin -
Mary,

First, I would like to thank you not only for your kind response but for all the help you bring to this theme users. I decided to stick to this theme because the community behind it is very active. I will try your suggestion this week-end and eventually post the code i used for all non-english speaking Aardvark users !
I think i have an issue with the menu-php because whenever i use it, it becomes weird (editing with Kompozer on a mac). But i will try the cleaned PHP-menu posted in an other tread.

Merci beaucoup Marie !
In reply to simon serverin

Re: Very selfish question about the date (french localisation)

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

Thank you for you kind comments. I enjoy helping people because I have gained most of my skills with these themes, and other aspects of theme design, CSS especially so, from various forums on the WWW.

I like this theme too, and the more we thrash out the problems the better it will be. As a result, I am learning a great deal about this theme, it's quirks and its odd behaviour.

Let me know how you get on.

A bientot

Mary smile




In reply to Mary Evans

Re: Very selfish question about the date (french localisation)

by Victor Santos -
Hi there!

I've just downloaded this theme, and when I tried to preview or even select it, it only shows a blank page.

I'm using at the moment Moodle 1.9.4 (Build: 20090128).

any ideas why this is happening?

Thanks

Victor
In reply to Shaun Daubney

Several Questions...

by Scott Schafft -
Firstly - thank you Shaun. Phenomenal theme!

This might not be the best place to post this... but given that I have been working with this theme and it seems it lends itself to what I am trying to do I thought I would ask here.

Questions:

1. How can I get the login to appear in the header as in the previous version of aardvark I had tried? (see current vs. ideal)

2. What is the best practice to have static pages embedded within Moodle? I cant seem to find the best way, some seem to use flexpages, others simply courses with HTML areas.

For example, this site uses moodle as a base but then has a variety of content around it.

Similarly Shaun's site has a variety of other content and not solely the moodle based pages.

If you have you use moodle pages, can you use PHP within the HTML editor? It doesnt seem to recognize it by default.

Thank you in advance for any help!




In reply to Scott Schafft

Re: Several Questions...

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

I'll try and answer some of your questions, but I am limited in my knowledge of Moodle as I am only just a learner myself.

As far as I can see, from the example site you linked to, that the uses of Moodle are endless, and with good web design skills, a webmaster can make it look very professional and seamless.

To answer your first question...

1. How can I get the login to appear in the header as in the previous version of aardvark I had tried? (see current vs. ideal)

As the php for the login is unchanged you can make it look like the previous version by just altering the CSS. Best thing to do would be to search the css files in the version you want it to mimic, then alter the current version's css file (aardvark.css) to make those changes.

2. What is the best practice to have static pages embedded within Moodle? I cant seem to find the best way, some seem to use flexpages, others simply courses with HTML areas.

I'm not too sure what you mean here, but if I understand you correctly, there is nothing stopping you, if you are the webmaster, from intigrating your Moodle pages with other webpages on your website.

3. Using PHP in HTML Editor...

I don't think this is allowed...but there may be ways round it. Perhaps someone here might be able to advise you better on this.

Not sure if all of this helps...but I hope so

Mary
In reply to Mary Evans

Re: Several Questions...

by Scott Schafft -
Thanks Mary.

with regards to the "static pages" basically what I mean is I want to have the pages show up with the rest of the Moodle navigation structure around it, but not using iframes, which is what is used if you just use resource links that moodle provides. Does that make more sense. Essentially I want to see if I can use moodle to build out the rest of our website - and it seems like it will be fairly restrictive if we want to do that.

Is there one way to do this that is better than others?

Essentially what we are debating is using Drupal to develop some features of our site and then link to moodle or if we can just develop everything within Moodle. I would ideally like to just develop everything within moodle so that its just one site that we have to deal with. But it doesnt seem to offer the same flexibility (understandable given that a content management system is not what it is trying to be) as Drupal.

What are your / others' thoughts on Drupal / Moodle integration? Good idea? Bad idea?
Pros / Cons?


In reply to Scott Schafft

Re: Several Questions...

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Scott,
Can you not just use a standard moodle course page (perhaps group all the 'static' pages into one Category to keep them together)? Use a Topics format, removing/hiding all the topic sections and just use the top, Topic Outline, block for the content of your static page. Provided that block is relatively straightforward html (I'm not sure whether you are able to use php in it or not, but certainly you can use/link to javascript type resources) I can't see many problems with that approach.

Can't help you with Drupal unfortunately as when I looked into it I decided that in my Primary school, with very few IT confident staff, one system was enough to introduce and I decided to stick to moodle.
In reply to Richard Oelmann

Re: Several Questions...

by Scott Schafft -
Thanks for the help richard!

Ya had looked at that approach. It seemed like one potential work around, but like you mentioned and as I had asked previously, I wanted to use php in some of the pages and so would ideally want some way to incorporate that as well.

But yep will definitely consider that one approach. Though it is somewhat of a messy work around.

I was wondering if there was any I guess "best practices" or standard approaches. It would seem like something many people would want to do - and something that is possible given the previous sites I had linked to.

Anyway thanks for responding / contributing your ideas smile. Any others would be great.
In reply to Scott Schafft

Re: Several Questions...

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Hi, Just my extra twopence worth!

Why not just create a new folder within your theme's folder, so that you could drop all your own php files into it, then link to them via your menu system?

Mary
In reply to Mary Evans

Re: Several Questions...

by Scott Schafft -
would they not show up as new pages? or could you link to it and still maintain the moodle navigation environment? given that moodle uses frames do you know what they are called or if I use _parent as the target would that work?
In reply to Richard Oelmann

Re: Several Questions...

by Frank Ralf -
OT @Richard

Actually looking for a new CMS for our primary school was what got me into Drupal in the first place. Admittedly we're not using Moodle yet wink
http://www.grundschule-heidhorst.de
In reply to Frank Ralf

Re: Several Questions...

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers
Hi Frank,
Nothing at all against Drupal - it's just that when I first set up our website I wanted to go with something I was familiar with and having moved from Cardiff where they use moodle for the entire cardiffschools.net and all the primary and secondary schools through that, so I orginally stuck with moodle.
Having done that, although I have had a quick experiment with Drupal, Joomla and others, I decided that training staff on one system was enough and not to want to retrain them on either an additional or alternative system was good enough reason for me to leave Drupal and Joomla as toys for me to play with at sometime - maybe in the future I'll use both, or something different, either here or in another situation, so I do like to keep an eye on the alternatives but still prefer moodle at the moment :D

Richard
In reply to Scott Schafft

Re: Several Questions...

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

I think I understand better now where you are coming from. However, when adding a web page via Moodle resources, you do have an option built into the set-up under the heading of Show Advanced which allows you to set up the page to allow side blocks. This then gives it the Moodle navigation structure you are seeking. Or is this what you mean bu iframes?

Mary






In reply to Mary Evans

Re: Several Questions...

by Scott Schafft -
yep thats what I mean by iframes. That is what it is essentially doing, using the <iframe> html to embed the website. And while it basically does what I need - it is somewhat constraining and I was hoping for a more clean integration. It seems more and more that that isnt really feasible. And even when I specify no frame it seems to place one around the site - why, I dont really know.

Thank you for your suggestions!
In reply to Shaun Daubney

Having trouble with borders

by Jaime McLeod -
Hi,

I'm using this template (love it), but I am having difficulty turning the borders on in the course section (where the topics are). Without the borders, the topics run too close together when all of them are visible.

My question is:

1. how can I turn the borders on for the center block (topics section)
2. how can I set the color for the border

Thanks for any help you can give,
In reply to Jaime McLeod

Re: Having trouble with borders

by Frank Ralf -
Hi Jaime,

CSS FAQ and Themes FAQ are good starting points for learning more about CSS and theming.

hth
Frank
In reply to Frank Ralf

Re: Having trouble with borders

by Jaime McLeod -
Thanks, I'll look them over.

I have an extensive web background (I have an AAS in web design), so I'm accustomed to dealing with CSS. I have edited almost every part of the template successfully, but for some reason I am unable to get the borders to turn on in the center/topics block. It may be something simple that I'm missing. I thought the setting would be in aardvark.css, but I have been unable to find it.
In reply to Jaime McLeod

Re: Having trouble with borders

by Frank Ralf -
I suppose the borders aren't set in the CSS in the first place or are inherited from another stylesheet. I would recommend using Firebug for finding (and changing) the setting.

Try something like (see screenshot):

div.coursebox {
border: 1px solid red;
}

hth
Frank
Attachment Aardvark_borders.png
Average of ratings: Useful (1)
In reply to Frank Ralf

Re: Having trouble with borders

by Jaime McLeod -
I downloaded Firebug, great program.

I added the last line to the section below in aardvark.css:

#course-view .section td.content {
border-width=0px !important;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:0px #dbdbdb;
border: 2px solid #2b2b2b;
}

I added the part in bold and it works great. I knew it was something simple, but I just couldn't find it. Thanks for your help. Hopefully this will help someone else as well.


In reply to Jaime McLeod

Re: Having trouble with borders

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Add this to the aardvark.css

.sitetopiccontent {
border-width: 1px;
}

Then look for .sitetopic in the standard theme in both layout and color css style sheets, you should find your answer there.

Cheers

Mary



In reply to Shaun Daubney

Opaque menus

by Dianne Williams -

Hi all,

Thanks so much for the awesome theme, I really love it! 

My only issue so far is on your demo site the menus look opaque and on mine they are transparent.  I'm really new to any kind of scripting etc. and have tried to fix it myself but so far no good.  Can you help?   I attached a screenshot

Thanks a million


Dianne

Attachment menus.JPG
In reply to Dianne Williams

Re: Opaque menus

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

Actually the menu background is an image. It looks very much like the image is not displaying as it should. Better check to see that you have the images in the menu folder, which is located within the images folder.

Mary
In reply to Mary Evans

Re: Opaque menus

by Dianne Williams -

You were absolutely right.  For some reason I was missing the entire menu folder in my images directory.  Yaay it looks great now.  Thanks so much for your help Moodle Queen!

In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Trent Miller -
AWESOME THEME. Best one available.

I edited the links, and logo.png, but have rant into one problem with my implementation. I am getting some error text on the login page. The user picture section works great when a user is logged in. Anyone have any idea to send me in the right direction?
See the screenshot here.

moodleerror.jpg

In reply to Trent Miller

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
I hope you made a copy of the original menu php file? smile Methinks you are going to need it!!!

At a guess I'd say you have disturbed something in either the menu.php whilst doing the editing, or you have deleted something in the header, possible some php code belonging to the menu block.

If you have the original files there from your zip file of this theme....compare them with the changes you have made.

Other wise upload the menu php file here so we can go over it...see if we can spot the error.

Thats the best I can do at this moment in time.

Hope you find the problem...and can report back with a success story!!!

smile

Mary



In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by Trent Miller -
I compared the menu php file with the original and couldn't find a problem. After looking at the error text i decided to jump into profileblock.php and mess around. I removed

'.$USER->firstname.' '.$USER->lastname.'
alt="'.$USER->firstname.' '.$USER->lastname.'"

from line 4 of the profileblock.php and that seemed to fix the problem. I'm thinking the script was looking for a username but no users were logged in. I removed the above text and everything seems to look and function correctly. Thanks for your insight Mary!
In reply to Trent Miller

Re: Aardvark Pro 1.2 - Released

by Navin Dutta -
Hi Trent,

I havent seen your files but I think you should just encapsulate those lines you commented out in isloggedin() function and it should work fine!


if(isloggedin()){

.............
.............

}

Cheers!!

--
Nave
In reply to Trent Miller

Re: Aardvark Pro 1.2 - Released

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

I'd quite forgotten this post of yours. I wish now I had come back to it as there are obviously some errors, which I think are more to do with the server side than anything.

Somewhere along the line your on-line server is looking in your c:\ drive profileblock.php, which suggest to me that you have a link to your local host rather than your online MySQL server location. This info is stored in your main Moodle CONFIG.PHP file along with your password and username. The only way you can check this is via your website's Control Panel.

Deleting the php elements for $username etc., should not really have been necessary, in my humble opinion, else we should have all experienced the same problem by now, and as far as I know you are the only one with this problem, which again points to it being a Local rather than Global problem.

Hope this helps.

Mary




In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by Fernando Durán -

I have the same problem with this theme. It worked well fore 3 weeks after I installed it. Now some code appears on the right of the screen. I haven't mofified any files.

You can see it at www.teinet.cl

Thanks.

Regards from quaking Chile!

In reply to Fernando Durán

Re: Aardvark Pro 1.2 - Released

by Navin Dutta -
Check my response to Trent.. You can solve it by putting those two lines in profileblock.php in the isloggedin() function...

And I reckon that the sudden appearance has something to do with your local php error reporting on ur servers.. You can prolly switch off the warnings and notices in Debugging section; the link to which can be found in Site Admin Panel. (This can also be due the server-wide setting of your php.ini or through .htaccess in your moodle folder)

Cheers!! Good luck!!
Average of ratings: Useful (1)
In reply to Navin Dutta

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
You are right Navin, I have just emulated this error on my server. I turned on all the debugging options in Administration Area, of my Moodle site, which are OFF by default.

It's amazing what you can learn in this forum!

Thanks for that

Mary
In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by Navin Dutta -
You are welcome Mary smile Thats the power of opensource.. Its community-driven ;)
In reply to Navin Dutta

Re: Aardvark Pro 1.2 - Released

by Victor Santos -
Hi there,

Quick question, is it possible to add flash (swf file) instead of the image (logo) in the header?

Thanks

Victor
In reply to Victor Santos

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Quick answer = Yes! smile

But you need to add the code to your header.html - I used this code in another theme and it worked OK, also you may need to set some options in your administration area to allow flash to be viewed.

Look under security Site Polices...and check the box marked - Allow EMBED and OBJECT tags
 

<!-- trying to make shockwave-flash W3C standards complient
- see article - http://www.alistapart.com/articles/flashsatay
- by Drew McLellan -->

<object type="application/x-shockwave-flash" data="http://URL/flash-logo.swf" width="350" height="150">
<param name="movie" value="http://URL/flash-logo.swf" />
<param name="bgcolor" value="transparent" />
</object>

<!-- end shockwave-flash -->

In reply to Mary Evans

إعادة: Re: Aardvark Pro 1.2 - Released

by ghassan aljabiri -
Hello every body

I am getting mad of this
how do I change the header logo

I uploaded a new logo with the same file name and type
logo.png

but it wont work
I changed the path in the header.html to a new logo but it wont work too

what should I do?
In reply to ghassan aljabiri

Re: Aardvark Pro 1.2 - Released - LOGO

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

So sorry to hear that you are having problems with what is otherwise an easy thing to do.

You should not have had to change the header.html, because the logo is placed in the header of the page via aardvark.css.

#logo {
background: url(images/header/logolite.png) no-repeat left top;
width: 100%;
height: 100px;
float: left;
left: 0px;
}


If I were you I would replace your header.html with a new header.html...and try again.
All you need to do is swap logo.png with your own logo.png.

Hope this helps?

Mary
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by bedis boddos -
great theme but i have a complication to add the language menu and the nav bar they don't appear in this theme how can i show it? thanks for the response
In reply to bedis boddos

Re: Aardvark Pro 1.2 - Released

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

You can add the Language menu back. In fact I've done it for you. See attached file top right of this post...header.html

Hope this is of some help to you?

Cheers

Mary
In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by bedis boddos -
thx a looooooooooooooooooooooooooooooooooooot very helpful a moodle angel hihihih
In reply to bedis boddos

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
You are most welcome! I just hope it works!

smile
In reply to Mary Evans

Re: Aardvark Pro 1.2 - Released

by bedis boddos -
it works but i have another request...i explain u:
-i put three languages in the website french,arabic & english
-i want when the user switch the language they change with the respective theme ( i will modify the aardvark theme in three languages: the aardvark_menu & the logo)

thx again for your great help
In reply to bedis boddos

Re: Aardvark Pro 1.2 - Released

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Ohhh...I think that can be done, but not sure how!

I would imagine a little bit of PHP code when selecting the language menu regardless of if user is logged in or not. Sadly I don't know enough about Moodle to do that. But I am sure someone here could help you, if not in this forum in another.

I hope you have some success with this as it would be interesting to use from a theming point of view.

Sorry I can't be more of help on this one.

Mary
In reply to Shaun Daubney

"Home" icon and "Moodle" icon missing

by Catalin Dorobantu -

Hello everyone,

Great theme and great community support.

Since installing the theme, I had been missing the home icon from the menu and the moodle icon at the bottom.  I checked the folders and all the icon files are where they are supposed to be and also referenced properly.

I was able to take out the sub-menus, to add my own logo in the header, but for the life of me I can't get those two things to show.

Any suggestions are appreciated.

Thanks!

In reply to Catalin Dorobantu

Install error

by Mark G -
Hi - I am brand new to moodle...only installed it today. This is a beautiful theme, but I am having trouble installing it.

I have downloaded the theme and extracted the files. I have then uploaded the files to my 'theme' folder on our server. Then I have gone to Themes/Themes selector, and clicked "choose" next to aardvark_pro (Moodle 1.4). I am then taken to a blank page....the theme hasn't changed - just a blank page... When I click the preinstalled themes, it does change the theme....just not this one that I have added....

Can someone please help a newbie smile

Thanks very much.

Mark
In reply to Mark G

Re: Install error

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

I'm not altogether sure why this happens, but it is a known problem. If you can, you need to strip the original ZIP file of any files which have a .DS extension, also all those files which are listed as Thumbs.db. All the other files should be OK.

One other area which may, or may not, be related to the problem, is the content of the pix/mod folder. You might like to delete this Mod folder and replace it with a copy of the Mod folder which you will find in your main Moodle folder ./moodle/pix/mod.


Other than that if you want to try an alternative to Aardvark Pro 1.2, I have added two modified Aardvark Pro 1.2 themes (Aardvark-Lite and Aardvark-Liteheaded) to the Moodle Themes directory. (see under Themes in the Downloads tab at top of this page).

Hope this helps?

Mary

In reply to Mary Evans

Re: Install error

by Mark G -
Hi Mary - thanks so much for taking the time to help. I have tried to install your Aardvark-Lite theme, but I get the same problem....just a blank screen after I click "Choose".

Here is a screen shot....Before:
test

and after:

test2

I think I am following all the directions carefully. Should I try to remove the files, as you suggested? Seems a lot of work to do to install a theme? Out of interest, I originally loaded Moodle by using an automatic installer at Godaddy. Could this be the problem? I have Moodle 1.9.8 loaded....

edit: In my
main Moodle folder, the file /moodle/pix/mod doesn't exist?? - no "mod" folder at all - just folders called: a,c,f,g,i,m,s,t,u....and a bunch of other files.... ?

btw, the web address is: atplmet.co.nz - if it helps


Thanks again. I really like your theme Mary - hope I can get it sorted. smile

Thanks so much.

Mark
In reply to Mark G

Re: Install error

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
I personally use FTP to upload all my files to the server. I have rarely encountered problems with Moodle. I don't know any other way. So I'm not the best person to help you with this problem. However, if you installed the original Moodle via GoDaddy's installer, perhaps you should try installing the themes in the same way. If you have done this and they don't work, your best bet would be to post a request for help in the Forum which deals with problems encountered when Installing Moodle.

Sorry I can't be of help.

Mary



In reply to Mark G

Re: Install error

by Mark G -
I have also installed the very latest version - manually....same error...
In reply to Mark G

Re: Install error

by Mark G -
Ok - thanks Mary - will do.
In reply to Mark G

Re: Install error

by Mark G -
all fixed. Had to upload zip folder to server THEN unzip it...not the other way around....works now. Thanks.
In reply to Mark G

Re: Install error

by Liam Nicholson -
This Is The Same With The Original Theme. It Was To Do With The Theme Being Made On Mac And Windows
In reply to Catalin Dorobantu

Re: "Home" icon and "Moodle" icon missing

by Catalin Dorobantu -

Hi,

Does anyone have any idea why the "Home" button from the menu and the Moodle logo at the bottom of the page are missing?  PLease see my original post on April 20th.

THank you.

Attachment Screenshot.jpg
In reply to Catalin Dorobantu

Re: "Home" icon and "Moodle" icon missing

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
It looks like the images may be missing from the images folder. Have you looked to see? Right click on the space where the image should be and select properties. Then copy and past the URL of the image into the address box of the browser and click enter. If the image does not show up then the image is missing from the theme.

Mary
In reply to Mary Evans

Re: "Home" icon and "Moodle" icon missing

by Catalin Dorobantu -

Thank you Mary for your response.

The file is there, but when I use the IE browser to open the path, I get a 404 error and it doesn't matter which file I try to open either (another image from that folder).

Any other ideas?  I simply copied the theme as-is from the download to my FTP and from the get go, those two icons were missing.

Thanks.

In reply to Catalin Dorobantu

Re: "Home" icon and "Moodle" icon missing

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

This is a bit of a long shot, but the problem you are experiencing with IE might be the format of the images which are PNG. I'm going to attempt to up-load two GIF images, to replace those in your folder which don't show up in IE.

All you will need to do is change the image file names in header.html & footer.html to reflect the change of image type, after saving the images into the correct folders of course!

Hope this solves the problem?

Mary




In reply to Catalin Dorobantu

Re: "Home" icon and "Moodle" icon missing

by Danny Wahl -
if you uploaded the extracted folder via ftp (instead of the zip) chances are you have broken permissions on the folder containing those two images- make sure that the folder and all sub folders are world readable (probably 744 will work, or 755) - which you can set with your FTP client
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Danny Wahl -
I found a missing element from the forum in the CSS, the "posting" class of div- which is the div created when a long post is truncated to a short post. Here's the code I added to the aardvark css to try to maintain the look and feel of the aardvark theme.

.posting { border-top: 1px dotted; margin: 5px 0 0 -45px; padding-top: 5px; text-align: left; }


before:
1.png




after:
2.png
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Hannah Mathias -

Hi Shaun

Thanks for the amazing theme. I've tried personalising it and it works in a course but on the front page I get links above the blocks saying skip "blockname" and the icons are all strange.

So I tried upload your file without any alterations and I get the same.

Any ideas?

In reply to Hannah Mathias

Re: Aardvark Pro 1.2 - Released

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

I've been working on updating Aardvark Pro and trying to fix various bugs which seem to have appeared over time. You can find my versions of Aardvark (Aardvark-Lite & Aardvark-Liteheaded ) HERE

Now to try and analyse your immediate problem I want to ask you to change some settings. I am assuming you are the site administrator, so login as such and go to Site Administration block select 'Server' and then click on 'Debugging'.

In the Debugging window select 'DEVELOPER' from the Debug messages dropdown list. Also, if it isn't already 'ticked' CLICK on the checkbox marked Display debug message to put a 'tick' in it.

Now select Save Changes at the bottom of this page. And return to you Home page. and Logout and then refresh the browser window.

Can you now tell me if you see any Error messages on the front page?

Can you also tell me the Version of Moodle you are using?

Mary
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Nathaniel Latoni -

Hello,

Thanks for providing such an excellent, robust theme for us to use. I'm having an issue when using https protocol on IE8 on the login page. I'm displayed a security warning which tells me some items may comprimise the security of the page I wish to view if I display them and asks if I would like to prevent these items from being displayed. Choosing No allows the site to display normally. Choosing Yes breaks the menuing system and scatters the menu options vertically down the page.

Any helpful ideas?

TIA

In reply to Nathaniel Latoni

Re: Aardvark Pro 1.2 - Released

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

You may be interested in this discussion about an earlier Aardvark theme.


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

Re: Aardvark Pro 1.2 - Released

by Nathaniel Latoni -
Thank you for sending me that link. So from what I understand, there are parts of the theme that are poorly written and cause errors that are masked by other browsers but easily display in IE8... and there's no easy fix.

I think I'm knowledgeable enough to tinker with the PHP and CSS but don't know that spending the time to do so is in my best interest. Are there any further pointers you could give to specifically root out the secure protocol problem? I found this article suggesting I may need to change the way a variable is referenced: http://docs.moodle.org/en/Header_logo. Does that seem relevant to this discussion?

Thanks for your help.'

P.S. I just found the Aardvark 1.5 - Aquarium - Released forum... I guess since that's the exact theme I'm using, I should be posting over there...
In reply to Nathaniel Latoni

Re: Aardvark Pro 1.2 - Released

by Nathaniel Latoni -
Well after a bit of tinkering I think I have fixed the issue. I'll post my solution here so that 1) if there are holes caused by this fix perhaps someone can point them out and 2) if the fix is generally accepted it may help other users experiencing the same issues.

To remove the warning concerning security from IE8 I edited menujs.php and profileblock.php. For menujs.php I edited lines 1-4 replacing $CFG->wwwroot with $CFG->httpswwwroot.

For profileblock.php I edited line 4 replacing two instances of $CFG->wwwroot with $CFG->httpswwwroot.

Everything appears to be working fine. It doesn't look like the https protocol is being called on pages other than where it should be (specifically for my case, the login page). I still get a lock icon with an exclamation point in FF warning me that the page contains unauthenticated content... but if it's displaying fine without prompting the users to take any sort of action I'm ok with it.

Thanks for your assistance and feel free to point out any problems with my suggested change to the aforementioned files.
In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released Header and profile in 2 blocks?

by kathryn cruickshanks -

Hi all, 

I've been editing the wonderful themes by Shaun and am having a bit of an issue.

I have trawled through the numerous posts but got a bit lost in the quantity!

I edited it all at home with my personalisations and got it just right (with the profile options displaying in the right hand part of the header). Now back at school in IE8 the theme is displaying wrong with the profile options in a second block just below the header.

Can someone point me in the right direction to fix this?

Many thanks in advance for any guidance!

Kathryn

In reply to kathryn cruickshanks

Re: Aardvark Pro 1.2 - Released Header and profile in 2 blocks?

by Kaleelur Rahuman -

I have uploaded using ftp... After selecting the theme I see only a white screen. why?

In reply to Kaleelur Rahuman

Re: Aardvark Pro 1.2 - Released Header and profile in 2 blocks?

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

Hi,

Themes FAQ Read section 1.1 and 1.2 as these will most probably help you fix the problem.

Mary

In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by erika alarcon -
Picture of Testers

Hi

I'm trying Moodle 2.0 in my local computer, and put this Theme but it not shows in the Theme Selector list.

Also tryied erasing the files in the theme named "anomaly" and copying the files of Aardvark there, but now the "anomaly" theme doesn't show in the Theme Selector list.

Can anyone help or anyone who have installed in Moodle 2.0 ?

In reply to erika alarcon

Re: Aardvark Pro 1.2 - Released

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

Erika,

The aadvark themes are for Moodle 1.9. The theming works differently in Moodle 2 and the themes cannot be directly exchanged from one to the other.

 

Richard

In reply to erika alarcon

Re: Aardvark Pro 1.2 - Released

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

I'm not surprised it wouldn't show up in the Theme Selector, Aardvark Pro 1.2 is for Moodle 1.9.x.

Development:Themes 2.0 is a good starting point if you want to learn how to customise a theme for Moodle 2.0.

Mary

In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Mike Watschke -

Hi there...EXCELLENT theme!  Is there a way to change the names/titles of the delivered blocks?  For example, I want to change the title of the "Course Categories" block to read "Modules."  Thanks in advance.

In reply to Mike Watschke

Re: Aardvark Pro 1.2 - Released

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

Hi Mike,

If you go to the site admin block and the Language option, under Language Editing, you can choose to edit words and phrases.

If you have not done this previously it will set up a en_utf8_local folder with a copy of the en_utf8 language files (assuming you are using English as the language to edit). This should avoid your changes being overwritten in any upgrades (I think).

The 'Course Categories' phrase can be found in the moodle.php file, but through the list of files, you can change just about any of the language used in Moodle as you need for your site.

 

Richard

In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Dr. Ray Mitsch -

Greetings!

My cron job just quit working, and now my forum email isn't going out to my subscribers.  What do I do?

In reply to Dr. Ray Mitsch

Re: Aardvark Pro 1.2 - Released

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

Hi Ray,

Can you please start a new discussion wich this as it is nothing to do with this theme, even if you do use the theme.

Thank you

Mary

In reply to Shaun Daubney

hide "log in" button

by Peter Wang -

This is a great theme. Thanks. I am using this theme basically as the front page of a regular site.  Only two or three admistrators sometimes login to add information and no other people need to be in the site. How can I hide " You are not logged in - log in" button from viewers, however, when myself need to login I just need to type: site url/login/index.php?

In reply to Peter Wang

Re: hide "log in" button

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

You can do this using Notepad. Open up aardvark.css and add the following line of code, which acts to hide the logininfo in the header. Hope this is what you meant?

.headermenu .logininfo { display: none }

 

 

In reply to Shaun Daubney

Re: Aardvark Pro 1.2 - Released

by Roberto Aloi -
Did all the theme packages move?

All the links like:

http://vle.newbury-college.ac.uk/theme/packages/aardvark_pro1_*.zip

Are not reachable anymore. Where is it possible to download the themes?
In reply to Roberto Aloi

Re: Aardvark Pro 1.2 - Released

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

Hi,

It appears they have been taken down...or that they have been moved to a new location but forgot to change the information!

I'll email Shaun and find out.

Mary

In reply to Shaun Daubney

Hello!!... Where I can download....

by Xio Cis -

... this theme? Aardvark Pro 1.2 -- Is it a stable version?

Is it the last versión?

I really like it!

Thank you so much!

 P.d. I have Moodle 1. 9. 12+