Aardvark-Green Theme

Aardvark-Green Theme

by Colin Wheelhouse -
Number of replies: 89
Discussion for the new aarvark-green theme.
Average of ratings: -
In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Helen Foster -
Picture of Core developers Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators
Hi Colin,

Thanks for sharing your Aardvark-Green theme. Just moving this thread to the themes forum in Using Moodle...
In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Colin Wheelhouse -
Amended version uploaded, thinner drop down menu and fixed rendering in FF.
In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by sarah black -
Is anyone else having problems with this theme? I choose it and I get the white screen of death! Please help...
In reply to sarah black

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Sounds like you may be some files missing? Or maybe that you have made changes to some parameters in the config.php?

Try reloading the theme to the server, then try again.
In reply to sarah black

Re: Aardvark-Green Theme

by Colin Wheelhouse -

Sarah,

Upload the zip file to the server and unzip it there. This should sort the issue.

Cheers

Colin.

In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by sarah black -
Thanks for the feedback!

I reuploaded everything but in the theme selector area it says in red Moodle 1.4. I have downloaded the only version available... What am I doing wrong? I haven't modified anything within the theme.


In reply to sarah black

Re: Aardvark-Green Theme

by Sulfriadi Naga -
hi sarah, i also have the same problem with you ... please give me information if your problem has been fixed thank you My email: sulfriadi@gmail.com
In reply to Sulfriadi Naga

Re: Aardvark-Green Theme

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

You need to upload the theme using the cPanel at your Host website.

In reply to Mary Evans

Re: Aardvark-Green Theme

by Sulfriadi Naga -

yes, I have done ... but I have the same problem with sarah, I managed to upload themes, when I select it, I get a white screen

In reply to Sulfriadi Naga

Re: Aardvark-Green Theme

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

OK...which version of Moodle are you using and was it working OK before you started to add new themes?

In reply to Mary Evans

Re: Aardvark-Green Theme

by Sulfriadi Naga -
i need help
Attachment Untitled.jpg
In reply to Sulfriadi Naga

Re: Aardvark-Green Theme

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

Hi,

You can download a revised version of Aardvark Green from my website HERE it cleans up some of the php code that may have contributed to the problem you were having.

To get this into your Moodle theme directory on your site follow these instructions:

  1. Make sure your OLD Aardvark Green theme is deleted from the your Moodle site.
  2. Login to your Webhost member area and using cPanel upload aardvark_green.zip to your area on your website.
  3. Using cPanel Extract the contents of aardvark_green .zip into your moodle/theme/.. directory
  4. next Login to your Moodle site and got to Theme Selector Aardvark Green should be there for you to choose.

If you end up with the same problem, get your host help-desk person to add the theme for you. OK

Cheers

Mary

In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by ray clinton -

Hi

New to this, Installed the template everything looks great, but how do I change the menu links as they still link back to the original site when i click on courses for example it directs me here http://bungay.moodle.overnetdata.com/login/index.php 

any help would be great.

Rgds

Ray

In reply to ray clinton

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
If you open the menu php file (aardvark_menu.php) you will see a bank of menus which need populating....or rather changing to reflect your own hyperlinks.

Wherever you see a menu/sub-menu title you need to add your own.
And in the part where you see<a href="url...blah...blah...blah"> you need to add your own absolute address for each link.

For example:

$text ='<li><a href="http://mail.google.com/a/bungaymiddleschool.com">Gmail</a></li>'; Make changes where highlighted in yellow, to reflect your own hyperlinks (see below)

$text .='<li><a href="ADD YOUR HYPERLINK URL HERE">Link title goes here</a></li>';

regards

Mary


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

Re: Aardvark-Green Theme

by ray clinton -

Hi Mary

Thats great, Thanks very much for your help.

Rgds

Ray

In reply to Mary Evans

Re: Aardvark-Green Theme

by Lefteris Michael -

Hello to every one. I want to change the links and replays them with greek words but it doesn't show me properly the letters. I think so there is problem with the encoding utf-8. Do you know how to fix it???

Thanks

In reply to ray clinton

Re: Aardvark-Green Theme

