New Theme - Liip

New Theme - Liip

by Patrick Malley -
Number of replies: 61
liip.pngI'm happy to announce that the Swiss Moodle Partner - Liip - is offering their custom theme to the Moodle community for free. Shortly after writing this here I will add this theme to the Themes database. Until then, feel free to download it here.

To demo the theme, click here.
Average of ratings: -
In reply to Patrick Malley

Re: New Theme - Liip

by Albert Ramsbottom -
Fantastic becuase the other one doesnt render properly in IE 7

Cheers
In reply to Albert Ramsbottom

Re: New Theme - Liip

by Patrick Malley -
What "other one" are you referring to? ... if there is something that isn't rendering properly, I would like to fix it.

Edit: I'm guessing that you're referring to your comments made here about the Liip theme? In response to this, I went back and checked the Liip theme in IE7 and am not getting any font-size issues as you have reported. Perhaps you have set IE's minimum font size to a larger value than is default. I would appreciate any constructive feedback you can give.
In reply to Patrick Malley

Re: New Theme - Liip

by Albert Ramsbottom -
Hi
Yes of course, i have just opened it in IE 7 again and checked the font size, thats OK. The theme is also sitting on the left hand side instead of the middle.

I will go and do some more testing, and get back to you.

Thanks for the great looking theme anyway

Paul
In reply to Albert Ramsbottom

Re: New Theme - Liip

by Albert Ramsbottom -
Right I have had another look and it still deosnt render properly. I have just downloaded Moodle 1.8.3 and taken the themes folder and pasted them into my themes folder to make sure that I didnt change any of the other styles in standard or any other theme that Liip uses.

I also downloaded the latest Liip theme and pasted it over the top of my Liip folder. It still doesnt render properly

If it makes nay difference there is a browser error:
Line 46
Char 25
Error: Expected ')'
Code:0
Url:mylocalmachine

And I have attached a screen shot

Thanks

Attachment IE7.GIF
In reply to Albert Ramsbottom

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: New Theme - Liip

by Patrick Malley -
Thanks Dietmar.

Paul - please try this and let me know what you find ... because I'm not having the issues you report.

Including the error.
In reply to Patrick Malley

Re: New Theme - Liip

by sham ibrahim -
Hi..congratulation for the brilliant contribution. But, can your team guide me/us on how to upload /change our themes looks moodle here from thee old ones via online....thanks
In reply to sham ibrahim

Re: New Theme - Liip

by Patrick Malley -
I believe that instructions on what you're looking for is answered here under "How do I install a Moodle theme?"
In reply to Patrick Malley

Re: New Theme - Liip

by Ralf Hilgenstock -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Translators
Hi Patrick,

great theme. I foundtwo small problems. The are no vertical limitations in the editor window. And in edit mode there is no distance between the edit symbold in the topics (see screen)
Attachment editor_symbols.png
In reply to Ralf Hilgenstock

Re: New Theme - Liip

by Patrick Malley -
I will have a look at the edit icons this evening; it should be an easy adjustment to make. Interestingly, this only happens with AJAX enabled ... when I turn off AJAX, the spacing goes back to normal. Can anyone comment on why the difference?

And, can you tell me what you mean by "no vertical limitation" in the editor window? Perhaps a screenshot?

Attached: Screenshot of Liip edit icons with AJAX turned off.

Attachment Picture_1.png
In reply to Patrick Malley

Re: New Theme - Liip

by Ralf Hilgenstock -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Translators
Yes, you are right the symbols are different with/without AJAX.
and here is a screenshot.
Attachment forum.png
In reply to Ralf Hilgenstock

Re: New Theme - Liip

by Patrick Malley -
Ralf, I'm having trouble seeing what the issue is. Is it that you want a standard height value added to the editor window?? Won't this conflict across it's various uses?
In reply to Patrick Malley

Re: New Theme - Liip

by Ralf Hilgenstock -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Translators
Its a question about usability. Users are confused if they can't see where the field for editing text is. The entry field is only limited on top and on bottom. In some cases user don't see the bottom line on the screen without scrolling. If you add a line on the left or the right side, its easy to see where they should add text.
In reply to Ralf Hilgenstock

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Patrick Malley

Re: New Theme - Liip

