Navigation | MediaWiki skin sgumax 3.1 is released

MediaWiki skin sgumax 3.1 is released

Alright, finally I got this new skin released :) .

It took me a while because I had other projects, assignments and exams during in last several months. I just got my final grades and I’m very happy with them: 4 “A” and 1 “B” :-) .

This new skin is redesigned and has less color, but it looks decent. The core code has been updated according to MediaWiki 1.9, and I’m not sure if it still works under 1.8 and other versions. If you have any question, please feel free to post here.

The highlights are:

I appreciate all your support and donations, they are (Order by date):

Skin is available at my Wiki under Projects, you are very welcome to download and tell me what you think.

Thank you very much and I hope you enjoy this skin,

Paul

Filed by Paul Gu at May 1st, 2007 under MediaWiki Skin

Good job, thx. When do you think, your wordpress theme will be available?

Regards,
Bastian

Comment by Bastian — May 1, 2007 @ 12:22 pm

#1

I guess the final k2 will be released soon, I think it’s better to wait for the final k2, and I could release my final version.

Comment by Paul Gu — May 1, 2007 @ 12:55 pm

#2

Great skin! We have already used the 3.0 version with Mw 1.9.3 with no problems.
But now with 3.1 I have one problem and one question:

1. Look here: http://www.immanuel.space2u.com/wikitest . The search field overlaps the login text. This used to be OK with 3.0

2. Question: With 3.0 you had the choice search or goto. The goto option is gone. Mistake or intentional? Our users want the goto option since it is easier than changing the URL in the browser address field.

regards
Håkan

Comment by Håkan Sjögren — May 2, 2007 @ 12:38 pm

#3

I just found out that the problem reported in my prev. post only appears with Firefox.
IE7 os OK The problem would go away it the search box was on top of the image as it was in 3.0..

Comment by Håkan Sjögren — May 2, 2007 @ 12:47 pm

#4

Hi Håkan,

Thanks for your comments, here are my answers:

Question 1. The search field overlaps the login text.

Solution: I had fixed the overlap by reducing the size of the search box, I hope your login menu is not too long :) . Please download again and check if it’s good now.

Question 2. The goto option is gone.

Answer: I removed Search button in order to save some space for this design. The default button is Go button. I hope this button is enough for your Wiki.

Paul

Comment by Paul Gu — May 2, 2007 @ 8:31 pm

#5

Thankyou Paul. Your new version solved my problems.
-Håkan

Comment by Håkan Sjögren — May 3, 2007 @ 1:58 am

#6

Hi Paul,

Is it possible to divide my main page in two (since i want to list down links of two different topics). Also is it possible to incorporate a code so that the most popular (most read) articles are displayed without human intervention(dynamically). It would of great help if you could help me out with these queries.

Regards,
Abhi

Comment by Abhinay — May 5, 2007 @ 1:18 am

#7

Hi Abhinay,

Yes, you can use table or div to divide it; you can use template to do that as well, which will give more flexibility.

Comment by Paul Gu — May 5, 2007 @ 1:29 am

#8

Question off track: Is it possible in mediawiki to diplay the content of a template residing in another wiki similar to {{template}} when the template is in the same wiki? If so what is the syntax?

Comment by Håkan Sjögren — May 5, 2007 @ 1:34 am

#9

I never try that, you can try that by using absolute URL to see if it works.

Comment by Paul Gu — May 5, 2007 @ 2:12 am

#10

Hi Paul,

Thanks for the great template. I just noticed an issue however. It appears that it’s spitting out double-headers. I noticed this because my page titles were always “Untitled Page”, and when I looked at the source code I noticed there is an entire blank html page (i.e ) before the actual page content gets spit out.

You can view this at http://www.outdoorbeta.com/beta/

-Brett

Comment by Brett — May 6, 2007 @ 12:24 am

#11

Hi Paul,

Thanks for the skin; I’ve been waiting for it! It’s really beautiful–I like that I can run a wiki that doesn’t look like you know what.

-Misha

Comment by Misha — May 6, 2007 @ 11:32 am

#12

@11 (Brett)

Got it fixed. It wasn’t related to the skin, but instead to an improperly installed extension. Sorry for the confusion.

-Brett

Comment by Brett — May 6, 2007 @ 11:51 am

#13

[quote comment="824"]@11 (Brett)

Got it fixed. It wasn’t related to the skin, but instead to an improperly installed extension. Sorry for the confusion.

-Brett[/quote]

No problem.