by Colin Wheelhouse -

Ray,

Open and edit the aardvark_menu.php file, it contains the code for the links. You can replace what I have with links to your own pages. Follow Mary's instructions below.

Cheers

Colin.

Average of ratings: Useful (1)
In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by sarah black -
Okay, this is weird. It doesn't seem to matter what I do. As soon as I select that theme, white screen. I just downloaded and uploaded yet again. What am I missing? I have no problems with other themes..
In reply to sarah black

Re: Aardvark-Green Theme

by sarah black -
Is it possible that this theme is allergic to some add-on modules and/or plugins?
In reply to sarah black

Re: Aardvark-Green Theme

by Colin Wheelhouse -

Sarah,

I'm not sure what's going on I have the theme running on 3 sites. How are you uploading the files? Instead of directly uploading the .zip folder by ftp or sftp can you upload it via cpanel and then unzip the folder inside the themes directory? This is how I installed the original theme that I based this version on as I got the white screen with aardvark_1.2 pro also. Let me know how you get on.

Colin.

In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by sarah black -
I also just had the same problem with the pro theme. I am unzipping it first and then ftp into the theme folder. I don't know how to do it from the cpanel. I will try that..
In reply to sarah black

Re: Aardvark-Green Theme

by sarah black -
Wow! It worked that way! Why in the world is that? It doesn't say 1.4 anymore either.Thanks for your help!
In reply to sarah black

Re: Aardvark-Green Theme

by Colin Wheelhouse -

Sarah,

Glad to be of assistance, I hope you enjoy the theme.

Cheers

Colin

In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

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

I think you might have created your Green theme based on the first download of Aardvark Pro, because it too had the same problem when uploading it via FTP. The theme's creator Shaun had left some rogue Mac files in the download. This came to light in the discussion on this forums HERE

http://moodle.org/mod/forum/discuss.php?d=141577#p620198

Cheers

Mary


In reply to Mary Evans

Re: Aardvark-Green Theme

by Colin Wheelhouse -

Mary,

Thanks for the tip, I downloaded the theme from http://vle.newbury-college.ac.uk/theme/packages/aardvark_pro1_2.zip direct from the themes page on the 12th Feb 2010. If this is not the correct version (ie cannot be uploaded via ftp) could you point me in the direction of the new one. It will obviously save a bit of hassle for those wanting to try out the theme.

Cheers

Colin.

In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Bryan Jenkins -

Colin,

This is exaclty how i'm am uploading the file but i am still getting the white screen,  and the menu looks jacked up...?

I have not altered anything yet.

In reply to Bryan Jenkins

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Bryan, you need to check the content of the aardvark_green zip file and delete all the thumb.db files these are not needed. Also delete the file/s called .DS_store this is a MAC associated file. (if these exist on your version of the zip file).

You can then extract what's left. This new folder can them be uploaded to your server. But DELETE your current aardvark_green theme from your server first, and then upload the new folder.

I think you will find this works.

Cheers

Mary


In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by ray clinton -

Hi Colin

Great, thanks for the quick response.

rgds

Ray

In reply to Colin Wheelhouse

Nice Theme!

by Andre Brassard -
Greetings, fellow Moodle'ites.

(VERY new to the whole Moodle community, etc: so, apologize if my questions are redundant and/or hare-brained ..)

