Paul Gu | Blog

sharing is caring

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.

Next Post

Previous Post

78 Comments

  1. Thiago Neres June 28, 2007

    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
    πŸ˜‰

  2. Paul Gu June 28, 2007 — Post Author

    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

  3. Thiago Neres June 28, 2007

    I used the patch and now everything is fine.

    Thanks a lot ^^

  4. Christopher Price July 12, 2007

    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.

  5. Paul Gu July 12, 2007 — Post Author

    It looks good on your site :D.

  6. GRD July 13, 2007

    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.

  7. Paul Gu July 13, 2007 — Post Author

    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.

  8. GRD July 14, 2007

    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.

  9. Paul Gu July 14, 2007 — Post Author

    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 :D. You can give a try.

  10. Isaac July 26, 2007

    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

  11. Robert August 2, 2007

    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

  12. Paul Gu August 3, 2007 — Post Author

    Hi Robert,

    You are very welcome :D.

    Thank you,

    Paul

  13. Samir August 10, 2007

    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!

  14. Samir August 10, 2007

    e-mail test, sorry XD

  15. Paul Gu August 10, 2007 — Post Author

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

  16. darkpollo August 11, 2007

    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.

  17. Paul Gu August 11, 2007 — Post Author

    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.

  18. darkpollo August 11, 2007

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

  19. Paul Gu August 11, 2007 — Post Author

    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.

  20. darkpollo August 11, 2007

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

    it is great. Thanks again.

  21. darkpollo August 11, 2007

    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.

  22. Paul Gu August 11, 2007 — Post Author

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

  23. darkpollo August 11, 2007

    Thanks. πŸ˜€
    I thought i was mad.

  24. Amitabha Ghosh August 12, 2007

    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

  25. Paul Gu August 12, 2007 — Post Author

    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.

  26. Sean August 15, 2007

    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.

  27. Ben Herrick August 19, 2007

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

    -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?
    [/quote]

    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

  28. Paul Gu August 19, 2007 — Post Author

    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?

  29. Ben Herrick August 19, 2007

    [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

  30. Eric Hartwell August 22, 2007

    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!

  31. Paul Gu August 22, 2007 — Post Author

    Hi Eric,

    Great work! Thanks for sharing.

  32. Patricia Barden August 23, 2007

    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

  33. Paul Gu August 23, 2007 — Post Author

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

  34. Eric Hartwell August 24, 2007

    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,

  35. Eric Hartwell August 24, 2007

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

  36. Amitabh August 25, 2007

    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

  37. Paul Gu August 25, 2007 — Post Author

    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

  38. boby August 25, 2007

    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.

  39. boby August 26, 2007

    BTW i am using Gumax 3.2.1

  40. boby August 27, 2007

    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.

  41. Paul Gu August 27, 2007 — Post Author

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

    Thanks,

    Paul

  42. ozz August 28, 2007

    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.

  43. Vasco August 30, 2007

    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.

  44. david August 31, 2007

    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

  45. Paul Gu September 1, 2007 — Post Author

    Hi David,

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

    Paul

  46. Ed September 1, 2007

    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.

    Ed

  47. Phyo September 6, 2007

    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.

  48. Sean September 6, 2007

    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

  49. Phyo September 6, 2007

    Thanks Sean! πŸ™‚

  50. crux September 15, 2007

    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?

  51. crux September 24, 2007

    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

  52. Asmith September 29, 2007

    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?

  53. Paul Gu September 29, 2007 — Post Author

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

  54. Nathan September 30, 2007

    Hi Paul,

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

  55. Ed October 2, 2007

    Does the 3.2.1 version have CSS info for tables?

  56. Ed October 2, 2007

    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?

  57. Eric Hartwell October 3, 2007

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

  58. Paul Gu October 4, 2007 — Post Author

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

    Paul

  59. HarisX October 8, 2007

    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/

  60. Paul Gu October 8, 2007 — Post Author

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

  61. Stephen October 10, 2007

    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

  62. Paul Gu October 10, 2007 — Post Author

    Check this out:

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

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

  63. Clement Ongera October 11, 2007

    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

  64. Nico October 15, 2007

    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 ?

  65. Clement Ongera October 15, 2007

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

  66. Paul Gu October 15, 2007 — Post Author

    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

  67. Harold October 16, 2007

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

  68. Sean October 16, 2007

    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.

  69. Sean October 16, 2007

    Paul,

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

  70. Tony October 18, 2007

    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!

  71. Paul Gu October 18, 2007 — Post Author

    [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

  72. Mark Marucot October 21, 2007

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

  73. Paul Gu October 22, 2007 — Post Author

    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

  74. icaros April 14, 2008

    Hi Paul,

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

    Thanks~

    Alex

  75. Paul Gu April 14, 2008 — Post Author

    Hey Alex,

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

  76. Alex April 16, 2008

    That’s it, baby.
    ta…

  77. Jayded December 3, 2008

    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

Leave a Reply

© 2024 Paul Gu | Blog

Theme by Anders Norén