Comment by Paul Gu — May 6, 2007 @ 3:40 pm

#14

[quote comment="823"]Hi Paul,

Thanks for the skin; I’ve been waiting for it! It’s really beautiful–I like that I can run a wiki that doesn’t look like you know what.

-Misha[/quote]

You are welcome. Paul

Comment by Paul Gu — May 6, 2007 @ 3:40 pm

#15

Hi Paul
I would like to see an option to not show (Main Page title) on main page. I think this could be done on next release.
If you don’t want to add this option easily to modify, i would like to know how to do this on 3.1 version.

Thanks for the new skin.

Comment by Leonardo — May 8, 2007 @ 2:22 pm

#16

Hi Leonardo,

Here is solution for you:

Open file gumax_template.css, find

/*
* Don’t display the Home title on Home page
*/
.page-Home .firstHeading {
display: none;
}

Change .page-Home to .page-Main_Page, that’s it.

Paul

Comment by Paul Gu — May 8, 2007 @ 5:28 pm

#17

Hi Paul, My wiki page is in Portuguese BR language.
So Main page = Página Principal
I added:
/*
* Don’t display the Home title on Home page
*/
.page-Página_principal.firstHeading {
display: none;
}

But the title still appear

Comment by Leonardo — May 8, 2007 @ 5:41 pm

#18

POnly not appear if i add display: none; on:
/*
* content page title format
*/
#content .firstHeading,
#gumax-content .firstHeading {
display: none;
position: relative;
font-size: 150%;
color: #2277DD;
font-weight: bolder;
padding: 0 0 .2em 0; /* position of the title */
border: none; /* No border for page title */
text-transform: capitalize;
}

Comment by Leonardo — May 8, 2007 @ 5:59 pm

#19

[quote comment="860"]Hi Paul, My wiki page is in Portuguese BR language.
So Main page = Página Principal
I added:
/*
* Don’t display the Home title on Home page
*/
.page-Página_principal.firstHeading {
display: none;
}

But the title still appear[/quote]

Did you pay attention to upper case?

Comment by Paul Gu — May 8, 2007 @ 6:56 pm

#20

“Did you pay attention to upper case?”

Yes

Comment by Leonardo — May 9, 2007 @ 10:22 am

#21

Here’s how you can figure it out:

1. Go to your Main Page (Pagine Principal)
2. View the source code for the page
3. Do a search on the source code for “.firstHeading”
4. You should see “.page-SOMETHING .firstheading”

That SOMETHING is the text you need to use in the stylesheet.

Hope this helps!

-Brett

Comment by Brett — May 9, 2007 @ 11:20 am

#22

I guess it might be language problem, at least it works fine in English.

Comment by Paul Gu — May 10, 2007 @ 5:15 am

#23

Ok, maybe it is. Now has an extension to hide the title on Mediawiki.
About: Editing menu will be tight with main menu. i didn’t like the idea. I think that menus need to be in the same place of 3.1 version.

Comment by Leonardo — May 10, 2007 @ 9:51 am

#24

Yep, I will move it to the bottom somewhere.

Comment by Paul Gu — May 10, 2007 @ 10:06 pm

#25

Recently migrated over to mediawiki and after looking around for skins, I was using gumax while developing the site. Just before publishing I took a look back at your projects page a few days ago and there was 3.1!

Love it!

Thanks,
Bob

Comment by Rabbi Bob — May 12, 2007 @ 4:41 am

#26

Hi Paul,

Great job on the skin – I really like the look. I’ve been wondering though; I’ve been having problems changing the margin colour on thumbnails. I tried the following in your main.css file:

div.tright {
clear: right;
float: right;
border-width: .5em 0 .8em 1.4em;

//My new line:
border-color: #f9f9f9;
}
div.tleft {
float: left;
clear: left;
margin-right: .5em;
border-width: .5em 0 .8em 1.4em;

//Same again…
border-color: #f9f9f9
}

This doesn’t seem to have any effect. Any suggestions? I want to make it compatible with IE, and I’ve found that the ‘transparent’ colour only seems to work with Firefox etc.

Any suggestions?

Thanks, and best wishes,
Eric from St Andrews in Scotland, UK.

Comment by Eric — May 12, 2007 @ 5:34 am

#27

Hi Eric,

Where do .tright and .tleft come from? I don’t have such tags in my skin.

Comment by Paul Gu — May 12, 2007 @ 7:21 am

#28

Hi again Paul,