I'm somewhat HTML savvy, but admit I'm quite PHP, CSS challenged. : (

I'm going to use this theme for a course I'm developing for a small non-profit and I'd like to change a few things:
  1. Take out the picture at the top (did that)
  2. Change the main header logo and put the company logo in its place (exact same dimensions, did that too)

But, doing number 1 and 2 above has changed the alignment of the graphic logo and the calendar thingy at the top-right of the screen (the little square that says "Friday 19 February 2010"

The size of this date square grows/shrinks dynamically to adapt to the number of characters in the current date. Any way of making that size static?

Also, how hard would it be to change the color of the green bar at the top? (the nice menu bar that has "My Moodle", etc.

Best, Andre Brassard


In reply to Andre Brassard

Re: Nice Theme!

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Well if you did all of the above correctly you wouldn't need to make changes to the calendar! LOL So I am guessing you must have disturbed something in the header.html, or made changes to some elements of the CSS file?

How did you tackle the LOGO? Did you use the same size image as the site logo and load your own company image to replace the original, or did you physically change some code in the header.html file?

Same goes for the user picture top right.


The menu color uses an image, and is all governed by CSS. The item in red is the image together with it's location in your aardvark_green theme folder.

Here's the code...

#aardvark_menu {
background:#93CC3E url(images/menu/menugrad.jpg) repeat-x scroll center top;
clear:both;
height:46px;
margin-left:0;
margin-right:0;
}

I'll be back with more code for the Logo fix but may miss the edit time on this post!

be back later

Mary



In reply to Mary Evans

Re: Nice Theme!

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

Here's the FIX...

First make sure you have brand new copies of profileblock.php header.html and aardvark.css (make copies of these and store in a safe place).

STEP 1:

1. Take out this php code (see below coloured blue) from the top of the profileblock.php file. This takes out the User picture.

<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>

STEP 2:

Replace the following code (see below) into the aardvark.css file.
This floats the profileblock to the right into the space left by the User picture.

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

#profileblock {
float: right;
text-align: right;
max-width: 440px;
margin-right: 5px;
}

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

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

.profilename, .profilename a {
background-color: #ffffff;
color:#93CC3E;
font-size:1.4em;
letter-spacing: -3px;
text-decoration: none;
font-weight:bold;
}

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

#profileoptions {
text-align:right;
width: 440px;
margin: 0;
padding: 0;
float: right;
text-transform: capitalize;
}

#profileoptions ul li {
padding-left: 20px;
background-color: transparent;
display: inline;
}

.profileoptions {
text-decoration: none;
letter-spacing: -1px;
}

.profileoptions,.profileoptions a {
background-color: transparent;
color:#93CC3E;
}

.profileoptions a:hover {
background-color: transparent;
color: #B0DA72;
text-decoration:none;
}

STEP 3:

Upload the new header.html, the aardvark.css, and the profileblock.php to your server. Then view the page in your browser and refresh screen to see changes if necessary.

Hope this fixes the problem. If it doesn't then you must have changed other elements , like the menubar.php which is not covered in the above. If you have changed the menubar.php file I will need to know where, and what, in order to suggest a fix for you.

Hope this bit works anyway.

Mary
In reply to Mary Evans

Re: Nice Theme!

by Andre Brassard -
Hi Mary, and thanks for that great feedback!. I'm going to implement it today.

I used the same header.html file. The only change I made was creating a new file called logo.gif, and plopped it in the place. I DID make significant changes to the aardvark_menu.php file. I guess I should have phrased my original question a bit differently. The code behaves as designed, it's just that I'd like my graphic to line up with that green bar. Right now, it lines up differently with each day of the week (literally). Because that bar grows/shrinks accordingly.

For the logo, I used a combination of Gimp (the open source freeware) and Microsoft Paint. And just created ONE big logo that spans most of the header.

I'll let you know how I make out ..
Best, A.
In reply to Andre Brassard

Re: Nice Theme!

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

Sorry if I misunderstood your question. On first read I thought you had perhaps altered the header.html which can have strange things happen to your pages.

I'd be tempted to put the original menu php file back and then take it slower making changes.

Good luck anyway

Mary


In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Andre Brassard -
Hi, again: I realize this probably doesn't belong in this forum, but: what do people commonly use to create content? Presently, I'm creating Powerpoints then converting them to FlashPlayer. It's an unweildly process, and I keep thinking there must be a better way. (The conversion tool is buggy, and .. that's the least of it .)

Thanks again.
Andre B.

In reply to Andre Brassard

Re: Aardvark-Green Theme

by Colin Wheelhouse -

Andre,

You may want to look at Camtasia Studio, it works as a PowerPoint plugin but allows you to add SCORM complient content into the presentation, meaning that the resource becomes interactive and gradeable.

Colin

In reply to Colin Wheelhouse

Issues with blocks

by Mark Veljkov -

First, very nice theme.