by jeremy kerr -
Please excuse my pure noobness, but where exactly is the link to download the theme?

I've been running around in their demo page, and at the "download" link provided, and i've been lost in a never-ending circular reference for the past 20 minutes .. i click download, it shows me a demo page, i click "download themes' and it takes me to what looks like it should be a download link, but when you click that, boom .. back to the demo page ..

i even went to the Themes link directly at moodle.org, and i ended right back on the demo page ..

it's a great looking theme, and i'd like to give it a try, so if someone could please post the actual link that leads to a download, i'd appreciate it..

cheers,

-jeremy
In reply to jeremy kerr

Re: New Theme - Liip

by Joseph Rézeau -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators
In reply to Joseph Rézeau

Re: New Theme - Liip

by Patrick Malley -
Thanks Joseph.

All of the free themes are available by clicking on their NAME at http://newschoollearning.com/themes/freebies
In reply to Patrick Malley

Re: New Theme - Liip

by jeremy kerr -
Thanks guys.

I probably should have figured that out, but once the hover function caused the drop-down menu to open (which was pretty slick, by the way .. the nicest interactive drop-down i've seen in a while ... can I "borrow" that style sheet too? <grin>) .. I didn't even consider that the name had a dual purpose and acted as a link as well as triggering the drop.

(also because there are 2 obvious links in the text of that drop-down itself, so that's where i was looking to locate the actual theme) ..

thanks joseph for providing the direct link.

At any rate, this is a great looking theme, and I'm going to see how that fits into some of the learning portals I'm building.

cheers,

-jeremy
In reply to Patrick Malley

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: New Theme - Liip

by Mauno Korpelainen -

Dietmar,

this was present in IE but seems to be fixed now in the latest versions of moodle. Upgrading moodle brings that button to Liip messages too.

In reply to Mauno Korpelainen

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: New Theme - Liip

by Mauno Korpelainen -
OK - I'm not sure where that missing button came from but I noticed it too after reading your previous message. My guess is that it comes from too small bottom margin or padding or frame height in that message popup window (button is not visible because it is somewhere outside screen). I could not find any such css tags from Patrick's theme that could cause this but I might make some more testing tomorrow with moodle 1.8.2+... the most interesting thing is that other "standard" themes have that button
In reply to Patrick Malley

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Deleted user

Re: New Theme - Liip

by Mauno Korpelainen -

I tried to change different css tags (for example changed relative position of body#message-send or  body#message-send input) for liip but this is in fact a problem of frame height in file message/discussion.php. Open this file with wordpad and

change line <frameset rows="110,*,0,200">
to <frameset rows="110,*,0,250">

and change

<frame src="send.php?id=<?php p($user->id)?>"  name="send" scrolling="no"  marginwidth="2" marginheight="2" frameborder="0" />

to

<frame src="send.php?id=<?php p($user->id)?>"  name="send" scrolling="yes"  marginwidth="2" marginheight="2" frameborder="0" />

and there will be no more problems with this button in any theme (until you upgrade moodle...) wink

In reply to Patrick Malley

This forum post has been removed

The content of this forum post has been removed and can no longer be accessed.
In reply to Patrick Malley

Re: New Theme - Liip

by Jit San Chia -
Hi Patrick,
I have downloaded and used LIIP theme, really nice and refreshing. Thanks for the good work.
I think you have missed the "form-shortname" class in your css files, which caused a little bit of reading problem in some admin pages. (Please see attached file for comparison between part of "site policies" page rendered under LIIP and Standard theme)
Thanks again : )
In reply to Jit San Chia

Re: New Theme - Liip

by Patrick Malley -
Since Liip builds on top of the Standard theme, I did not "miss" the class, per say. My expectation is that all Standard styles will load before Liip so such an addition is unnecessary. I must have styled something else that is affecting "form-shortname" however. Thank you for pointing this out. It is a bug, for sure. I will be sure to take care of this problem during my next version update.
In reply to Patrick Malley

Re: New Theme - Liip

by Jit San Chia -
Hi, sorry about the wrong use of word : )
I took a closer look. You included only the 'styles_layout' from standard, whereas the style sheet that specifies the color difference in "form-shortname" is in 'styles_color'. So if you also include 'styles_color' from Standard, the contrast in color will appear and make the admin pages less confusing, but I am not sure if that will break any of your color scheme. Maybe it's safer to just add a "#adminsettings .form-shortname" in LIIP's own 'styles_color.css'.
In reply to Jit San Chia

Re: New Theme - Liip

by Patrick Malley -
Will do. Thank you for the clarity. I forgot I excluded styles_color and styles_font on this theme. I was trying something new to lighten the load a bit.

I will make the change you recommend.

Thanks.
In reply to Patrick Malley

Re: New Theme - Liip

by Xavier Debeerst -
Hello,

The Liip theme is great. Just installed it and it works fine in Firefox and IE.
Only thing I didn't found is how to change the logo. In fact there is no logo...

I would like to integrate a logo. How can that be done?
Thanks,
Xavier
In reply to Xavier Debeerst

Re: New Theme - Liip

by Patrick Malley -
There is no logo?

The easiest way to change the logo is to replace /liip/pix/logo.gif with your own logo which you have renamed logo.gif as well.

If you have a different logo filetype and would like to use that instead, you will want to look in header.html for a logo.gif reference.
In reply to Patrick Malley

Re: New Theme - Liip

by Xavier Debeerst -
Thanks for this advice.
I have already tried this, but no logo.
In attachment the source of header.html used.

Perhaps this can help you to solve this problem.

Thanks,

Xavier
www.leerplatform.com
In reply to Xavier Debeerst

Re: New Theme - Liip

by Patrick Malley -
I downloaded the Liip theme from http://newschoollearning.com/downloads/liip.zip. I decompressed the liip theme at /moodle/theme/. I selected Liip as my chosen theme from the Admin menu. I see a logo! I'm having trouble seeing the problem. Perhaps your theme did not upload correctly?
In reply to Patrick Malley

Re: New Theme - Liip

by Xavier Debeerst -
first I unzipped the the two folders and loaded them up to the Theme folder.
Do I need to do anything else?
Xavier
In reply to Xavier Debeerst

Re: New Theme - Liip

by Patrick Malley -
two folders? What are they called?
In reply to Patrick Malley

Re: New Theme - Liip

by Xavier Debeerst -
__MACOSX
liip
In reply to Xavier Debeerst

Re: New Theme - Liip

by Patrick Malley -
I always forget about _MACOSX? This is a byproduct of my archiving tool on OSX; it can be deleted.
In reply to Patrick Malley

Re: New Theme - Liip

by Xavier Debeerst -
Hi Patrick,
I have deleted it.
Notting changes. Sorry to continue with this item, it would be great to integrate the logo.
In attachment the source of the page. Perhaps this can help you to solve the problem.
Thanks ,
Xavier
In reply to Xavier Debeerst

Re: New Theme - Liip

by Xavier Debeerst -
Hi Patrick,

I think I have found the origin our problem. None of the images on the website are visible.

I think it has to do with the slash arguments. I have changed the slasharguments in the admin section under servers->http.
But that doesn't help.

The original image pad is file.php?=/ after changing the files the pad is file.php/.
is there a possibility to change the global setting of the site? The config.php file? If so, how must it be done?

So there isn't a problem with your great theme but with the global settings of my site.

Thank you for helping me to solve this problem.

Xavier
In reply to Patrick Malley

Re: New Theme - Liip

by Daniele Cordella -
Picture of Core developers Picture of Plugin developers
Congratulation Patrick.
It is really a nice theme.
Thank you.

As far as I understand
the theme is missing icons for open and colsed folder of the site administration block.
Isn't it?
Attachment Img.png
In reply to Patrick Malley

Odp: New Theme - Liip

by Łukasz Sanokowski -
It is possible to change this theme from fixed width = 900 px to flexible width?
In reply to Łukasz Sanokowski

Re: Odp: New Theme - Liip

by Patrick Malley -
Try deleting the following from /styles_lib/styles_base.css:

#shrinkwrapper {
width: 900px;
margin: 0 auto;
}
lines 3 - 6
Average of ratings: Useful (1)
In reply to Patrick Malley