The path is:
~/wiki/skins/sgumax/main.css

The code for .tright and .tleft are at about line 460 to 470. It’s unaltered from the monobook style. I had a look around to see if I could find a quick fix and came up with this:

http://en.wikipedia.org/wiki/MediaWiki_talk:Monobook.css/Archive_3

You obviously have more experience in this than I do, so I was hoping you could tell me why making my additions to your skin didn’t affect it. If not, don’t worry about it. It’s not a big problem, just an aesthetic thing. It leaves a white border around thumbnails, which doesn’t fit too well with the grey background.

Hope this is helpful,
Eric

Comment by Eric — May 12, 2007 @ 11:04 am

#29

Hi,
Is it a simple way to change the black color of the skin by something else ?

Thanks

Comment by xabi — May 13, 2007 @ 1:15 pm

#30

I’m not sure it’s simple or not; you need to change a few places in the CSS files. If you know about CSS, it shouldn’t be hard.

Comment by Paul Gu — May 13, 2007 @ 4:20 pm

#31

ok thanks

Comment by xabi — May 14, 2007 @ 12:56 pm

#32

Hi Paul
Thank you for making this skin available.
Could I suggest a feature for future versions if possible. (or perhaps it’s supported already?)
It would be nice if the skin could display different images in the main heading depending on the namespace of the wiki. You could e.g. have one image for the Main namespace and another for pages related to a particular project (e.g. the project logo)
Thanks!

Comment by Lars — May 21, 2007 @ 6:39 am

#33

Hi Lars,

I will try to add that. Thanks for your comments.

Comment by Paul Gu — May 21, 2007 @ 8:07 am

#34

Great template.

I am trying to add more fields to the Create an Account page. Do you know how to do that? Thanks

Comment by Lisa Waters — May 21, 2007 @ 12:02 pm

#35

Great skin.
Really different look from MonoBook but still easy to the modification and the customization to own needs.

Comment by Mider — May 22, 2007 @ 12:45 pm

#36

Hi,
Amazing skin!! Finding it was like my prayers were answered.

Anyway, I just have a simple question. The header logo doesn’t link to the mainpage. Whats the code snippet I need to make it do that?

Thanks!
Graham

Comment by Graham — May 23, 2007 @ 10:04 pm

#37

Oh, And I thought I might mention the possibility of a social bookmark extension. Something along the lines of a portlet that has the digg button, the reddit button, delicious, technorati, you know all the main players.

Comment by Graham — May 23, 2007 @ 11:22 pm

#38

Hi

Is there a way to change the fixed size of the page, which is 85% too narrow for me, compared to the monobook skin ?

Thks a lot,
Jean

Comment by Jean — May 24, 2007 @ 3:08 am

#39

Found the way to extend the width of the page.

Modify the gumax_main.css as follows:
/* page size */
#gumax-page,
#gumax-page-actions,
#gumax-page-footer {
max-width: 950px !important; /* need for Firefox */
width: 950px; /* need for IE6 win */

Jean

Comment by Jean — May 24, 2007 @ 10:50 am

#40

Hi Jean,

Great! That’s why I put it in main.css

Comment by Paul Gu — May 24, 2007 @ 9:41 pm

#41

[quote comment="996"]Great template.

I am trying to add more fields to the Create an Account page. Do you know how to do that? Thanks[/quote]

I’m not sure what this is.

Comment by Paul Gu — May 24, 2007 @ 9:42 pm

#42

[quote comment="1045"]Hi,
Amazing skin!! Finding it was like my prayers were answered.

Anyway, I just have a simple question. The header logo doesn’t link to the mainpage. Whats the code snippet I need to make it do that?

Thanks!
Graham[/quote]

I might release the fixed version which does that; or you could add the link in php file.

Comment by Paul Gu — May 24, 2007 @ 9:43 pm

#43

When a user doesn’t have a username and password yet and wants to create a new account, it asks for name, email, username and password to register. I would like to add additional fields. Do you know how to do that? Thanks

Lisa

Comment by Lisa Waters — May 25, 2007 @ 7:09 am

#44

Hi Paul!
Three things:
1.)I was wondering, what is the file I would need to edit if I wanted the edit button to link to action=edit&section=new instead of just action=edit

2.)How do I disallow users to move pages, and instead allow only the sysops to have the move button?

3.)Are you available for hire? I need some coding done in the php mechanics of the site. Do you php? If so we should talk…

Comment by Graham — May 25, 2007 @ 2:53 pm