I am having some challenges with front page blocks on the right side.  The blocks do not adjust and they "hang over" the edge of the white background.  They look Ok in a course, just the front page.  I have not been able to figure out to fix this.  I attched a picture to show what I am referring to.  Thanks

Mark

Attachment overlap.PNG
In reply to Mark Veljkov

Re: Issues with blocks

by Colin Wheelhouse -

Mark,

What browser are you using? I cannot recreate this effect unless I hold ctrl and scroll in using the mouse wheel to a massive zoom. This theme has only been tested in IE8 and FF 3.6.

regards

Colin

In reply to Colin Wheelhouse

Re: Issues with blocks

by Mark Veljkov -
Hey Colin

Just an fyi, i have been using your theme in ie7 with no problems. I haven't tried in ie6 however wink

Mark
In reply to Mark Veljkov

Re: Issues with blocks

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
At a guess I would say the image in center of your page, in site topic area, is too wide. You need to be careful when you add images.

If it isn't an image which is forcing the side block to move to the right, then there must be some other object on the front page which is causing this sideways slippage.

regards

Mary
In reply to Mary Evans

Re: Issues with blocks

by Mark Veljkov -
I have it up in ie7, 8 and ff3.6. Mary was correct about a the center topic section. I have a table with 4 images that pushed the sideblocks. I should have remembered that this was the problem since this same problem had happened to me before.
Ah, of all the things I've lost I miss my mind the most!

Thank you (and Colin) for the hint!

In reply to Mark Veljkov

Re: Issues with blocks

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Glad to hear you got the old grey matter working again! LOL

That problem you discribed should be number one in the Moodle FAQ page!

Glad to be of help

Mary




In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Mark Veljkov -
How do I change the text color for the user name text and the Update Profile, My Courses and Log out?

Mark
In reply to Mark Veljkov

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Look in aardvark.css for the class selector prefixed with the word 'profile', you'll find all you need to change there related to name and options.

Hope this is of help to you?

Mary
In reply to Mary Evans

Re: Aardvark-Green Theme

by Mark Veljkov -

Thank you Mary.  I had actually gone through the profile section and methodically changed all of the colors one at a time but there was no effect (I even emptied my cache each time).  This is why I was confused because I had assumed that font color changes were made in this profile area.  I also can not figure out how to change the text color for the other text in the profile block area. Any hints on how to do this would be appreciated.  Thanks again.

Mark

In reply to Mark Veljkov

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
You could try re- writing the css anchor link, visited in full, because, depending on which browser you use, sometimes they can revert back to using the default standard theme styles layout colours.


.profilename,
.profilename a:link,
.profilename a:visited {
background-color: #ffffff;
color: #93CC3E !important;
font-size:1.4em;
letter-spacing: -3px;
text-decoration: none;
font-weight: bold;
}

.profilename a:hover {
background-color: #ffffff;
color: #B0DA72 !important;
text-decoration:none;
}


.profileoptions,
.profileoptions a:link,
.profileoptions a:visited
{
background-color: transparent;
color:#93CC3E !important;
}

.profileoptions a:hover {
background-color: transparent;
color: #B0DA72 !important;
text-decoration:none;
}
In reply to Mary Evans

Re: Aardvark-Green Theme

by Mark Veljkov -
Thanks I will give that a try. I have to first figure out how to change the background color. I went into the css and changed the background color but it did not change when I refreshed. I need to change the dark gray because that color also comes up when you open a chat session. So, when you type in a chat session the text is black and doesn't show up well.
In reply to Mark Veljkov

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
If I were you I would look in Standard theme styles_color.css and choose all the elements in Modules Chat ... Here is what I have in mine.

Add this to BOTTOM of aardvark.css change color of text and background.

Gray =#ddd
Dark Gray = #888
Black = #000

/***
*** Modules: Chat
***/

#mod-chat-gui_basic .text,
#mod-chat-gui_header_js-jsupdate .text {
color: #000;
}

#mod-chat-gui_basic .event,
#mod-chat-gui_basic .title,
#mod-chat-gui_header_js-jsupdate .event,
#mod-chat-gui_header_js-jsupdate .title {
color: #888;
}

