GuMax 3.1.1 is released

I redesigned the Monobook skin. These design mades MediaWiki look as a professional web site which can be applied to many type of business. Navigation menu and other tool menus have been replaced. It looks simple, clear and professional. They have all the MediaWiki facilities, but it’s not “MediaWiki look”.

This skin can be used from simple, personal homepages to corporate web applications.

All skins and details can be found at GuMax Skins.

Filed by Paul Gu at June 28th, 2007 under MediaWiki Skin

Hello, I’m really sorry to use this way to contact you, but i have a problem and probably you can help me.

I’m from Brazil and i don’t speak English very well, but i’ll try…

I used one of your skins (ycgu max 2.0) on my wiki-page (www.nossapauta.com/portal), but i’m with a serious trouble in Internet Explorer.

Using Internet Explorer 6.0, the register forms doesn’t appear, i only can see the name of the page, some components of the layout and a white space replacing the register form.

If i try to register using my Firefox 2.0, it’s all right.

So, could you help please ?

And congratulations for this skin, really nice

Comment by Thiago Neres — June 28, 2007 @ 1:22 pm

Hi Thiago,

There is patch for that version on my WiKi site, and it should fix the problem. I will update the original version with patch, and will repost it.

Thanks for letting me know you like the skin.

Paul

Comment by Paul Gu — June 28, 2007 @ 1:37 pm

I used the patch and now everything is fine.

Thanks a lot ^^

Comment by Thiago Neres — June 28, 2007 @ 2:26 pm

We’ve recently deployed gumax 3.0. We opted for that over sgumax 3.1 because it was easier to deploy, and had a more minimalist design. The only problems with deploying 3.1 is that it’s harder to place ad banners and logos.

We did add a CSS element for the ad banner at the top of the page, and one on the footer as well. We’d like to find a way to squeeze a medium rectangle into the mix… but right now we’re just happy to get away from MonoBook.

Thanks for the great skin, it’s running fine on MediaWiki 1.10.0.

Comment by Christopher Price — July 12, 2007 @ 6:48 pm

Whoops, forgot the link

http://www.phonenews.com/phones/

Comment by Christopher Price — July 12, 2007 @ 6:48 pm

It looks good on your site .

Comment by Paul Gu — July 12, 2007 @ 8:13 pm

Hello Paul,

Excellent skin! I was hoping you could help me figure out how to center the links in the header (ie. Main Page, Portal and Help). Also, I would like to change the yellow highlight behind the links. Thank you in advance. Look forward to your future skin projects.

Comment by GRD — July 13, 2007 @ 5:17 pm

If you want to center the main menu, this design is not easy to do, but you can adjust the margin:

–> open file: gumax_template.css
–> search for #gumax-p-navigation ul
–> change margin-left to move the menu to right

For color, it’s simple:

–> open file: gumax_link_navigation.css
–> search for #gumax-p-navigation ul li a:hover
–> change border-top: 3px solid #FFCC00; to whatever you like.

Comment by Paul Gu — July 13, 2007 @ 5:55 pm

Thanks for the help…the fix worked great! I’m also trying to add the ‘|’ between links on the header (similar to the footer). Any help is appreciated.

Comment by GRD — July 14, 2007 @ 7:48 pm

You need to do folowing:

–> open file SGuMax.php
–> find div id=”gumax-p-navigation”

There is a loop, you can try to add before , I guess I have that, but I didn’t enable it . You can give a try.

Comment by Paul Gu — July 14, 2007 @ 9:02 pm

#10

I just wanted to say that my staff and I are looking forward to the release of 3.2!

I have been following every release you have put out since literally 10 minutes after you posted the first time in the MediaWiki User Skins Gallery.

Keep up the great work bro! You are an inspiration to many!

I wish I could show off our site, but it seems our school’s server is having some troubles, but I posted the link anyways!

Isaac Jessup
Online Editor
Campus Carrier

Comment by Isaac — July 26, 2007 @ 9:58 am

#11

Hello Paul,

I just want to thank you and congratulate you on this skin. I use it on my own site and it is by far one of the best that I have come across.

Thank you again for creating it. I look forward to seeing more of your excellent work.

Regards
Robert

Comment by Robert — August 2, 2007 @ 3:25 pm

#12

Hi Robert,

You are very welcome .

