Navigation | MediaWiki skin ycgu max 2.0 is released

MediaWiki skin ycgu max 2.0 is released

Here is the new features of this new skin:
Release notes

You are welcome to download from my main website paulgu.com.

Any comments, questions, or problems about this release, please post on MediaWiki Skin

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

Great skin. I commented on the skin talk page but I just saw your blog here. Very clean, I like your work very much. Looking forward to future updates.

Comment by Baba — January 3, 2007 @ 2:43 am

#1

Thanks you. My approach is making the clean and neat skin, but it will still contains all the Wiki functionalities. It’s hard according to the common user interface guidelines because there are so many menus. I highlighted the most important menus and make them easy to access, also give the Wiki a great look.

Comment by Paul — January 3, 2007 @ 6:37 am

#2

Yes, they look good.
I like the version of the skin that you are currently using.
Will you release that version soon?

Thanks!

Comment by George — January 10, 2007 @ 2:22 pm

#3

Yes, as soon as I think it’s good to be used, and that will be v3.0.

Comment by Paul — January 10, 2007 @ 4:45 pm

#4

hi i’ve just deployed your skin ( 2.0 )on my website.
first thks for your great job. your skin is formidable

After a few week i encounter two littles bugs.

1
when i select “mes préférences” (my preference), the first display of the sub menu have a wrong absolute position.

2
the form for creating an account is invisible.
the error message for a bad password is invisible too

I must say that i know wiki since 2 weeks so i m a noob.

excuse me for my very bad english…

dryas

Comment by dryas — January 11, 2007 @ 4:57 pm

#5

Thanks Dryas,

Some other users report this too. It only happens in Internet Explorer. Everything works fine in Firefox.

For the version 2.0, I don’t have the MediaWiki 1.8.2 to test, but you can try to download this patch to see if it works. It hasn’t been tested, but you can give a try

Click on here to download the patch.

This patch may fix the login and create account for Internet Explorer, but it doesn’t fix the positioning.

Right now, I switched to MediaWiki 1.9.0, and I’m working on the my next skin for this MediaWiki release. I will try to fix those problems that you have addressed in version 2.0

Comment by Paul — January 11, 2007 @ 6:17 pm

#6

For positioning, I had figured it out.

Because the IE doesn’t like the tag “position: relative;”, but Firefox works fine with it.

You can find the following section in _ycgu_template.css

#mBody {
position: relative !important; /* content positioning, except IE */
position: relative; /* content positioning for IE */
z-index: 2;
clear: both;
padding: 0;
margin: 0;
}

Change the second “position: relative;” to “position: none;”. This may affect some other positioning problem in IE, and I hope you will be able to find and fix it.

I had fixed all those issues in my next release.

Comment by Paul — January 11, 2007 @ 11:04 pm

#7

thanks you!!!

it s working fine now, i’m impatient to see your next release ;-)

happy new year to canada from france!!

dryas

Comment by dryas — January 12, 2007 @ 1:40 pm

#8

You are very welcome, and same to you too :) .

Comment by Paul — January 12, 2007 @ 6:20 pm

#9

If your MediaWiki version is under 1.6.8, it doesn’t work because of an extra function calls.

Kai Brinker had fixed it by doing following:

It works fine for me on 1.6.7 after I removed line 81ish of gumax.php, which calls to makeglobalvariablesscript(). I have to wait for my host to update to PHP5 until I can upgrade. The skin really looks great!

Any further questions, feel free to ask here.

Comment by Paul Gu — January 31, 2007 @ 9:59 am

#10

Hello Paul,

First, let me thank you very sincerely for providing such a great skin for MediaWiki. I run a currency trading analysis and education site (several of them, actually) and my main reference site uses MediaWiki. I uploaded your 2.0 skin and it looks great except for two (2) things:

1) In my “Resources” section of the traditional MediaWiki sidebar, I have two custom links that have relatively lengthy labels (“Kumo Trader Forum” and “Boersma & Hunt”). When I applied your 2.0 skin, this caused the resulting tabs to spill over on top of each other. Being a currency trader and NOT an uber-geek, I’m not exactly sure how to rectify this via CSS. Can you help me figure out how to give all tabs more space to display these longer titles?

2) I have many 800 X 400 currency charts in my MediaWiki site and they seem to be causing the background (white/yellow portion) to spill to the right, beyond the blue header portion. How can I fix this? Basically, I want to expand the overall content and header sections to allow for larger content and still remain centered.

I would love to upload a screenshot of the issues above, but I don’t see any way to do that here…

I appreciate your help on this!

Best,

Ian Boersma

Comment by iboersma — February 3, 2007 @ 12:34 pm

#11

Hi Ian,

You are welcome. Could you send me the link of your screen shots that have issue (you can put screen shots on somewhere that I can reach).

Comment by Paul Gu — February 3, 2007 @ 12:52 pm

#12

Hello Paul,

I figured out the Tab issue. I was using a new category in the sidebar for my two custom links and when I moved those links up into the default “Navigation” category, they added correctly.

I’ve included a URL for my site with your skin applied so that you can see what I’m talking about as far as the spillover for the main content section. Here is the URL for a sample page with this issue:

http://boersmaandhunt.com/ichimoku_wiki/index.php?title=Ichimoku_components