#mod-chat-gui_header_js-chatinput .wait {
background: #ddd;
}

#mod-chat-view #chatcurrentusers .idletime {
color: #888;
}

Mary
In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Chris Scurrah -
Hi Colin

Just been been modifying your Aardvark-Green Theme and have managed to get the side block calendar header image to match the left and right block image headers as well as adding a drop shadow to all block headers.

I've also added an image to the footer and reduced the size of the main logo as it was causing the blocks on the right hand side to be pushed out on some courses and the glossary etc.

Also cleaned up some redundant images as well as deleting all the thumbs.db files before zipping.

There are three versions I've made:-

Green
Purple/Pink
Black/Grey

They can be downloaded from here as I only uploaded them onto the Moodle website themes page today so they have not be approved yet:-

Green
www.council.soham.org.uk/file.php/1/aardvark-stc.zip (Download)
www.council.soham.org.uk (Demo)

Purple/Pink
www.forum.soham.org.uk/file.php/1/aardvark-stf.zip (Download)
www.forum.soham.org.uk (Demo)

Black/Grey
www.sohamvc.org/file.php/1/aardvark-svc.zip (Download))
www.sohamvc.org (Demo)

Obviously a huge amount of thanks must go to Shaun Daubney and his original Aardvark Pro 1.2 theme for the core coding but also to you Colin, for your really colourful modifications.

For tweaks etc see the rest of the Aardvark-Green discussion page as well as the Aardvark Pro 1.2 discussion pages

Kind Regards

Chris Scurrah
In reply to Chris Scurrah

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Nice and tidy looking set of themes, Chris.

One thing has really puzzled me though...why are you all still using this, not very W3C Validation friendly font tag in the footer? All of these tags could be lost by using one set of div tags and paragraph line spacing formatted with CSS!!!

<font size="1">
<b>
Soham Town Council, P.O. Box 21, The Pavilion, Fountain Lane, Soham, Cambridgeshire, CB7 5PL
<br/>
Tel: 01353 723472 Fax: 01353 723472 E-Mail:
<a href="mailto:info@soham-tc.gov.uk">info@soham-tc.gov.uk</a>
.
<br/>
Copyright © 2003-2010, Soham Town Council. All Rights Reserved.
<br/>
<a href="http://www.soham-tc.gov.uk">Soham Town Council</a>
is not responsible for the content of external internet sites.
</b>
</font>

Cheers...

Mary
In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Andre Brassard -
Hi.

I'm adding my own menus to the main Title bar, and getting many errors in html formatting. Out of curiousity, I counted the number of tag: specifically the <div> and </div> tags, and they don't match up. Seven for the former, five for the latter.

Anyone know the reason for this?
Thanks, Andre B.



In reply to Andre Brassard

Re: Aardvark-Green Theme

by Andre Brassard -
This is in the aardvark_menu.php file by the way.

In reply to Andre Brassard

Re: Aardvark-Green Theme

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

I checked the Green aardvark_menu.php with the original aardvark_pro and these two differ considerably.

If you look at the menu title Courses and Staff Zone you will find these two have starting <div> but no closing </div>

I don't know why this is...perhaps some of the menu code was deleted and Colin forgot to close the div tag. He did close the <li> so my guess is he didn't account for the </div> too. Normally it would not show up, but in your case it did because you were customising/extending the menu.

So in this respect it should be regarded as a BUG and needs fixing in the original download.

Well spotted!

On the fly...personally I don't care much for the use of a <div> being adopted as a css selector because, as you are proving Andre, it can be forgotten to be closed. The div in the aardvark menu could easly be replaced by a css class selector, inserted with the opening <li> tag and would work just the same, and at the same time be less cumbersome.

Just my thoughts...

Hope you can fix whatever is happening to your menu, Andre?

Cheers

M
In reply to Mary Evans

Re: Aardvark-Green Theme

by Chris Scurrah -
I think you'll find the closing </div> tag is at the start of the footer Mary
In reply to Chris Scurrah

Re: Aardvark-Green Theme

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

Surely closing tags in the footer are associated with tags in the header, and not the menu php.