Thank you,

Paul

Comment by Paul Gu — August 3, 2007 @ 7:29 am

#13

Hello Paul, first of all, congratulations for this very verry useful skin for this wonderful software that mediawiki is.

I’m having trouble with two things on the site i’m trying to build:

-first, when i use I.E.(latest version or not) the sidebar act strange, when i select one item, the others simply disappear, then the user have to reload the page, there isn’t some patch that fixes it?

-second, when i try to use firefox(latest version), the trouble of the sidebar DON’T happens =), but the images that are resized in I.E. simply are showed with original size, and let the site visually “ugly” =(, but don’t care much with this second, if you already know the answer plz e-mail me, if not, i’ll try to ask to mediawiki suppport.

thanks for all Paul, and congratulations for the contribution, very useful!

Comment by Samir — August 10, 2007 @ 6:39 pm

#14

e-mail test, sorry XD

Comment by Samir — August 10, 2007 @ 6:40 pm

#15

Can you give me the link so I can take a look at the issue?

Comment by Paul Gu — August 10, 2007 @ 7:47 pm

#16

Just found the text when you say to post here… so…
Copy and paste.

Hi!
The best template in the www. But, i dont know how to do a simple change.
I want to use the extended theme, i changed it. Perfect.
Now i would like to show the Wiki Logo on the left, and the header center as the default one is.
How can i make to show the logo?
I am feeling stupid. :S

Also, i want to disable the center header and i am not sure how to do that. Thanks.

Comment by darkpollo — August 11, 2007 @ 9:07 am

#17

For logo, open file: gumax_template.css, and then find #gumax-p-logo, remove “display: none;”.

If you just want to use a default header logo, leave only one file default.jpg in folder gumax/images/header, delete the rest.

That’s it.

Comment by Paul Gu — August 11, 2007 @ 9:24 am

#18

[quote post="90"]For logo, open file: gumax_template.css, and then find #gumax-p-logo, remove “display: none;”.[/quote]
Done. Thanks.
But now i have a problem with IE, it look like the js patch for png files is not working.
Any ideas?
Thanks.

Comment by darkpollo — August 11, 2007 @ 11:26 am

#19

Yep, that’s an existing bug for skin, you need to open file:

GuMax.php, find the tag: gumax-p-logo, and change to p-logo,

also you need to open file gumax_template.css, replace #gumax-p-logo with #p-logo.

This should fix that bug. I will update the file on my server.

Comment by Paul Gu — August 11, 2007 @ 11:46 am

#20

Thank you very much.
Still learning about your skin. It has a lot of features!

it is great. Thanks again.

Comment by darkpollo — August 11, 2007 @ 11:50 am

#21

Well. I have now another question. I have already read all your comments in this web, but i dont understand this.

I have find this code in css:

/*- Main Menu in Header

And i would like to make a main menu, but i dont find it on GuMax.php.

I am very new on php so i am not sure how to make it.

Thanks, and sorry for so much questions.

Comment by darkpollo — August 11, 2007 @ 12:00 pm

#22

Some are for next version, it won’t be displayed.

Comment by Paul Gu — August 11, 2007 @ 12:03 pm

#23

Thanks.
I thought i was mad.

Comment by darkpollo — August 11, 2007 @ 12:15 pm

#24

Hi Paul,

I downloaded your Mediawiki skin 3.2.1 yesterday to use it in our project website and it looks great. Thank you for this great work.

I was trying to figure out how to remove the Navigation menu on the left bar, and to do that I set the width of gumax-content-left to 0 in the gumax_orange.css file. It works with Firefox, but in IE the nativation menu still shows up and gets mixed with the main text. Could you tell me how to fix it? Also, I want to put some text in the header where you see a logo on the left. How can I do that?

Here is the website: http://anrg.usc.edu/twiki/index.php/Main_Page

thanks,
-Amitabh

Comment by Amitabha Ghosh — August 12, 2007 @ 10:32 am

#25

Hi Amitabh,

If you want to disable the left bar, there is easy way:

open file gumax_template.css, and then find #gumax-p-navigation-wrapper, and add following inside the tag:

display: none;

For the logo, in the same file, find #p-logo, remove:

display: none;

That’s it.

Comment by Paul Gu — August 12, 2007 @ 10:51 am

#26

Great work on these skins! Do you have any estimate of when 3.3 will be released? Is that the one that is being used on your site now? Is there any way I could get the code from where it is at currently?

Thanks, and keep up the good work.

Comment by Sean — August 15, 2007 @ 8:05 pm

#27

[quote comment="2450"]Hello Paul, first of all, congratulations for this very verry useful skin for this wonderful software that mediawiki is.

I’m having trouble with two things on the site i’m trying to build:

Has this been fixed? I’ve been through all the comments and I can’t find the solution to this issue.

This is the only flaw I’ve seen on an otherwise fantastic skin.

-Ben

Comment by Ben Herrick — August 19, 2007 @ 8:54 pm

#28

Hi Ben,

I don’t know what is your issue, it works great on my site under IE 6 and Firefox 2, and it works great for most of users. I cannot do any fix for nothing.

Have you check your site configuration? Are you running PHP on Linux, or Windows?

Comment by Paul Gu — August 19, 2007 @ 9:06 pm

#29

[quote comment="2580"]Hi Ben,

I don’t know what is your issue, it works great on my site under IE 6 and Firefox 2, and it works great for most of users. I cannot do any fix for nothing.

Have you check your site configuration? Are you running PHP on Linux, or Windows?[/quote]

Hi Paul,

I’m using PHP 5.1.6, Apache 2.2.3, Mediawiki 1.10.1, and GuMax 3.2.1 on Fedora Core 6.

The only other modification I’m using is the LdapAuthentication.php extension.

The problem I see is on IE6. When I log on and go to the Main Page I see the left hand “Navigation” section fine. As soon as I roll the mouse over any items in the navigation section all the other options disappear and don’t come back even when I roll off the section.

This does not happen with FF2.

Unfortunately, the site is on a corporate intranet, so I can’t publish it to the rest of the Internet.

Any help you could provide would be greatly appreciated.

-Ben

Comment by Ben Herrick — August 19, 2007 @ 9:21 pm

#30

Hi Paul. I love your skins – I’m using GuMax 3.0.

I’ve just published a dynamic skin framework that works really well with your skins – it separates the code from the layout and the formatting – http://www.mediawiki.org/wiki/Extension:DynamicSkin. it also includes a better sidebar syntax for generating dynamic page tabs. I’m also working on a “breadcrumbs” extension that also works well with GuMax and tab navigation – http://www.ehartwell.com/InfoDabble/MediaWiki_extension:_Breadcrumbs2. The net result is a web site that looks like static HTML to anonymous users and more of a wiki to logged-in ones.

Keep up the good work, and feel free to use any of this code!

Comment by Eric Hartwell — August 22, 2007 @ 6:43 pm

#31

Hi Eric,

Great work! Thanks for sharing.

Comment by Paul Gu — August 22, 2007 @ 8:45 pm

#32

Hello Paul:

We are doing an redesign of our wiki’s skin. I’ve been trying to figure out a way to have a different banner and different left nav bar based on namespace or page. I noticed that one of the features of your latest gumax skin is:

Site logo is associated to page

Does this mean that you can have different logos on different pages of the same wiki? If so, how is this accomplished?

By the way, I really like your design – very nice!

Thank you,

~Tricia

Comment by Patricia Barden — August 23, 2007 @ 3:34 pm

#33

Please read this: http://paulgu.com/wiki/GuMax

Comment by Paul Gu — August 23, 2007 @ 9:10 pm

#34

I’ve updated DynamicSkin to let you specify the logo image, which will let you change it at runtime (based on namespace, category, or whatever) – thanks for the idea, Patricia.

MediaWiki actually specifies the site logo as part of the style for the header link,

Comment by Eric Hartwell — August 24, 2007 @ 8:41 am

#35

… which means you can change it in the style sheet. See http://www.mediawiki.org/wiki/MediaWiki:Common.css for an example of namespace-specific styles.

Finally, the breadcrumbs extension I’m working on lets you switch logos in a cleaner way – go to http://www.ehartwell.com/InfoDabble and click between the Support, Calendar, Apollo 17, and Home tabs. I was inspired to write this in the first place because GuMax makes tab navigation so practical.

Comment by Eric Hartwell — August 24, 2007 @ 8:44 am

#36

Hi Paul,

Thanks for your earlier reply. I was able to remove the navigation bar following what you had suggested.

This time I want to remove the few page actions that appear at the bottom of the page like: Article, Discussion, Edit, History. I modified the Gumax.php file a bit and was able to remove those links on IE, but in Firefox they still show up. Here is the link to our webpage.

http://anrg.usc.edu/twiki/

Thanks for your help,
-Amitabh

Comment by Amitabh — August 25, 2007 @ 3:47 am

#37

Hi Amitabh,

It doesn’t show up anything for me. I guess your Firefox was loading cache. Try to clean the cache and reload again.

Paul

Comment by Paul Gu — August 25, 2007 @ 7:00 am

#38

I am having the same issue as some other people, this is a BUG and I have tested it on IE version 6 only. Will not affect firefox users.

Initially when the page loads this is what i see:
All the links are moved up.
http://server6.pictiger.com/img/540155/picture-hosting/gumaxerror-1–.jpg

When you hover your move over a link only that link will be selected and rest will disappear:
http://server6.pictiger.com/img/540156/picture-hosting/gumaxerror-2–.jpg

There is a small work around to make items not disappear by disabling the hover effect in gumax_link_navigation.css line 83 but items will still be initially moved up.

Interestingly this only affects the first navigation menu.

I am running mediawiki 1.10

We need a better fix.

Comment by boby — August 25, 2007 @ 5:32 pm

#39

BTW i am using Gumax 3.2.1

Comment by boby — August 26, 2007 @ 8:35 am

#40

Here is better fix
Replace gumax-p-navigation in Gumax.php on line 211 with pBody and you will get the old Monobook links for the menu.
I tested the original code on ie7 and the menus work.

Comment by boby — August 27, 2007 @ 9:44 am

#41

I have updated the GuMax 3.2.1, please download the skin again and let me know the result.

Thanks,

Paul

Comment by Paul Gu — August 27, 2007 @ 5:28 pm

#42

Hi,
your Skin is great. Especially that this skin is based on MonoBook. Currently i use an Extension http://www.mediawiki.org/wiki/Extension:ShareThis. This calls the hook ‘MonoBookTemplateToolboxEnd’. Currently this is supported, but not correct. Maybe you can fix this with the next release.
Great job.

Comment by ozz — August 28, 2007 @ 12:44 pm

#43

Another issue I have using Opera… I can’t access the horizontal scrollbar of the browser everytime an image has a bigger size than the theme.

Comment by Vasco — August 30, 2007 @ 9:04 am

#44

Thanks for the great skin Paul. I’m installing my first Wiki, so please bear with me if this is a newbie question! What I’d like to do is simply remove the banner image. I haven’t worked out how to do that without leaving a banner-sized whitespace at the top.

Ideally after that I’d like the Wiki-loaded logo sitting above the navigation menu.

Any help or pointers to where I can learn more would be appreciated

Comment by david — August 31, 2007 @ 7:40 pm

#45

Hi David,

You need to open file GuMax.php, and then remove the code between “dynamic site logo”.

Paul

Comment by Paul Gu — September 1, 2007 @ 9:39 am

#46

Hi Paul.

I love your Mediawiki skins. I’ve implemented 3.2.1.
I’m using the orange option.

Whould you be able to provide a PSD or any other file format with layers that I can use to change the color of the corners and other section? I wouldn’t mind playing around with different color combos.

Comment by Ed — September 1, 2007 @ 6:17 pm

#47

Hi Paul,

Thanks for the great skins. I am installing your GuMax 3.1 and I don’t know how to change menu item names ‘Main Page’, ‘Community Portal’, ‘Current events’, ‘Recent changes’, etc.

Any help is greatly appreciated.

Comment by Phyo — September 6, 2007 @ 1:56 pm

#48

Phyo – This is part of Media Wiki. Since 1.5, you can change the items by going to the MediaWiki:Sidebar page.

http://your wiki url]/MediaWiki:Sidebar

This is documented here:
http://meta.wikimedia.org/wiki/MediaWiki_FAQ#In_version_1.5

Comment by Sean — September 6, 2007 @ 3:03 pm

#49

Thanks Sean!

Comment by Phyo — September 6, 2007 @ 4:14 pm

#50

Paul,

Your wiki designs are excellent, and I use them frequently. I am currently working on optimizing the download speed. Is the handheld.css file necessary for web browsers on regular computers? Could it be optional? And if so, where do I comment it out?

Comment by crux — September 15, 2007 @ 10:05 am

#51

At the risk of being perceived as strange to answer my own question – I have recently obtained significant speed increases without changing any of Paul’s code on all my wiki’s that use his code by simply moving the websites to my own dedicated server. Hope that helps someone!

Ron

Comment by crux — September 24, 2007 @ 8:36 pm

#52

I have installed v. 1.11 of Media Wiki.
I can change to any Skin except yours.
I’ve copied the sgumax directpry to the skins directory with the SGuMax.deps.php and SGuMax.php in the skins directory.

When I load the page – it is blank – there is nothing there.
Yet if I change the skin to cologneblue or nostalgia skins, these load with no problem.

I’ve tried in IE and in FireFox.
Is it the version change that is causing the problems or have I done something wrong?

Comment by Asmith — September 29, 2007 @ 3:17 pm

#53

All my skins are based on 1.71 and up. You should see my release notes when you download.

Comment by Paul Gu — September 29, 2007 @ 3:31 pm

#54

Hi Paul,

Great skins! Will you be releasing the next version with built-in breadcrumbs?

Comment by Nathan — September 30, 2007 @ 10:02 pm

#55

Does the 3.2.1 version have CSS info for tables?

Comment by Ed — October 2, 2007 @ 6:24 pm

#56

Just to be more specific, I don’t know what I need to change in main.css to create table that look exactly like the ones on this page (grey headline and border): http://www.mediawiki.org/wiki/MediaWiki

Does anybody know what I need to change?

Comment by Ed — October 2, 2007 @ 8:59 pm

#57

[quote comment="2884"]What do I need to change in main.css to create tables that look like the ones on MediaWiki (grey headline and border)?[/quote]
Most site-specific styles (such as wikitable, {| class=”wikitable”) are defined in MediaWiki:Common.css rather than per skin. You can copy the ones you like from http://www.mediawiki.org/wiki/MediaWiki:Common.css into your own wiki’s MediaWiki:Common.css.

Comment by Eric Hartwell — October 3, 2007 @ 6:41 am

#58

That is been done by adding tags in the wiki content. Go Mediawiki and view source.

Paul

Comment by Paul Gu — October 4, 2007 @ 5:58 pm

#59

Hello, i used GuMax 3.2.1 version on my new wiki site, but i can’t find print article with this skin, is it possible to me to create a print page with this skin?

or is there any tutorial about how to create printable page with mediawiki?

please help me, i really need it…

btw, you have a great job!

thanks

HarisX

here’s my new wiki site : http://pustaka.otonomis.org/new/

Comment by HarisX — October 8, 2007 @ 8:36 am

#60

My skin doesn’t have printable function, but I will work on it later.

Comment by Paul Gu — October 8, 2007 @ 1:10 pm

#61

First off I would like to thank you Paul for such a great mediawiki skin! Currently I using GuMax 3.1.1 for my site. I actually have a question regarding Mediawiki and I’m not sure if you could help me. I was wondering if you know of any way for me to allow single users to be allowed to edit certain pages (while still allowing the sysop to edit all pages).

For instance, just say I want to allow a user named John to only edit pages on “games” and “toys” on my site, and nothing else, is that possible? Also could I restrict creation of new pages to only the sysop? Any help on this would be greatly appreciated!

-Stephen

Comment by Stephen — October 10, 2007 @ 12:46 am

#62

Check this out:

http://jimbojw.com/wiki/index.php?title=EditOnlyYourOwnPage

Go to FAQ on my wiki and mediawiki site for more configurations.

Comment by Paul Gu — October 10, 2007 @ 10:00 pm

#63

Hi, this may sound a little too much, but i sent you an email earlier and i have a deadline for thursday, so, could you please tell me how to customise the naviation menu?
Thanks in advance and i’ll send you the link for te work i’ve done, people already like the site, thanks to your skin and effort.
have a good day

Comment by Clement Ongera — October 11, 2007 @ 2:56 am

#64

Hi Paul,

I really liked GuMax 3.2.1, but I feel 3.3 will be a great release , as I see on your website !
Can you tell us when you plan to release this new version ?

Comment by Nico — October 15, 2007 @ 2:36 am

#65

[quote comment="2895"]Hi, this may sound a little too much, but i sent you an email earlier and i have a deadline for thursday, so, could you please tell me how to customise the naviation menu?
Thanks in advance and i’ll send you the link for te work i’ve done, people already like the site, thanks to your skin and effort.
have a good day[/quote]

About the above problem. I managed to fix it and thanks for giving me the opportunity to learn the hard wan, now I won’t forget. Next time I’ll bother you with much bigger stuff.
good day. and thanks for the skins, they are AWESOME.

Comment by Clement Ongera — October 15, 2007 @ 4:14 am

#66

Great, good work.

My new skin will be released in a few weeks. Sorry for delay, I was crazy busy in last few weeks.

Paul

Comment by Paul Gu — October 15, 2007 @ 8:28 pm

#67

Ok I feel stupid but how do I change between the orange and grey skins?

Comment by Harold — October 16, 2007 @ 5:09 pm

#68

Harold:

You will need to edit the css file found in mediawiki_directory/skins/gumax/gumax_main.css

Uncomment the line that includes the orange css file -
@import url(’styles/gumax_orange/gumax_orange.css’);

Just remove the comment /* from that line and save.

Comment by Sean — October 16, 2007 @ 8:50 pm

#69

Paul,

Do you like support questions posted here? Why don’t you open a section on your wiki for support? I could help update.

Comment by Sean — October 16, 2007 @ 9:45 pm

#70

I would like to add a tiled .png as the bgimage, as used on the home page, in the MediaWiki on the same site, that is utilizing GuMax 3.2.1, and no matter what I can’t seem to get it to display. Sometimes I see it just once during the reload but it gets ‘covered’ with white. I’ve otherwise modified a few things with the skin, but when I was looking for something to setup that site, I looked all over and when I saw GuMax that was it. Stopped dead in my tracks. … perfect solution to the canned and boring MediaWiki skin. Thanks!

Comment by Tony — October 18, 2007 @ 3:06 am

#71

[quote comment="2906"]Paul,

Do you like support questions posted here? Why don’t you open a section on your wiki for support? I could help update.[/quote]

This is a good idea, I will try to setup and see if it work s for everyone.

Thanks Sean.

Paul

Comment by Paul Gu — October 18, 2007 @ 6:05 am

#72

I want to add a sidebard to _ycgu_max_ skin. How can I do that?

Comment by Mark Marucot — October 21, 2007 @ 10:51 am

#73

Due to vast amount of emails regarding my MediaWiki skins and the limitation of using blog as a way of support, I decided to setup GuMax support forum to deliver better support for GuMax and MediaWiki users. This will also help me to communicate many other MediaWiki developers and users for exchanging techniques, skills, and experiences, so we can make GuMax better for use.

Where to post what
Before posting on paulgu.com, please make sure to first do a search on forum.paulgu.com; if you cannot find anything, then choose the appropriate forum to post. This will increase the probability to receive an answer.

General Discussion
Dicussions without reference to skin GuMax should be posted in General Discussion. Please note that GD isn’t a support forum for anything (be it PaulGu.com or anything else).

Have fun and enjoy my MediaWiki skins!

Paul

Comment by Paul Gu — October 22, 2007 @ 6:53 pm

#74

Hi Paul,

I got a question for you. what blog program are you using for this beautiful blog? Is it wordpress?

Thanks~

Alex

Comment by icaros — April 14, 2008 @ 6:28 pm

#75

Hey Alex,

This blog is powered by wordpress, and using a customized skin.

Comment by Paul Gu — April 14, 2008 @ 11:37 pm

#76

That’s it, baby.
ta…

Comment by Alex — April 16, 2008 @ 12:41 am

#77

Hey,
First of all i’m loving the gumax skin!!!
The only thing i can’t find is how to stop the navigation from moving when u scroll… Only the content page should scroll the whole header should stay in it’s place. Is there a way 2 do this? I’ve tried with adding background-attachment: fixed; to the header div but that doesn’t work lol ^.^

Thanks alot!

Greetz

Jay

dawn-guild.eu

Comment by Jayded — December 3, 2008 @ 7:49 am

#78

Paul Gu|blog

Pages

Meta

Search

Recent Posts

GuMax 3.1.1 is released

10 most commented

Recent Comments