Note that if you go to my index page http://boersmaandhunt.com/ichimoku_wiki you don’t have this spillover issue as there are no images displayed there. My images are all 800 x 400 (approximately) and trying to reduce them in size is going to create distortion since they are all saved as GIFs. So – I need to figure out how to 1) increase the default display for the header, main content section and footer to accommodate these 800px graphics and 2) center the whole thing so that it is not further to the right-hand side.

I really appreciate your help. I’m jazzed to use your skin!

Best,

Ian

Comment by iboersma — February 3, 2007 @ 1:18 pm

#13

Hi Ian,

My skin doesn’t support two column navigation menu, two column menu needs sidebar style.

I had checked your site, it works great under Internet Explorer 6.0 and Firefox 2, I don’t see anything wrong. What browser and platform are you using?

If you change the logo, open file “LocalSettings.php”, add or change this $wgLogo to your logo, for example

$wgLogo = “/wiki/skins/common/images/mylogo.png”;

If you want to increase height of the header, open file “_ycgu_template.css”, find this:

#header {
background: #336699;
position: relative;
z-index: 100; /* make logo visible over content*/
min-height: 120px; /* height of header */
height: 120px; /* need for IE */
voice-family: “\”}\”";
voice-family: inherit;
margin: 0;
padding-top: 30px; /* height factor of header */
} #ignored {}

Change the height to your desired size.

if you want center the content, open file open file “_ycgu_template.css”, then add

#mainContent {
text-align: center;
}

Hopefully those can help you customize.

Comment by Paul Gu — February 3, 2007 @ 2:12 pm

#14

Paul,

Thanks so much for your help. I took a look at the site using Firefox and it looked fine, like you said. IE 7.0 is the issue, it appears, as all the pages where I have images shove out the middle, content section to the right while the header and footer remain static. Very strange. Well – not much I can probably do about that, so I’ll just live with it.

Thanks for your tips on centering and increasing header size. I really appreciate it!

Best,

Ian

Comment by iboersma — February 3, 2007 @ 2:17 pm

#15

No problem.

This issue is mostly like positioning issue in IE, you can try this, open file “_ycgu_template.css”, then add this tag:

img {
position: relative;
}

or you could use wiki templates for your your images, and try add “position: relative;” inside your template.

Paul

Comment by Paul Gu — February 3, 2007 @ 2:29 pm

#16

Paul,

Me again. One more tweaking question. I have a graphic logo that is wider than the 190px for your default logo. It’s probably somewhere around 400px wide. How do I go about allowing for this wider graphich logo to show correctly? I changed the 190px in the ycgu_template.css #p-logo section, but that doesn’t seem to have made any difference…

Thanks in advance!

- Ian

Comment by Ian Boersma — February 17, 2007 @ 10:59 pm

#17

Hey Paul,

I’m still rubbing two sticks together as far as trying to get the larger logo I mentioned in my previous post (400px wide) to work. Any suggestions? The default logo looks like it only has 190px of width to work with.

Thanks,

Ian

Comment by Ian Boersma — February 20, 2007 @ 10:55 pm

#18

Hi Paul,

I have tried to install your skin to the 1.8.2 version of MediaWiki. I just want to know if my path was right. I just copied the 3 files from your installer folder and drag it to the skin folder of my installed wiki. I also remove the underscore in the file name but also it doesn’t work..did i miss something?

tnx in advance

Comment by chardinet — March 3, 2007 @ 4:11 am

#19

I think you did the path right. If you want to remove the underscore in file name, you need to change related code as well, I don’t recommend you to do that unless you know CSS and php programming.

Comment by Paul Gu — March 3, 2007 @ 9:49 am

#20

Paul,

Any chance you can shed some light on the graphic logo issue I posted my previous two questions on? Sorry, but a web developer I am not…

Thanks,

Ian Boersma

Comment by Ian Boersma — March 4, 2007 @ 3:51 pm

#21

Hi Boersma,

Open file _ycgu_main.css, and change the number in tags: #p-logo and #header.

Comment by Paul Gu — March 4, 2007 @ 6:45 pm

#22

Hi Paul, 你好吗？(your seat covers suggest you read Chinese :-) )

I haven’t really tried the 3.x skin (yet) but I guess this comment applies to it too :

The ‘Go to” and “Search” buttons being “text images”, they don’t fit too well in a multilingual environment (one of my wikis is in english, french [I'm a froggy] and [a little of] chinese).

I had to make a small change from an
- input type=’image’ src=” etc.to an
- input type=”submit” name=”go” etc.

It’s no big deal but you may want to consider it for people who just download skins and know little of HTML and PHP. The “title” would be better localized too if you stick to “input type=’image’”.

BTW, only your skin (the mediawiki one, I mean :-) ) is on my server so I guess that tells how much I like it.

Comment by Gil — March 19, 2007 @ 6:05 am

#23

Hi Gil,

Thanks for great comment, I will apply it into my next release :D .

Comment by Paul Gu — March 19, 2007 @ 7:45 am

#24

I found your skin today and applied it to my website. I like it a lot. I wonder what the easiest method is for me to add a text title at the very top in the empty space? I’ll probably work on it tonight.

Comment by Ryan Albarelli — April 13, 2007 @ 8:42 pm

#25

10 most commented

Recent Comments