As far as I can see, the menu php, which is opened and closed with div tags, is called from within the header html. If the menu php needs a final closing div tag, then it should be in the menu php, and NOT in the footer! Or am I missing something?

Mary

EDITED: @12:12pm

Chris,

Further to what I wrote here earlier, I've found 2 </div> which seem to be rogue tags. One at the end of the credits where the FONT tags are. The other is at the bottom of the page before the closing BODY tag.

There is NO closing div tag at the start of the footer in my copy of footer.html.

Mary
In reply to Mary Evans

Re: Aardvark-Green Theme

by Andre Brassard -
Hi Folks:

Grant it that it's probably valid to have opening tags in one file and closing tags in another, but it compounds the level of complexity 10-fold. And, makes it extremely confusing to follow. BUT, much more importantly, it makes the customization nearly impossible.

It MIGHT be doable (customizing that is), if this practice were to be commented thoroughly, but it isn't.

With this, it basically leaves me no choice but to dump this theme and find another one.

Ugh ...
A.


In reply to Mary Evans

Re: Aardvark-Green Theme

by Elizabeth Senger -

Mary,

Just FYI...I just downloaded the Aardvark_Pro 1.2 (Original) theme and found the same issues with the closing tags.  Maybe it slipped into a later version than you have.

Elizabeth

In reply to Elizabeth Senger

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
In the Footer yes...but not the aardvark_ menu.php. I'm still puzzled to find that there are some missing </li> tags at the very end of the sub-menus, which should come after the </div>. There is also a missing </ul> which closes the menu itself. I have so many of these zip files of this theme, I'm getting confused!

I swear I'll be seeing aardvarks in my dreams next! LOL





In reply to Mary Evans

Re: Aardvark-Green Theme

by Chris Scurrah -
I've just uploaded cleaner versions of Aardvark STC, STF & SVC where I'm fairly certain I've closed all the </div>, </ul> and </li> tags properly along with cleaning up the footer.


Try working with a clean aardvark_menu.php that looks like this:-



<div id="aardvark_menu_date">

<a href="<?php echo $CFG->wwwroot.'/calendar/view.php' ?>"><script Xlanguage="Javascript" type="text/javascript">
//<![CDATA[
<!--

// Get today's current date.
var now = new Date();

// Array list of days.
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');

// Array list of months.
var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');

// Calculate the number of the current day in the week.
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();

// Calculate four digit year.
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;
}

// Join it all together
today = days[now.getDay()] + " " +
date + " " +
months[now.getMonth()] + " " +
(fourdigits(now.getYear())) ;

// Print out the data.
document.write("" +today+ " ");

//-->
//]]>
</script></a>

</div>

<ul>

<li><div><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></div></li>

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

<ul>
<h4>Subtitle Menu One 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>

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

<ul>
<h4>Subtitle Menu Two 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>

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

<ul>
<h4>Subtitle Menu Three 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>

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

<ul>
<h4>Subtitle Menu Four 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>

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

<ul>
<h4>Subtitle Menu Five 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>

</ul>
In reply to Chris Scurrah

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
That's GREAT Chris! Thanks...

For anyone who is interested I adapted the aardvark_menu.php further, and instead of the divs, which set the zoom element on the sub-menus, I amended the first li of each menu title to incorporate a css class selector 'zoom1' and changed this line in aardvark.css...

from this...

#aardvark_menu ul li div{
position:relative;
zoom:1;
}

to this...

.zoom1 {
position:relative;
zoom: 1;
}


and changed aardvark_menu.php to read...

<div id="aardvark_menu_date">

<a href="<?php echo $CFG->wwwroot.'/calendar/view.php' ?>"><script Xlanguage="Javascript" type="text/javascript">
//<![CDATA[
<!--

// Get today's current date.
var now = new Date();

// Array list of days.
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');

// Array list of months.
var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');

// Calculate the number of the current day in the week.
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();

// Calculate four digit year.
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;
}

// Join it all together
today = days[now.getDay()] + " " +
date + " " +
months[now.getMonth()] + " " +
(fourdigits(now.getYear())) ;