#45

[quote comment="1071"]When a user doesn’t have a username and password yet and wants to create a new account, it asks for name, email, username and password to register. I would like to add additional fields. Do you know how to do that? Thanks

Lisa[/quote]

I guess using extension is the best way to do this.

Comment by Paul Gu — May 25, 2007 @ 11:40 pm

#46

[quote comment="1081"]Hi Paul!
Three things:
1.)I was wondering, what is the file I would need to edit if I wanted the edit button to link to action=edit&section=new instead of just action=edit

2.)How do I disallow users to move pages, and instead allow only the sysops to have the move button?

3.)Are you available for hire? I need some coding done in the php mechanics of the site. Do you php? If so we should talk…[/quote]

1) If the page doesn’t exist, it will show section new.

2) Protect page

3) I’m not sure if I could have spare time since I got so many things to do. If you have something in your mind, send me the requirements and reasonable estimates, I’d like to give a try.

Thanks,
Paul

Comment by Paul Gu — May 25, 2007 @ 11:45 pm

#47

Hey Paul,
Just wondering what the exact code is I would need to add to make the main logo link to main page. I know your busy so I don’t know if you’ll be able to dig it for me but if so… that would be amazing. I don’t know php :(

Comment by Graham — May 30, 2007 @ 11:57 pm

#48

Also, I’ve searched and searched and cannot find where to remove the IP and Talk for this IP items that show next to log in / create account.

How do I remove these? What file are they in?

You’re awesome…

Comment by Graham — May 31, 2007 @ 1:17 am

#49

[quote comment="1189"]Also, I’ve searched and searched and cannot find where to remove the IP and Talk for this IP items that show next to log in / create account.

How do I remove these? What file are they in?

You’re awesome…[/quote]

This can be done in LocalSettings.php:

$wgShowIPinHeader = false;

I’m quite busy now, I will add the link for the picture later.

Comment by Paul Gu — May 31, 2007 @ 11:11 pm

#50

Really cool!

Comment by philip ng — June 3, 2007 @ 2:46 am

#51

Fantastic skin Paul! Very slick and professional, and really adds a nice dimension to mediawiki.
I’d like to disable the display of edit links for users that are not logged in (the edit link at the bottom is fine as is)
I added “if($this->data['loggedin']==1)”
in between the close parenthesis and open curly bracket on line 223 of SGuMax.php but it didn’t have the effect I wanted.
data['content_actions'] as $key => $action) if($this->data['loggedin']==1) {

any help would be greatly appreciated, and TIA!

Comment by woosht — June 7, 2007 @ 5:40 pm

#52

Hi woosht,

I guess all you need to do is adding following in your LocalSettings.php:

$wgGroupPermissions['*']['edit'] = false;

Thanks,

Paul

Comment by Paul Gu — June 7, 2007 @ 9:06 pm

#53

Hey Paul, thanks for the quick response!
Your suggestion disabled editing, but the links still appear.. is there an easy solution to disable the display of the edit links next to each section?
Thanks again

Comment by woosht — June 7, 2007 @ 9:43 pm

#54

Hey paul,
Just wondering if you would be so kind as to give me the code to make the header link to main_page?

Thanks!

Comment by Graham — June 9, 2007 @ 5:39 pm

#55

[quote comment="1413"]Hey paul,
Just wondering if you would be so kind as to give me the code to make the header link to main_page?

Thanks![/quote]

Looking for code starting with id=”gumax-p-logo”, the link for that should be similar as this. It’s so simple if you know the php programming.

Comment by Paul Gu — June 10, 2007 @ 1:50 am

#56

Hi Paul,

This is excellent work!

Here is something that I would prefer to see in Mediawiki, not sure whether this is within your scope of work.

- A page that shows the ‘RecentChanges’ page in a blog form, with small description of the changes. I found an extension,
http://meta.wikimedia.org/wiki/Newest_Pages_Blog_%28extension%29

but the formatting does not seem to match the template and for me it doesn’t seem to add much value to the ‘RecentChanges’ page.

If you know of any similar work, please let me know as well.

Thanks,
Jaya

Comment by Jaya — June 10, 2007 @ 9:45 pm

#57

Paul,
I was wondering if I could purchase the code to make the header link to main page. I realize its simple if one knows php, but I don’t know php. I’ve tried, but couldn’t figure it out. Plus, I figure your skins are so great that you could use some deserved support! So please tell me how much compensation you would like for the code snipped that I can copy paste into the skin, and I will gladly pay. You have my email.

Comment by Graham — June 17, 2007 @ 9:02 am

#58

Hi Graham,

You could make a donation through the link from my wiki. I will try to make the time and update the code. Thanks for support.

Paul

Comment by Paul Gu — June 18, 2007 @ 6:17 pm

#59

Hello,

My name is Jesse McGowan, I am using your new skin (sgumax 3.1) at prisonerdavid.com. Thank you so much, it is a great skin.

I was wondering if there was a way to bring in the “printable version” function. If you have time, please let me know. Peace. Thank you.

Comment by jmcgowan — June 19, 2007 @ 9:55 pm

#60

Sure, I will look into it.

Comment by Paul Gu — June 20, 2007 @ 5:40 am

#61

Hi Paul,

Great Skin!!

One question, how do I show those menu’s on the homepage?
The ones you show on the left on your homepage (main menu – my projects – about me) and also those little banners I like to show also.

Thanks in advance
Pierre

Comment by Pierre — June 23, 2007 @ 4:24 am

#62

My previous skins do not support multi-menu; The skin on my current Wiki is the next version of my skin, which supports multi-menu.

Comment by Paul Gu — June 23, 2007 @ 7:50 pm

#63

Hi, Paul.

I really your latest Wiki design. When do you think it will be released for download?

Keep up the good work.

Jonathan

Comment by Jonathan — June 27, 2007 @ 1:18 pm

#64

Hi, Paul.

I really like your latest Wiki design. When do you think it will be released for download?

Keep up the good work.

Jonathan

Comment by Jonathan — June 27, 2007 @ 1:19 pm

#65

I still have some code to be completed; I’m also need to add “Printable Version” to it. The last thing is I need to test it under MediaWiki 1.10. After those, it will be ready for downloading.

It might be a little bit delay, since I got a few other projects to do at the same time. The new skin should be available soon.

Paul

Comment by Paul Gu — June 28, 2007 @ 12:04 pm

#66

Hi, Paul
Can you tell me how to move tab from right-align to left align?

Please email me because I don’t surf check blog update very often.
thanks,
pin

Comment by pin — July 1, 2007 @ 9:41 am

#67

[quote comment="869"]“Did you pay attention to upper case?”

Yes[/quote]

I am having the same problem as Leonardo did. I can not figure out how to get rid of that pesky “main page” part of my title. I am running MW 1.9 and my skin is yours rilgrey_01
thank you

Comment by sean — July 18, 2007 @ 9:52 am

#68

[quote comment="2240"][quote comment="869"]“Did you pay attention to upper case?”

Yes

I am having the same problem as Leonardo did. I can not figure out how to get rid of that pesky “main page” part of my title. I am running MW 1.9 and my skin is yours rilgrey_01
thank you[/quote]

I want to clarify here, hiding title is nothing to do with my skin, and this is one of the feature of MediaWiki. This is not an issue that we are trying to solve.

Thanks,

Paul

Comment by Paul Gu — July 18, 2007 @ 4:38 pm

#69

[quote comment="2242"][quote comment="2240"][quote comment="869"]“Did you pay attention to upper case?”

Yes

I am having the same problem as Leonardo did. I can not figure out how to get rid of that pesky “main page” part of my title. I am running MW 1.9 and my skin is yours rilgrey_01
thank you[/quote]

I want to clarify here, hiding title is nothing to do with my skin, and this is one of the feature of MediaWiki. This is not an issue that we are trying to solve.

Thanks,

Paul[/quote]

hey sorry about that…. Do you know how to hide or change the title?

Comment by sean — July 18, 2007 @ 6:57 pm

#70

I was wondering how difficult it would be to alter the skin a little to use more of the screen. This skins work well most of the time for us, but today I needed to create a fairly wide table (basically landscape) and found that I was wasting a little too much of the screen. Would it be very difficult to have a higher percentage of the screen used (width)?

Comment by Matt — October 1, 2007 @ 10:35 pm

#71

[quote comment="2881"]I was wondering how difficult it would be to alter the skin … to have a higher percentage of the screen used (width)?[/quote]
Gumax 3.0 works well with percent widths – see http://www.ehartwell.com/InfoDabble/MediaWiki:InfoDabble.css. The key changes are:

body {width:100%; min-width:680px; max-width:none}

#container {width:90%; min-width:680px; max-width:990px}

#mainContent { padding-left:5%; padding-right:5%;}

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

#72

10 most commented

Recent Comments