Special thanks to Mary Evans, James Cracknell and Richard Oelmann for their help. Without them it wouldn't nearly be finished or as good.
Moodle 2.x.x - Aardvark 2.1.0 RELEASED!
Number of replies: 378Re: Aardvark 2.1.0 RELEASED!
Re: Aardvark 2.1.0 RELEASED!
Very nice theme but if I wanted to change the goldfish would be allowed and is it easy to do?
Re: Aardvark 2.1.0 RELEASED!
yes and yes Michael
If you upload an image to your site (I usually use the Main Menu section, but so long as it is available without logging in it can be anywhere) Then go to the aarvark theme settings page (Site Admin -> Appearance -> Themes -> Aardvark) you will find a box there to copy the url of your image into.
Richard
Re: Aardvark 2.1.0 RELEASED!
That's the logo Richard, he's talking about the fish which isn't in the settings yet because I couldn't work out how to format the default string for it.
Re: Aardvark 2.1.0 RELEASED!
oops sorry Didn't look carefully ewnough and assumed the fish was the default logo
Shaun, If you take a look at my flexi_ii theme, there are way too many settings in there, but they include background images in css, that should help you.
I'll dig it out after tea and email you the relevant bits from settings, lib and the css.
Richard
Re: Aardvark 2.1.0 RELEASED!
Hopefully this will help Shaun.
I've extracted various parts out of the code for flexi_ii and pasted them into the attached file. Hopefully it'll give you the right direction for settings for images in css
Richard
ps. Aardvark looks fantastic! well done and thanks for all the hard work and effort you've put in!
Re: Aardvark 2.1.0 RELEASED!
Thanks Richard, looks like it's time to move on to 2.1.1 BETA then - which I've just done. So here we go, with the ability to change the goldfish from the settings menu I give you Aardvark 2.1.1 BETA
Problems adding Videos
Hi,
I was just trying out several themes and looking what would suit me best, and how Moodle works, and I like your theme (changed the fish, though). There is one problem I can't get around: when trying to add a youtube video (via add link/URL), I can see it in the preview, but when I try to display it "regularly", it says "Not Found The requested URL /moodle/mod/url/ was not found on this server."
I tried the same thing in the theme "Magazine" and it works there. The Video is embedded and plays nicely.
How can that be? I thought the themes only affect the surface?
Thank you,
moini
Edit: The Moodle engine threw out my link...Here is the error message again: Not Found
The requested URL /moodle/mod/url/<iframe width="425" height="349" src="http://www.youtube.com/embed/g2u9ZDUTHns" frameborder="0" allowfullscreen></iframe> was not found on this server.
Re: Problems adding Videos
That is strange. The theme shouldn't affect that at all. I'll try it on mine.
Re: Problems adding Videos
Hi Shaun,
This is because you used one of JS's themes and he does not use page-header or page-footer which are needed to embed objects in a page.
Quick fix is to add <div id="page-header"></div> just below the header
and
<div id="page-footer"></div> just above the footer
in general.php
Either that or rename the header and footer in your theme.
Mary
Re: Problems adding Videos
DONE! I'll build a copy and post it now...
There goes. Now I'm off to the carnival!
Re: Problems adding Videos
Shaun.
Can you send me a copy of the original BETA version as I seem to be working off the wrong copy.
I have so many aardvarks I think they have begun the breed! LOL
Re: Problems adding Videos
Re: Problems adding Videos
What's with the Goodle doc nonsense? Why not use GITHUB?
Re: quiz editing with Aardvark theme
Hi Shaun and others,
I have been testing the 2.1.1 beta2. I have noticed when adding questions to a quiz, the added questions do not appear to the left of the questions banks. They instead show much lower on the page. Would this have to do with the fixed width? I have attached a screenshot. I would appreciate any help in getting this fixed. I would like to use this theme when school starts in the fall.
Rob
Re: quiz editing with Aardvark theme
This looks like the typical problem you get in layouts with floats. If the two things do not fit side-by-side then one of them gets pushed down. CHange the widths to make one of them narrower.
Re: quiz editing with Aardvark theme
Thanks Tim. I changed the Aardvark with from 960 to 1100, but it did not make any difference. I also noticed the Brick theme for Moodle 2 does the same thing. I am doing some training with teachers this Friday on the 2.1 quiz module. They would be confused if the questions do not appear where they expect.
Re: quiz editing with Aardvark theme
Hi Rob,
I've got a fluid version I created on Aardvark, which you are welcome to try out. If you send me your email in a message I'll send you a copy.
Cheers
Mary
Re: quiz editing with Aardvark theme
Thank you Mary. I have sent you my email.
Rob
Re: quiz editing with Aardvark theme
Hi Mary,
Please I have got a problem here. I have tried the Aardvark theme and its great, but I have layout issues. The page looks squashed. I am using moodle 2.1.1 after upgrading from 1.9.
I tested on a moodle 2.0.1 site, and i dont have the squash issue.
Re: quiz editing with Aardvark theme
The problem with this theme and brick appears to be that there is a small amount of padding being added to the .block. The two containers are floating next to one another by % widths and the fixed pixel width of the padding is bumping down the middle block.
You could add:
.questionbankwindow.block {
padding: 0px;
}
To the bottom of core.css and clear your theme cache. That may work.
Re: quiz editing with Aardvark theme
Brilliant! That worked to get the question bank to line up where it should. Thank you.
I added the lines of code to the variable width version of Aardvark 2.1 developed by Mary Evans. It had the same issue when editing a quiz. I prefer it to the fixed width version. I suggest that Mary post her code so others can test it as well.
I will add the code to the Brick theme too.
Rob
Re: Problems adding Videos
Wow - that was awfully fast 
I'll try the php-thing M. Evans suggested, as I'm not yet using the Beta version.
Thanks!
Re: Problems adding Videos
I added those lines to the php-file (finding the right place by comparing to your beta-php-file), emptied the cache and still get the same error message... I'll try the beta now.
Re: Problems adding Videos
It works now in the current beta when I open the link in a new tab or click on it on the right side, when it's in that "recently added" section - it does not work in the original page when I just click on it. (I don't know if this is actually a change, as I haven't tried these things before, sorry.) I did empty the cache and I did add the video anew.
Re: Problems adding Videos
It all depends on what Shaun has done. The fix was more for Shaun's benefit, as it is better being fixed by the designer as there are other things at play in the code.
Cheers
Mary
Re: Problems adding Videos
All of my themes use page-header and page-footer. He probably used an old version of magazine from months ago when he started the project.
Page-header and page-footer get floats from base, so I would suggest clearing them or adding float:none...
Re: Problems adding Videos
I think Shaun used Simplespace as this had a reference to simplespace in the config.php. It was in this:
//$THEME->rendererfactory = 'theme_simplespace_renderer_factory'; line which was commented out so I told Shaun to remove as it was not needed in Aardvark, but was written wrongly anyway as it should have read... "theme_overridden_renderer_factory".
So yes it is an old theme, but whatever theme Shaun used the body tag was wrong also, as it used the echo.
That embedded thing is a pain though. I thought Sam H was fixing that in one of the MDL trackers? Have you got that tracker number, as I'd like to keep a watch on its progress?
Cheers
Mary
Re: Aardvark 2.1.0 RELEASED!
I tried installing this theme and changing the name (so it doesn't conflict with the other aardvark theme) and it looks like it messed up things. I've removed it and thigns are back to normal...what do I need to do to keep the non-beta theme and also have the beta aardvark theme you have linked in this thread?
Or is it safe to just override and jsut use the beta version?
This Moodle installation is not in full production mode right now, we just installed 2.1 and it's going to be in a pilot type stage.
Re: Aardvark 2.1.0 RELEASED!
I would just use the Beta version...it's the same theme just with alll the fixes.
Re: Aardvark 2.1.0 RELEASED!
Hi!
I have installed Aardvark beta 212 and can change the logo without problem, but the background image does not change with the URL I wrote.
Is there anything else I have to do other than write the URL of the background image?
Re: Aardvark 2.1.0 RELEASED!
Hi erika,
I believe the logo image is coded into the layout file (general.php) while the background image is a css background image in the core.css file and would therefore be cached by moodle.
Therefore my first question would be have you either purged the cache (Site Administration-> Development-> Purge all caches) or enabled Theme Designer Mode (Site Administration-> Appearance-> Themes-> Theme Settings)
HTH
Richard
Re: Aardvark 2.1.0 RELEASED!
Thanks Richard, I did the two things that you recommended me and I could see the picture as a screen background.
That really helps!
Re: Aardvark 2.1.0 RELEASED!
Hi Shaun, Please could you tell me which font was used to create the word 'Moodle'. Thanks.
Re: Aardvark 2.1.0 RELEASED!
Not sure if this was answered yet, but I beleive the font used was
Hiruko
Aardvark 2.1.0 RELEASED! logo and header
Hello to everyone
i need two things, th first i change the logo but i need that this show more bigger this its possible?
the other thing, i need to change the header change the fish for a image
please help me
best regards
Re: Aardvark 2.1.0 RELEASED! logo and header
Hi you should be able to do this in the the settings page for this theme...
Settings > Site Administration > Appearance > Themes > Aardvark settings page
HTH
Mary
Re: Aardvark 2.1.0 RELEASED!
Yes. I'm working on adding the option to the settings in the next release but for now just add your new graphic of choice to the aardvark/pix/graphics folder and change this line in styles/core.css
background : url([[pix:theme|graphics/fish]]) no-repeat center top;
It's a bit of a pain but I've not worked out the best way of adding it to the settings.php yet.
Re: Aardvark 2.1.0 RELEASED!
That was very quick, thanks for including the option to change the image. Am i right in thinking the background image is 1263px by 632px/
Re: Aardvark 2.1.0 RELEASED!
I can answer that Michael, yes that is correct the image is indeed 1263px wide by 632px high.
If you are asking this because you have another image in mind for the backdrop of your site, it does not really matter as the image is centered at the top so in effect you could have a smaller image or a larger one.
The fish it self is smaller if you eliminate all the white...and crop it as I have done here...then you can place it anywhere along the top edge of your screen using background-position: x y; (where 0 0 is left top)
so...
background-position: 0 100%; (left bottom)
background-position: 100% 0; (right top)
HTH
Mary
Re: Aardvark 2.1.0 RELEASED!
Shaun
Great looking theme - thanks for creating this...
One question - is there any method of changing the settings so the theme stretches out horizonatally on a larger wide screen type monitor? Especially useful when using the gradebook etc
Cheers
J
Re: Aardvark 2.1.0 RELEASED!
It is possible and I know Mary's been working on something with James but it throws out all of the profile bar stuff. I'm not very good at designing for variable width sorry.
Re: Aardvark 2.1.0 RELEASED!
Hi Jim,
If you know how to edit a CSS file then you can make this a fluid theme, by changing the width from 960px to 100%, but you will need to move the background from out of the wrapper into the body of the page. But like Shaun says doing this does alter the theme quite a bit, spoiling the profilebar for one thing, but even so that can be fix to stay on the right. But all this takes time, and mine is being pushed to the limit right now, otherwise I would offer to come up with the CSS for you to convert it to a fluid theme.
Mary
Re: Aardvark 2.1.0 RELEASED!
I've already used up most of Mary's time this week, she needs recharging
Re: Aardvark 2.1.0 RELEASED!
Hi
Yes, Mary did work on this and helped me get this right for what I wanted, but I need time as well to sort it and it is something which is in short supply (Me and the missus teach so it is the Summer Hols for us - or rather the time we catch up doing all the things we should have done during the rest of the year!).
The profile bar is interesting and I am wondering if it is the yui CSS and not the theme that is necessarily at fault. You might spot differences with IE8+ compared to Firefox/Chrome when making changes too. So bewarned! It might just be as simple as adding an
!important to a CSS line.
It's a challenge for someone to take on!
If I get time I'll look at the old file that I have from a beta of Aardvark 2.1 and the current file and merge the two together. If someone else wants to do this then send me a privmsg or you can get me direct at james@jcracknell.co.uk
Now if people want to get is the Open Source spirit of things and work together then we can do it.
Re: Aardvark 2.1.0 RELEASED!
Hi James,
I didn't realise Shaun had left off the Block in the beta version
I've got it working as a fluid theme, including the profile bar, just trying a opaque filter with a white background looks quite nice. Just a couple things to do yet but will work on it over the weekend...inbetween a thousand other jobs.
Cheers
Mary
Re: Aardvark 2.1.0 RELEASED!
Darn, I knew there was something I forgot. The extra (side)block in the profile bar threw up a few errors when accessing the calendar and a couple of other areas (that i've since forgotton) so it's something we prob need to work on for next release. I put it as an action in the ROADMAP but forgot to tell anyone.
Re: Aardvark 2.1.0 RELEASED!
No point in me doing this then!
LOL
Re: Aardvark 2.1.0 RELEASED!
It's something to do with having to declare the block in every "type" of page - general, admin, course, calendar, assignment, quiz, profile, etc there are loads of variables we just need to work out how to declare it across the board.
Re: Aardvark 2.1.0 RELEASED!
Hi Shaun,
I converted Aardvark to a fluid theme and fixed the missing elements like the email and the missing block. I'm still working on it but will email it to you soon
Mary
Re: Aardvark 2.1.0 RELEASED!
I thought we fixed the email bit before?!
Re: Aardvark 2.1.0 RELEASED!
You did, but it's not in the beta version. I had to add the strings to the lang/theme_aardvark.php else it throws up loads of warnings when debugging is on.
I don't really know why you released the beta version when half the extras are missing! 
how frustrating is that!
Re: Aardvark 2.1.0 RELEASED!
how odd, something must have gone wrong your end Mary, I've just checked mine (which hasn't been changed since that BETA 2.1.1 was released) and those strings are there, there are no errors with debug on, it's running like a treat. Everything is EXACTLY the same as 2.1.0 but with the addition of that background image change.
Re: Aardvark 2.1.0 RELEASED!
Mary I'm not an expert in CSS but if you would like me to help in any way with testing / trying things then please let me know and I'll do my best to help in any way I can...
Cheers
Jim
Re: Aardvark 2.1.0 RELEASED!
Hi Jim Jam,
Will do...thanks for the offer. At the moment I've done a lot of coding for nothing...seems I was looking at the wrong version of Aardvark! LOL
Mary
Re: Aardvark 2.1.0 RELEASED!
Hi Mary and Shaun,
I've been using 2.1 for a couple of weeks and loving it! I'm using Mary's fluid width version, announced in this thread; it looks better, imo, given the width of most screens these days.
I'd like to increase the width of the right sidebar. Many widgets do not fit comfortably in the default width. I've looked thru Firebug and thru Mary's modified core.css file, but am unclear where to make the changes.
Any guidance appreciated.
- David
Re: Aardvark 2.1.0 RELEASED!
Hi David,
It's not easy to do as you will need to not only tag some new CSS onto the existing stylesheet for this theme, but also figure out which values you will need to change to achive what you want.
If you are using Post-It version, go to Canvas theme and look at the pagelayout.css it looks like this...
#page-content #region-main-box {
left: 210px; /* Width of left sideblock */
}
#page-content #region-post-box {
margin-left: -420px; /* Twice width of left sideblock */
padding-top: 5px;
}
#page-content #region-main {
margin-left: 420px; /* Twice width of left sideblock */
padding: 0 15px; /* Padding around middle column */
}
#page-content #region-pre {
left: 210px; /* Width of left sideblock */
width: 210px; /* Width of left sideblock */
}
#page-content #region-post {
width: 210px; /* Width of right sideblock */
}
As you can see, the width of the side blocks are 210px and the values for relative positioning left is 210px too.
You will also see that in some cases the margin value is doubled because it represents twice the value of one sideblock width...for example:
margin-left: -420px; /* Twice width of left sideblock */
If you change one side block, then you need to adjust thes values accordingly.
And we are not finished yet...
You will notice also, that there are some settings for "side-pre-only" and "side-post-only" this is so that you need to further adjust these values for width, margin-left, and left to reflect the changes you have made to whichever sideblock.
So my advice is make a copy of this stylesheet and add it to you style folder on the server. Then add pagelayout.css next to core.css in the config.php for the theme you are using. The config.php should look like this...if it is the Post It version...
$THEME->sheets = array('pagelayout', 'core', 'postit_menu');
HTH
Mary
Re: Aardvark 2.1.0 RELEASED!
Holy krabby patty! I hadn't expected that much work. I was hoping for something simple like in WordPress edits:
div.sidebar { float:left; overflow:hidden; width:180px; }
Is the text you quote from the Canvas pagelayout.css the complete text? I can't find the Canvas theme anywhere.
Also, my immediate reaction is to wonder how well these absolute values fit in with a fluid theme. Does is not make more sense to use percentages?
Re: Aardvark 2.1.0 RELEASED!
Hi David,
No Mary hasn't quoted the entire pagelayout.css from Canvas - and indeed that adds on to the pagelayout.css from Base as well, although I'm sure that all the bits you need for the side blocks are in the canvas pagelayout.css that Mary pointed you to.
The canvas theme should be in your moodle folder moodle/themes/canvas as one of the core themes as part of the standard download package - although it is hidden from the theme selector page as it is intended for use as a parent theme to build on rather than on its own. I've attached it (the pagelayout file) here anyway for you though.
I think percentages could be used if the designer wanted to, (See Matthew James Taylor's pages here) but I guess the sideblocks might still need minimum or even maximum widths set in pixel terms so that some of the side block contents don't look completely out of place (Was thinking particularly of the calendar sideblock), while the fluid nature of filling the width of the screen is accomplished by the variable width of the centre section anyway. The fact that Canvas uses pixel widths doesn't mean that a theme can't be altered to use percentages if required.
Richard
Re: Aardvark 2.1.0 RELEASED!
As I keep telling people. Moodle is not like Word Press. Word press is a BLOG Moodle is a Course Management System, and as such is built completly differently.
My first ever Moodle theme was built using percentage settings, but the way it works is very different than Base theme, but I would say it is more robust than Base. It was faster too.
You can try it out HERE...
There are themes, like Sky High which have built in Width settings, so if you want I could add this setting into Aardvark Post-IT if you think it would be useful?
Cheers
Mary
Re: Aardvark 2.1.0 RELEASED!
Thanks Mary & Richard. I'll try it out shortly, when I have a moment.
To Log Out
Sorry if it's a silly question, but can not find the log out link on this theme.
Re: To Log Out
There are 2 places to logout..
1. in the Profile Bar
2. in the Footer
HTH
Mary
Re: To Log Out
Hi Mary
When I use Chrome, the link at left of the image don't works, it displays only localhost/moodle_2_1_1 at the taskbar
but when I use firefox or explorer, the taskbar shows the called function:
And still can't find the Log Out in the Footer.
Thanks!
Re: To Log Out
From the look of your theme colours I would not be surprised if you could see the login in the footer. It is very pale gray and so will not be that visible.
As for Chrome have you made sure Javascript is enabled in that browser?
Cheers
Mary
Re: To Log Out
Hi Mary
The login is not in the footer, I reduced the window to show the arrow (that leads to the profile options) and the footer at the same time.
I checked the configuration of Chrome and saw the javascript enabled.
In fact I checked the "view source" of the same page in the three browsers and looked for the string "you are logged in as". I found it in Firefox and Explorer, but not in Chrome.
Has anyone seen if the profile options works in Chrome?
Re: To Log Out
Hi,
I don't use chrome, so I can't say. But it is widly know some Moodle features do not work well in Chrome.
As for the Login in Aardvark it is in the bottom lefthand corner above the Theme credits & tagline.
In Ardvark Post-IT it is in the bottom righthand corner.
My theme is in the "New Plugins Database" HERE
Mary
Re: To Log Out
Hi!
I tested the Theme Post It and had no problems in Chrome to display the log out at the end of the page or in the profile menu, I think we will keep this Theme.
Regards!
Re: To Log Out
Thanks for the feedback. Can I ask which version of Aardvark 2.1.0 you were originally using as I need to FIX what it is that casued the problems for you.
Thanks
Mary
Re: To Log Out
In Inglish:
Partner as you did to change the background of the beginning of the screen, where normamente appears a fish, and you Are you an ice cream.
In Spanish:
Compañero como hiciste para cambiar el fondo del inicio de la pantalla, donde normamente aparece un pez, y vos tenes un helado.
Re: To Log Out
Go to...
Site Administration > Appearance > Themes >
Theme selector
Theme settings
Aardvark <-click here
Arialist
...
...
This takes you to the Aardvark settings page
Here you add URL to the image you want to use.
Cheers
Mary
Re: Aardvark 2.1.0 RELEASED!
Can i fix the width in 1024px
Thanks =)
Re: Aardvark 2.1.0 RELEASED!
Yes!
Re: Aardvark 2.1.0 RELEASED!
how?
Re: Aardvark 2.1.0 RELEASED!
- OPEN aardvark/style/core.css using NOTEPAD
- FIND #page and where it says width: 960px
- CHANGE to 1024px;
That's all you need to do!
DON'T FORGET TO Purge all caches after or you will not see the changes
To Purge caches go to ...
Site Administration > Development > Purge all caches
HTH
Mary
Re: Aardvark 2.1.0 RELEASED!
I have many lines with 960px, none of which has the #page prefix.
I did a quick search and i dont find just the tag #page
I find tags like that:
#page-mod-wiki-view h2.wiki_headingtitle {
#page-mod-page-view div.generalbox {
#page-course-info h2.main {
....
Re: Aardvark 2.1.0 RELEASED!
Hi,
If you find 960px just change that value to 1024px. OK?
Mary
Re: Aardvark 2.1.0 RELEASED!
Perfect ;)
Thank you for your time Mary.
Re: Aardvark 2.1.0 RELEASED!
Re: Aardvark 2.1.0 RELEASED!
Mary, Shaun, or anyone who can help,
I'm enjoying customizing this theme a little and have run into a hitch. I have changed the banner to a graphic that spans the width of the menu bar at the top of the page (960px). The problem is that I'm using a darker image for the background and, when logged in, the users profile name is in a dark, almost black, color. I want to change the profile name (I think it's profilename in the css) to white but can't get it to work. I added the color like this
text-color : #ffffff;
and
color : #ffffff;
and
font :#ffffff;
and I think a couple of other ways but none of them worked. I guess I'm not adding it in the correct place but I could swear I added it in every place that I could find a reference to profile name and still couldn't achieve the result I was wanting.
I did get the hover over setting changed to white so when you hover over the name it turns white (and looks good ) but what I really want is for it to be white all the time.
Does anyone know how I can achieve this?
Thanks in advance for any help you are able to provide.
Jason
Re: Aardvark 2.1.0 RELEASED!
Hi Jason,
It's actually this...
.profilename a,
.profilename a:link,
.profilename a:visited { color: #fff;}
FYI there is no CSS property "text-color" and "font" is not used in conjunction with colour.
HTH
Mary
Re: Aardvark 2.1.0 RELEASED!
Mary,
Thanks! Beautiful!
Just to make sure, I actually needed to add all that to core.css, right? I didn't see that particular combination anywhere so I added it and it works Maybe this is something that is inherited from a default theme, which would explain it not being in Aardvark...?
Jason
Re: Aardvark 2.1.0 RELEASED!
Mary (or anyone who can help)
I noticed earlier in this thread that there were some posts about the white hover problem on the menu bar. I am experiencing the same issue with both Safari and Firefox and can't get rid of it. I've tried adding the css code you posted in a message above as well as changing the dock setting to true but nothing has helped. Has there been any progress on fixing this?
Oddly, I notice that if I refresh the page and hover over the link as the page is loading, I get the color that I have set as the hover color but then when the page finishes the load, the hover turns to a white with a slight bluish tint to it making the underlying link unreadable.
Any advice or information will be appreciated.
Jason
Re: Aardvark 2.1.0 RELEASED!
Hi Jason,
I Have just put together a new core.css file with the added fix for the custommenu, for you to replace your exisiting core.css in your Aardvark theme, but what I forgot to do is add the extra CSS for the profilename, so you will need to add that to the end of the file before you load it back to the server. OK?
In answer to your other question. The reason the profile name is not written in core.css like that is becasue it takes it's color from the global a:link, a:hover in the settings part of the CSS.
You will find the ZIP file attached. (see top right of this comment)
HTH
Mary
Re: Aardvark 2.1.0 RELEASED!
Mary, Thanks but it seems that there are some big differences from the original core.css that I was/am using. When I replace my original with this one, I lose my banner that I have the theme pointing to and instead get the fish. I notice also that this is variable width which is fine but actually I'd set up a banner that works only for the fixed width version. The menu bar color issue is fixed though but the other changes are going to prohibit me from using this at the moment. Sorry. Any way that the changes made to make the menu bar hover color issue disappear can be made to the original core.css without the other changes? Here's the core.css that I had.
Jason
(Edited by Mary Evans - removed attachment - original submission Monday, 31 October 2011, 11:10 AM)
Re: Aardvark 2.1.0 RELEASED!
Mary,
Update - I took the bottom of your core.css file (the part commented with "Custommenu YUI CSS Starts here" and tacked it on to the bottom of my orginal core.css (actually one element above that) and the hover color issue was resolved. Here is a copy of the file for reference.
Jason
Re: Aardvark 2.1.0 RELEASED!
Hi,
Sorry about that...I forgot I was using the fluid version of Aardvark!!!
Glad you had the foresight to cut and paste the menu CSS and tag it onto yourexisting CSS file.
Good thinkin' Batman!
Mary
Re: Aardvark 2.1.0 RELEASED!
Mary,
Thanks
I've just stumbled onto another issue with this theme
I regularly upload video files (PPT conversions) in Flash (flv) format for students to review. I've just discovered that in this theme, the right side of the video is cut off I think by space that is allocated for the block on the right side of the page.
To be specific, this happens when I used the "Upload a file" resource and upload an flv file with that particular filter enabled. Under my previous theme (Aardvark light) this was never an issue.
Any idea where I might start poking to resolve this issue?
Maybe I should move away from the fixed width theme and in the direction of a fluid (variable) width theme...?
Jason
Re: Aardvark 2.1.0 RELEASED!
Hi,
If you look in the OLD theme directory (see link in the main header at the top of the theme forum page) and search for this version of Aardvark. You should find some links to the fluid version I made of this theme. You can download that and try it.
Or try the Aardvark Post-It!
Cheers
Mary
Re: Aardvark 2.1.0 RELEASED!
I'm not sure what happen but I am unable to see my blocks on the frontpage once I log into my site www.misarn.org . This is happening with bother Aardvark 2.1 and Post-It. I can change to standard themes and it seems to work fine.
I have removed any added blocks to make sure their were on creating this issue but the standard ones are still missing.
Any help would be wonderful
Re: Aardvark 2.1.0 RELEASED!
I should have told you this is only effecting the frontpage.
Re: Aardvark 2.1.0 RELEASED!
Hi, well your site look fine from the outside...so I am wondering if you added some Social media sites like twitter/facebook whatever...with their own brand of javascript which is conficting with the javascript on the page.
The problem will still be evident even if you deleted the blocks, so you will need to purge the Moodle cache to get it back on track.
To purge cache go to Site Administration > Development > Purge all caches.
HTH
Mary
Re: Aardvark 2.1.0 RELEASED!
I just tried to purge the cache again and it still does not work logged in.
It is strange that if I load a precanned theme like Magazine I can see the blocks.
Re: Aardvark 2.1.0 RELEASED!
Ok, well the next step would be to turn debugging on. You can do this from the Site Administration > Development > Debugging
Enable this by setting Developer Mode and allow messages to the page and then SAVE settings.
Go back to the page where you dont see any blocks (frontpage?) and if there is a problem it will through up an error message or warning.
If this happens copy and paste this into Notepad and save it as a text file. And then upload that text file here.
HTH
Mary
Re: Aardvark 2.1.0 RELEASED!
No error messages are showing on the page.
Yes the missing blocks are on the front page after you log in.
Re: Aardvark 2.1.0 RELEASED!
Hi, this might sound like a daft question...but have you added any blocks in the profile bar by any chance?
Do you have a joker on your site?
Some one actually HIDE the blocks using in the CSS in one of the themes they used, just for a laugh, so check that you don't have #page-site-index .block { display: none}
Other than either of these two posibilities...I don't have a clue.
If I requested access by registering via the login page could I have temporary access to run some test? It would only take me a few minutes five at most.
Thanks
Mary
Re: Aardvark 2.1.0 RELEASED!
No I'm the only one that has access to the files on the server. I have only changed the background, logo, and removed the email link in the user area.
You are more than welcom to look around. Go a head and create an account and email me at ryan.s.kelley at gmail.com
Thank you for your help
Re: Aardvark 2.1.0 RELEASED!
Hi Ryan,
I logged into the site last night and it looks great no problems to report, so this is either a local problem, or you are on a different site or network!
Cheers
Mary
Re: Aardvark 2.1.0 RELEASED! Grade page
I am still poking around and tweaking and have come accross two more questions.
- Is there an easy way to change all of the white shown in this image? Seems to be many places that need changed to accomplish this goal. Not a big deal, just wondering.
- Aardvark Postit somehow will not display the grade page correctly, I think it is missing the #page-content wrapper. I tried the un-altered Aardvark Postit with same results.
Again, If there is anything I can try to relieve this issue let me know.
Re: Aardvark 2.1.0 RELEASED! Grade page
1. That is the setting's page...which is white but you can change that if you want to.
2. What's with all the green? That looks aweful.
When you say the page looks to be missing the page-content wrapper, have you changed any of the php files?
Not quite sure what you have done to this. May be you need to validate the CSS as I think you are missing some CSS mark-up perhaps coaused by a parse error, in other words a missing : or ; or { or }
Try the W3C CSS Validator- where you can upload the cee file to check it.
http://jigsaw.w3.org/css-validator/#validate_by_upload
HTH
Mary
Re: Aardvark 2.1.0 RELEASED! Grade page
Yes, that does look aweful... thank you for pointing that out. No php files have been changed that would cause this to happen. There is no need in validating the css for this issue since the theme is like this by default. Please examine the examples below which are both a freshly downloaded (un-touched) Aardvark install:
- This the the participants page in a course, which has a white background (or the proper wrapper):
- This is the grade page in a course, which has a transparent background (or a wrapper missing or something...) if the backgroud-color was green then the outcome would be similar to what was previously submited for review.
Again, If there is anything I can try to relieve this issue let me know.
Re: Aardvark 2.1.0 RELEASED! Grade page
Now I am totally confused.
In your previous comment you were discussing the Aardvark Post-IT at least that was the settings page you were displaying in the green theme.
Which theme have you changed...or have you not changed any theme, or is it you just keep switching from one to anothet to get me confused.
OK...lets try this.
The main containers for the content part of this theme are...
#page-content { background-color: red} /* lets color it RED */
#region-main-box{ background-color: green} /* lets color it GREEN */
#region-post-box { background-color: blue} /* lets color it BLUE */
Open the core.css in whatever theme you are working on using Notepad and copy and paste these three settings into it. Save and upload back your your server. Make sure you are in Theme Developer Mode. Then test your theme You should see all three colors. If you do then you can make these three background colors into the color of your choice for this theme.
I don't see this problem in Aardvark Post-IT.
Cheers
Mary
Re: Aardvark 2.1.0 RELEASED! Grade page
Sorry about that, all I had on my VM at the time was Aardvark 2.1...
These SS's are from the latest Aardvark Postit download. I changed the colors as requested. Compare the two, the grade page has no padding / margin. That is why I thought it was missing some sort of wrapper. I am not sure how to make it display perfectly like the other pages in your theme.
- Participant page (normal):
- Grade page (different from above):
Re: Aardvark 2.1.0 RELEASED! Grade page
Hi,
It's not a missing container, wrapper, whatever it was that <div class="clear"></div> was in the wrong place in the layout file. I have fixed it and put general.php here for you to download.
Cheers
Mary
Mō: Re: Aardvark 2.1.0 RELEASED! Grade page
Hello Mary
I have a question I am using this in my Moodle 2.1 But the company where I have it installed have users with IE6 and refuse to update the 1200 team so I would like to know if there is any way to change the code so that users have IE6, 7, 8 and 9 can see it well because I am told that piles up.
Thanks
Re: Mō: Re: Aardvark 2.1.0 RELEASED! Grade page
Hi,
This theme should work OK in IE8 & IE9, but I am not sure about IE7, although the test I have done with my Aardvark Post-It themeit seems to work but perhaps not as well as IE9.
Moodle does not support IE6
Can your users not download and use FireFox? That is a much better browser.
They can still use IE6/7/8/9 as well as FireFox. I have 4 browsers on my computer.
To fix something we need to know exactly which part needs to be fixed. If it can be done we can do it...or try.
Hope this helps?
Mary
Re: Aardvark 2.1.0 RELEASED!
Hi Mary,
There is any easy way to increase the width of the blocks?
Thanks
Re: Aardvark 2.1.0 RELEASED!
Hi,
Unfortunately there is no easy way to do this, it would need a whole lot of coding to change the widths of the blocks.
If you tell me what width you want to make the sideblocks I can write some code for you to add.
Cheers
Mary
Re: Aardvark 2.1.0 RELEASED!
Well, that would be great.
I think the current size is something like 200px can you put it in 250px?
Thanks
Re: Aardvark 2.1.0 RELEASED!
Hi Nuno,
I have been taking a look at this theme and it would be quite easy for you to make these changes yourself.
If you go HERE you will be able to calculate the pagelayout you need...then copy and paste the generated code to the end of moodle/theme/aardvark/style/core.css
HTH
Mary
Re: Aardvark 2.1.0 RELEASED!
The page that you gave me generate the next code:
/********************************************************************************************* left column: 400px right column: 400px padding left/right column: 10px padding center column: 10px **********************************************************************************************/ body {margin:auto 0px;width:auto;} #page {width:100%;overflow:hidden;} #page-header {float:left;width:100%;} #page-content {clear:both;float:left;overflow:hidden;position:relative;width:100%;} #page-content #region-main-box {float:left;left:400px;position:relative;width:200%;} #page-content #region-main-box #region-post-box {float:left;margin-left:-800px;position:relative;left:50%;width:100%;} #page-content #region-main-box #region-post-box #region-main-wrap {float:right;position:relative;right:100%;width:50%;} #page-content #region-main-box #region-post-box #region-main-wrap #region-main {margin-right:0px;margin-left:800px;overflow:hidden;} #page-content #region-main-box #region-post-box #region-pre {float:left;left:400px;margin-left:-50%;overflow:hidden;position:relative;width:400px;} #page-content #region-main-box #region-post-box #region-post {float:left;left:0px;overflow:hidden;position:relative;width:400px;} #page-content #region-main-box #region-post-box #region-main-wrap #region-main .region-content {overflow:hidden;padding:20px 10px;} #page-content #region-main-box #region-post-box #region-pre .region-content {overflow:hidden;padding:20px 10px;} #page-content #region-main-box #region-post-box #region-post .region-content {overflow:hidden;padding:20px 10px;} #page-footer {clear:both;float:left;width:100%;} /** only side pre **/ .side-pre-only #page-content #region-main-box #region-post-box {margin-left:-400px;} .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {margin-left:400px;} .side-pre-only #page-content #region-main-box #region-post-box #region-pre {left:0px;} .side-pre-only #page-content #region-main-box #region-post-box #region-post {width:0px;} /** only side post **/ .side-post-only #page-content #region-main-box {left:0px;} .side-post-only #page-content #region-main-box #region-post-box {margin-left:-400px;} .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {margin-left:400px;} .side-post-only #page-content #region-main-box #region-post-box #region-pre {width:0px;} .has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {margin-left:400px;} /** no blocks whatsoever **/ .content-only #page-content #region-main-box {left:0px;} .content-only #page-content #region-main-box #region-post-box {margin-left:0px;} .content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {margin-left:0px;} .content-only #page-content #region-main-box #region-post-box #region-pre {width:0px;} .content-only #page-content #region-main-box #region-post-box #region-post {width:0px;}
I put it in the bottom of the core.css file, right next to the:
#page-admin-index .adminwarning {
border: 1px solid #ccc48d;
background: #fff9d0 ;
}
but nothing happened... In the page that you gave me is the next warning:
1. exclude all pagelayout-rules coming from your parent themes in order to avoid interferences!
Do you think this could be the problem? How can i exclud them?
Thanks
Nuno
Re: Aardvark 2.1.0 RELEASED!
I am Sorry, I should have told you to exclude pagelayout.css in aardvark/config.php
You can do this by adding...
$THEME->parents_exclude_sheets = array('base'=>array('pagelayout'),'canvas'=>array('pagelayout') );
This should fix the problem
Mary
This forum post has been removed
The content of this forum post has been removed and can no longer be accessed.
Re: Aardvark 2.1.0 RELEASED!
Hi Dietmar,
Nuno is NOT using my theme...or else I would have made the changes. LOL
He is using Aardvark
Mary
This forum post has been removed
The content of this forum post has been removed and can no longer be accessed.
Re: Aardvark 2.1.0 RELEASED!
I tend to have the replys as flat not threaded for this reason, as I need to see all of forum thread, not just isolated groups!
Mary
Re: Aardvark 2.1.0 RELEASED!
Thanks Dietmar, you were right, it solved the problem without have to make those changes.
Mary, i can't thank you enough for your time, you have been very helpfull.
Re: Aardvark 2.1.0 RELEASED!
Good afternoon!
I'm doing an update of the image is in the top part of the header, but this image is getting behind the page in internet explorer. What should I do?
Sorry English. I live in Brazil and I'm posting to see if I can be helped.
Thank you.
Adelson Junior
Re: Aardvark 2.1.0 RELEASED!
Bom dia!
Você pode me deixar ter a URL do seu site? Então eu posso ver por mim mesmo qual é o problema. OK?
obrigado
Mary
(Esta é uma tradução Google)
Re: Aardvark 2.1.0 RELEASED!
300 Comments! YEAH!!!
Upcoming events in profile bar not working
Hi, for me (moodle 2.1) the upcoming events in the profile bar were not showing up. Based on the code of the upcoming events block I rewrote upcoming.php in the layout dir of the theme. Works for me now. I am an amateur though, so it would be great if someone could scrutenize the code. Thanks for a great theme anyway, Shaun!
<?php
$cal_m = optional_param( 'cal_m', 0, PARAM_INT );
$cal_y = optional_param( 'cal_y', 0, PARAM_INT );
require_once($CFG->dirroot.'/calendar/lib.php');
global $USER, $CFG, $SESSION;
$courseshown = $this->page->course->id;
if ($courseshown == SITEID) {
$filtercourse = NULL;
$groupeventsfrom = NULL;
$SESSION->cal_courses_shown = calendar_get_default_courses(true);
calendar_set_referring_course(0);
} else {
$filtercourse = array($courseshown => $this->page->course);
$groupeventsfrom = array($courseshown => 1);
}
calendar_set_referring_course($courseshown);
calendar_set_filters($courses, $group, $user, $filtercourse, $groupeventsfrom, false);
// max_events is set to 3 to make sure the list fits in the profile bar !?
$events = calendar_get_upcoming($courses, $group, $user,
get_user_preferences('calendar_lookahead', CALENDAR_UPCOMING_DAYS),3);
$upcomingoutput = calendar_get_block_upcoming($events, 'view.php?view=day&course='.$courseshown.'&');
echo $upcomingoutput;
?>
Re: Upcoming events in profile bar not working
Hi Jac,
I took all that code out of my copy and added another block...which I think got left off the original download...not sure. Anyway I'm having fun being able to added various combininations of blocks into the profilebar in different pages. So im My Personal page I have messages and who's logged in. In the frontpage I have blogs and activities, I'm not sure what to have in courses...may be a HTML block with a radio! LOL
Thanks for the code...will check it out...but as I didn't write it am not going to sweat over it!
Here's a screenshot of where I am upto...
Cheers
Mary
Re: Upcoming events in profile bar not working
May I know how to add extra blocks on the profile block like urs (online user, messages)? Im weak in php.. ur help is much appreciate.. thx..
Re: Upcoming events in profile bar not working
Hi,
I am still working on this before I ship it off to Shaun to add in a new version. It's quite complicated.
Mary
Aardvark 2.0 Profile Bar
Sorry to ask this again but I posted this message in the wrong thread.
Is it possible to change the behaviour of the Profile bar so it is open by default when you login and you can close it if you want to?
Of course when not logged in it would not be available.
Thanks
Frosty
Re: Aardvark 2.0 Profile Bar
I was looking at this yesterday. I think there is a possibility.
Mary
Re: Aardvark 2.0 Profile Bar
Worked it out...
In Profileblock.php I changed none on line 61 to block and now when the user logs in the profile bar is permanent. They can temporarily hide it by using the arrow button but as soon as they click another link it will reappear, essentially a reverse of the native behaviour.
61 <div class="profilebar" id="profilebar" style="display: block;">
62 <div class="profilebar_block">
63
64 </div>
Frosty
Re: Upcoming events in profile bar not working
Mary, would you be willing to share your CSS classes for the transparency effect you used in the profile bar? I've been playing with it all day, and the transparency is working, but it is working on eveything within the bar too
Re: Upcoming events in profile bar not working
Hi,
I used an opaque image profilebar-bg.png which I have uploaded so you can copy it to use if you like.
It's not a filter as such, but acts like one. I found that if you try to add a filter using CSS it clouds everything.
The CSS I used for the background is as follows...where the filepath = aardvark/pix/profile/profilebar-bg.png
#profilebar {
background: url([[pix:theme|profile/profilebar-bg]]);
}
HTH
Mary
The image is hidden in this left-hand corner for some reason!
Just right click and save image- oh the joys of Moodle! LOL
Re: Aardvark 2.1.0 RELEASED!
Hello,
Sorry for maybe asking a silly question, but isn't there the dock functionnality in Aardvark 2.1?
Otherwise, I thank you for this great work. I'm a regular user of your themes.
Philippe
Re: Aardvark 2.1.0 RELEASED!
Hi Philippe - you can turn on docking if you wish (it is in the Config file). However, last I heard Shaun was having issues with the docking component so turned it off.
It might need some colaborative work from those on this form to get it sorted. However, for me and many other schools we don't like docking!
Sometimes consistency rather than individualisation has its benefits!
J.
Re: Aardvark 2.1.0 RELEASED!
Hi Mary, Shaun, Richard & All
I am using Aardvark.
Nice theme, Thanks for contribution.
Following things i want to put here.
1) 'Moodle' (in Banner) should be replaced by ' Name of Institution' (e.g. Sun Infosys)
2) Some Questions which have Long lenght , Don't seen properly
(See Screenchot)
In this case, 'Horizontal Scroll Bar' may appear. Then only we can see properly whole Question format.
Plz. assist
Best regards,
Ravi
P.S.- (Control +, -) is not a perfect answer. I have tried it.
Re: Aardvark 2.1.0 RELEASED!
Hi Ravi,
I think, looking at the version I've got (which may not be Shaun's latest) the Moodle in the header is part of the logo graphic and so would be changed by putting a different logo in place
Richard
Re: Aardvark 2.1.0 RELEASED!
Hi Richard,
Thanks for Response.
I can change 'Name of Institute' and 'Favicon'. That is not problem.
It may be by default. (see screenshot- only Name has been changed- i want to make it transpernt. How ?)
BTW,
plz. Say something about-
Some long Questions can not be adusted in screen. (Above post).
Plz. assist
Ravi
Re: Aardvark 2.1.0 RELEASED!
You can make the image transparent in most graphics packages - I tend to use GIMP, but other graphics packages will do the job. If you then make the background transparent however that is done in whichever package you are using and then save the file in a format that recognises the transparency (I normally use png) then it will be transparent on the theme.
I haven't had chance to look at the long questions yet but will try to answer that part of your question later if no-one else has got to it first
Richard
Re: Aardvark 2.1.0 RELEASED!
Hi Richard,
Done !!! Transparent Image .
thanks again
Re: Aardvark 2.1.0 RELEASED!
Hi I am using the Beta (so no idea about the older versions) However, you can set the moodle graphic by http reference or you can just change the picture files.
If you need any further help just ask.
Re: Aardvark 2.1.0 RELEASED!
The problem with a fixed theme like Aardvark is that you tend to get pages which need to expand but can't because of the fixed width which is set.
My advice is use Standard theme when doing any work of this kind.
Mary
Re: Aardvark 2.1.0 RELEASED!
Hi Mary,
I tried with Standard theme.
But i am facing same problem. (plz. screen shot)
Best Regards,
Ravi
Re: Profilebar heigh
Your theme is great!
How can i change the height of the sidebar?
Thanks
Enrico
Re: Aardvark 2.1.0 RELEASED!
Hello
First, congratulations for the good work being done, the theme is very good...
My question is: how I can do to extend the side columns?
Greetings and thank you for your prompt reply ..
Jean, from Lima, Perú.
Re: Aardvark 2.1.0 RELEASED!
Can anyone give me a few starting pointers on how to get a drop down navigation system similar to the Newbury Moodle site? What files would need to be editted, etc? Any information that would help me get started would be wonderful. Thanks...
Re: Aardvark 2.1.0 RELEASED!
Nevermind... I'm an idiot I figured it out. Looks like it's much simpler in Moodle 2.0.
Re: Aardvark 2.1.0 RELEASED!
Yeah!!!
Re: Aardvark 2.1.0 RELEASED!
I really like the theme but when I installed it the drop down navigation did not work. Any suggestions for me? I've tried several other themes as well and none of the drop down site navs work for me. I'm not a CSS guru by any stretch so any help is appreciated.