// Print out the data.
document.write("" +today+ " ");

//-->
//]]>
</script></a>

</div>

<ul><!-- start of main unordered list -->

<li class="zoom1"><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 class="zoom1"><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu One</a>

<ul>
<h4>Subtitle Menu One 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></li>

<li class="zoom1"><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu Two</a>

<ul>
<h4>Subtitle Menu Two 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></li>

<li class="zoom1"><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu Three</a>

<ul>
<h4>Subtitle Menu Three 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></li>

<li class="zoom1"><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu Four</a>

<ul>
<h4>Subtitle Menu Four 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></li>

<li class="zoom1"><a href="<?php echo $CFG->wwwroot.'/' ?>">Menu Five</a>

<ul>
<h4>Subtitle Menu Five 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></li>

</ul><!-- end of main unordered list -->

I just think it tidies it up a little.

Mary


In reply to Andre Brassard

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Further to the div problems as described in my last post above, I have discovered that there are a number of li tags missing their closing tag /li too. I know these closing /li are somewhat staggared throughout the menu as is normal for this menu type, but missing them off all together is not correct, and as a result the menu is not working as it should.

Another BUG?

Mary

In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Andre Brassard -
Even with the missing tags, this is still a very nice theme. And, I've invested too far to go with another one. If Chris fixed it, all for the better.

I did an Emacs 'count-matches' of all the tags. This is the result of the count.


In reply to Andre Brassard

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
The problem with this theme is that it was adapted from a theme which had gone through many changes. However, the footer as stayed basically the same throughout, and yet where the header has been altered the footer has not, and therefore there is a closing /div at the bottom of footer.html which is actually obsolete, having started off it's life as a closing tag for the 'surround' container set up in an earlier version.

The very fact FONT tags are in the footer shows that it hasn't been touched much other than to add or amend copyright acknowledgements. Even in Chris's new updated downloads the footer is wrong, it might look right, but it is wrong!

Mary
In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Chris Scurrah -
Just to let you know that I've now uploaded the latest versions of Aardvark STC, STF & SVC complete with clean footers and menus
In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Chris Scurrah -

To add sub menu item headings to a Menu Heading, try changing the code to the following (The changed code is in bold):-

 <li><div><a href=http://www.your-website.com/>Menu 1</a>
     
        <ul>

        <h4>Sub Menu 1</h4>

        <?php

 $text ='<li><a href="http://www.your-website.com/item1.htm">Item 1</a></li>';
 $text .='<li><a href="http://www.your-website.com/item2.htm">Item 2</a></li>';
 echo $text;

?>

<p></p>
<br>    

        <h4>Sub Menu 2</h4>

        <?php

 $text ='<li><a href="http://www.your-website.com/item3.htm">Item 3</a></li>';
 $text .='<li><a href="http://www.your-website.com/item4.htm">Item 4</a></li>';
 $text .='<li><a href="http://www.your-website.com/item5.htm">Item 5</a></li>';
 
 echo $text;
?>

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

In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Roman Hurtik -
There's an issue whit Google Chrom. Check the attached pic.
Attachment gchrm.png
In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by flo jo -

I do like this theme and have spent time already tweaking bits. Now I may be missing something completely obvious but where in the code do I alter to change the menu colour from green to e.g. blue, or add in alternate graphics to replace the green. Can someone help please?

Jo

In reply to flo jo

إعادة: Re: Aardvark-Green Theme

by ghassan aljabiri -
hello every body
I am getting mad here
I am new at php and themeing

I use this theme as a first attempt with mood
I want to change the logo on the left
I uploaded a new logo with the same name and type instead of the original one , but It wont work
I tried to change the #logo class in the css file
I updated the path but no result
what did I miss
sad
In reply to ghassan aljabiri

Re: إعادة: Re: Aardvark-Green Theme

by Ewan Logue -

Possibly several things Ghassan

Post exactly what steps you took and what the outcome is

also is it simply a case of pressing ctrl + F5 as the page maybe cached?