Re: Odp: New Theme - Liip

by scott hallman -

Hi Patrick

We have just change to your Liip theme and find it really suits our college image. thanks for all your hard work. I have 2 questions first is we have inserted our logo but underneath still is the writing "Zurich, Fribourg, Bern". I have looked in styles sheets and things and can't see where I can edit this text. Could you possibly point me in the direct of its location.

Secondly the text style and font size seems to be fixed at point 10. So when creating a label or HTMl page we cannot create larger font. HOw do we change this so we can have varied font size for Labels and text throughout our site.

Hope you can help

Many thanks

Scott

In reply to scott hallman

Re: Odp: New Theme - Liip

by Ian Dempsey -
Hello all

I too am experiencing the issue with the unwanted display of "Zurich, Fribourg, Bern." I can set it as white text on a white background as a workaround but would prefer to remove it.

Another requirement is to change the link on the small logo in the footer. I've changed the logo but it still points to LIIP rather than to the site home.

Thank you.
In reply to Ian Dempsey

Re: Odp: New Theme - Liip

by Ian Dempsey -
To elaborate further on the footer - both image and link have been changed in footer.html, but it's ignoring that (and yes, I've cleared my cache)
In reply to Ian Dempsey

Re: Odp: New Theme - Liip

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

From the latest download of 'LiiP' theme from Patrick Malley's website (see link at the top of this thread), open up the header.html in a text editor like Notebook. Look for and DELETE the following code...