In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by Mehmet Efe Ozbek -
I like this theme. But I have problem: When sending or receiving messages, there is very little difference between the font color and the background color. I can hardly read the messages. I could not findout which ccs style is controlling those colors?
In reply to Mehmet Efe Ozbek

Re: Aardvark-Green Theme

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Try adding #email {background-color: white} to the CSS file


In reply to Mary Evans

Re: Aardvark-Green Theme

by Anu Laitakari -

Hi Mary,

I seem to have the same issue with the message boxes. The colour for the whole background seems to be pulled into the message box making it dark green and very hard to read.

To which point would I insert the #email {background-color: white} into the CSS?

Sorry, I am a complete amateur with HTML and CSS, although I have managed to marry up two themes to create "my own" one.

Thanks, Anu

In reply to Anu Laitakari

إعادة: Re: Aardvark-Green Theme

by ghassan aljabiri -

I am using the Great Green Theme

I changed the language of the menu and the date block

but the menu and the date block shifted down

what did I miss

In reply to Colin Wheelhouse

Re: Aardvark-Green Theme

by João Paulo Lemos Escola -

Hi Colin.

I need to upgrade my Moodle, but I can not change the theme because everyone is familiar with it.

Please, as I use this theme in Moodle 2.0?

In reply to João Paulo Lemos Escola

Re: Aardvark-Green Theme

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

Hi Joao,

The Moodle1.9 themes cannot be used in Moodle2 as the themes work differently.

You could try Mary's AardvarkLite for Moodle2 (which may then need to be recoloured to green) or Colin's Gekko 2.0, which is already a green based theme. Both of these are based on the same Aardvark foundation as the Aardvark-Green theme you are currently using but have been built for Moodle 2.

Hope that helps

Richard

In reply to Richard Oelmann

Re: Aardvark-Green Theme

by João Paulo Lemos Escola -

Hi Richard.

My options are: upgrade moodle to version 2.0 without changing your look or leave everything as is.
I can not change the subject, I need to use it.
There is a forecast that this theme be adapted to the new moodle?

In reply to João Paulo Lemos Escola

Re: Aardvark-Green Theme

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

Hi Joao,

I'm afraid i don't know if Colin has any plans to adapt this specific theme for Moodle2, but I would be tempted to ask if you want everything to be exactly the same as it is now, why change to Moodle2? In that situation I would probably leave everything as it is and stick with Moodle1.9

Richard

In reply to Richard Oelmann

Re: Aardvark-Green Theme

by Tara Call -

I am having the same problem. In the beginning I got pretty scared because the screen got blank. In other words, nothing was coming. First I thought that there is some problem with my system. But then I realized that the issue is related to the theme. I really wonder what I should do now.

In reply to Tara Call

Re: Aardvark-Green Theme

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

If you loaded this 1.9 theme into your Moodle 2.0 site then the best thing is to delete it. I mean detle the Aardvsrk-Green folder NOT your site! Don't worry nothing will happen, your site will be safe, it will revert back to the default theme which is called Standard. From here you can safely select a new theme.

HTH

Mary

In reply to Mary Evans

Re: Aardvark-Green Theme

by William Rivero -

hi how do i change the dark green background color to a tiled picture?

In reply to William Rivero

Re: Aardvark-Green Theme

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

Hi,

You can do this by changing the CSS for this theme.  Depending on the css files included in the theme, you need to first upload an image (bground.jpg) to this theme's folder and then make the changes to the relevant css file:

body {background : #fff  url(bground.jpg) repeat 0 0 fixed;

This fixes a tiled image called bground.jpg to the body of your browser window for this theme.

HTH

Mary

In reply to Mary Evans

Re: Aardvark-Green Theme

by Alexandre Texeira Bondelas -

Hi

Firstly thank you for this theme, continuing i need yours comments i'm thinking in use this theme in moodle 2.x , it's possible adapt this?.  I need select one theme what running in both versions (1.9 and 2.x)
My regards

In reply to Alexandre Texeira Bondelas

Re: Aardvark-Green Theme

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

You will need a Moodle 1.9 theme to work in Moodle 1.9 and a Moodle 2.x to work in Moodle 2.x. It is NOT possible to have one theme work in both versions, sorry.

Mary