<div class="description small"><!--<?php echo $COURSE->summary //Retrieves Site Description from Front Page -> Front Page Settings ?>-->Zurich, Fribourg, Bern</div>


If you have deleted this line too (or at least the part written in red - see below) from the footer.html and it's still showing up in your browser then you have not been updating the correct footer,html.

<div id="logo_sm"><a href="http://liip.ch"><img src="<?php echo $CFG->themewww .'/'. current_theme() ?>/pix/logo_small.gif" alt="logo"/></a></div>


For this to work you have to work on the actual footer.html in your moodle theme's folder. If it's on your host server then delete it from the server and replace it with a fresh updated copy. Refresh the server and you should see it in browser. Ctrl + F5 should force browser to refresh and show changes.

Hope this helps?

Mary


In reply to Mary Evans

Re: Odp: New Theme - Liip

by Ian Dempsey -
Thank you for your help Mary.   I shall investigate further. 
In reply to Patrick Malley

Odp: New Theme - Liip

by Łukasz Sanokowski -
I updatet my Moodle to version 1.9, and i noticed that there is new item in teachers menu - "Outcomes". There is no icon associated to this item in my theme. Is outcome icon associated to Liip theme released? I don't want to create this icon on my own, because it will not be similiar to other icons.
In reply to Łukasz Sanokowski

Re: Odp: New Theme - Liip

by Patrick Malley -
Hello,

I have not yet had the chance to update Liip to 1.9, and, to be honest, am not sure I will have the opportunity any time soon since my academic schedule has been quite crazy lately.

If there are icons missing, I recommend that you find what the icon is from another theme and placing it inside the Liip theme directory.
In reply to Patrick Malley

Odp: New Theme - Liip

by Łukasz Sanokowski -
I have found a problem with border around images inserted in HTML editor. I insert image using insert image icon, I set some border for this image. In editor , border is visible as it was set. But in preview mode border around images is not visible.

When I switch theme to standard, border is visible in preview mode.

I downloaded and tried the latest version of Liip theme from link from first post, the problem with border is still there.

I advice You to check if Your theme behaves in that way. Where shall I seek for solution? Which .css file and which section?

Thanks in advance
In reply to Łukasz Sanokowski

Re: Odp: New Theme - Liip

by Patrick Malley -
Hello Lukasz,

When I built this theme, over a year ago now, I used a CSS reset located at /lipp/styles_lib/styles_reset.css.

That file's first line of code reads:

 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}


To add borders to images, remove img, from the above code.

In hindsight, I realize that this reset interferes with use of Moodle's internal HTML editor and needs to be rebuilt from the ground up.

Hopefully this helps in the meantime.
Average of ratings: Useful (1)
In reply to Patrick Malley

Odp: New Theme - Liip

by Łukasz Sanokowski -
Can You tell me where can I change font of selected item in left menu in lesson module? I found section /* Sideblocks*/ in line 141 in file styles_base.css, where, but there is no item "selected". I want to add border to currently active item in left menu, to make it more noticeable, and change alingment of text in this menu.

Thanks in advance for response.