NIWA Community Forums

NIWA Community => NIWA Discussion => Topic started by: HavocReaper48 on December 29, 2010, 09:31:55 PM

Title: Vector skin
Post by: HavocReaper48 on December 29, 2010, 09:31:55 PM
Anyone good with coding the vector skin setting?

I've been testing how to make a vector skin for DKWiki that's similar to it's Monobook counterpart - that is, This background (http://www.donkeykongwiki.com/images/6/69/PalmTreesBackgroundDKCR.jpg), khaki colored content background, etc. When I tried to in my custom vector it messes up the skin.
Title: Re: Vector skin
Post by: tacopill on December 30, 2010, 02:29:00 AM
do you mean CSS, PHP or something else?
Title: Re: Vector skin
Post by: HavocReaper48 on December 30, 2010, 03:19:14 AM
Uh... the appearance?
Title: Re: Vector skin
Post by: dkpat on December 30, 2010, 05:11:49 AM
lol... It depends on what kind of changes you want done.

basic changes will probably be CSS only, while major ones would probably involve the PHP file
Title: Re: Vector skin
Post by: HavocReaper48 on December 30, 2010, 06:18:47 PM
Define "basic" and "major"?

I would assume the CSS.
Title: Re: Vector skin
Post by: Tina on December 30, 2010, 06:41:39 PM
If you're just altering the backgrounds, then you wouldn't need to do anything on the PHP side. I haven't done anything myself with the PHP side, but I assume you would mostly need it if you were to heavily rearrange the layout of things.

I'm inexperienced with Vector, though, and I've only played around with Monobook. :( Define messes up (ex: screenshot), though, and I miiiiiiight be able to help with my small dose of CSS knowledge.
Title: Re: Vector skin
Post by: Jake on December 30, 2010, 07:47:01 PM
Small customizations like this skin (http://animalcrossingwiki.me/w/index.php?title=Animal_Crossing_Wiki&useskin=nookipediavector) at ACWiki were all done by editing just the CSS file. If you want to edit the border and tab colors, you'll need to do some image editing as well. :)
Title: Re: Vector skin
Post by: tacopill on December 30, 2010, 08:34:33 PM
HavocReaper, when you have a chance, check out some vector css code by myself and dkpat (http://www.donkeykongwiki.com/User:Tacopill/vector.css). Place the code in your vector.css page at


User:HavocReaper48/vector.css


or


MediaWiki:Wector.css


for general Vector-skin CSS.

And, by the way: Sorry for flooding your Recent changes :D.
Title: Re: Vector skin
Post by: Jake on December 30, 2010, 10:31:42 PM
Unless you actually have a Wector skin, I think tacopill meant this for the second option. :P

MediaWiki:Vector.css


I tested it out on ACWiki's sandbox. Looks pretty nice, but I think the navigation links should be a different color. White, maybe?
Preview (http://img801.imageshack.us/img801/2202/screenshot20101230at529.png)
Title: Re: Vector skin
Post by: HavocReaper48 on December 30, 2010, 10:49:26 PM
The sidebar's kinda ugly. Seems squished. Perhaps the sidebar colors should sync with the jungle background?

Other than that it looks great.
Title: Re: Vector skin
Post by: Tina on December 30, 2010, 11:11:38 PM
Hm... I know those are the colors that you guys have up right now, but they kind of clash a lot, especially the light tan (#eee8aa). And since Vector uses grey borders default (most noticable here (http://puu.sh/DcL)), you'll probably want to change that in the final product.

I do like the bright yellow lines on the brown parts, though, that seems to click pretty well..

I hope I'm not coming off as some snooty graphics nerd, though! But it does look kind of... sloppy. D:

(if you want I can try coming up with a jungle-y color scheme, but if you just wanted a vector port of your current skin that's cool too '-')
Title: Re: Vector skin
Post by: HavocReaper48 on December 31, 2010, 12:31:24 AM
Sure you can test a jungle theme, so we can compare to the other one.

EDIT:

I like this version I tweaked (http://www.donkeykongwiki.com/User:HavocReaper48/vector.css) but the gray outline is a bit "sloppy" as Tina put it.
Title: Re: Vector skin
Post by: dkpat on December 31, 2010, 01:25:36 AM
I'm curious why you want this done now. (It's something I've never quite understood) Why do you specifically want a Vector edit?
Title: Re: Vector skin
Post by: HavocReaper48 on December 31, 2010, 01:38:30 AM
Simply,

a) I like Vector

b) Seemed unfair for the Monobook users to have a cool custom skin and the Vector people are left out

c) The wiki only supports two skins, so why not customize them both?
Title: Re: Vector skin
Post by: tacopill on December 31, 2010, 03:44:09 AM
As a sort of explanation: Most of my prior experience is small changes here and there, that was to have a minor effect somewhere else on the wiki. 

This is the first time i did something with this many changes, and the first time to effect the entire skin.  :eekdance:

Anyway, sorry for the sloppiness.  :laugh:. I will try better next time.

also, where do people find all these sharing websites. Mediashare, imageshack, pastebin,  puu.sh?
Title: Re: Vector skin
Post by: Tina on December 31, 2010, 04:08:54 AM
Quote from: tacopill on December 31, 2010, 03:44:09 AMalso, where do people find all these sharing websites. Mediashare, imageshack, pastebin,  puu.sh?

puu.sh is a screenshot program, actually. It allows one to just click and drag a portion of your screen to screenshot, and it automatically uploads it.
Title: Re: Vector skin
Post by: Jake on December 31, 2010, 04:32:29 AM
Quote from: Tina on December 31, 2010, 04:08:54 AM
Quote from: tacopill on December 31, 2010, 03:44:09 AMalso, where do people find all these sharing websites. Mediashare, imageshack, pastebin,  puu.sh?

puu.sh is a screenshot program, actually. It allows one to just click and drag a portion of your screen to screenshot, and it automatically uploads it.

I use Cloud for OS X, which does the same thing as Tina described.
Title: Re: Vector skin
Post by: tacopill on December 31, 2010, 04:35:36 PM
Quote from: Jake on December 31, 2010, 04:32:29 AM
Quote from: Tina on December 31, 2010, 04:08:54 AM
Quote from: tacopill on December 31, 2010, 03:44:09 AMalso, where do people find all these sharing websites. Mediashare, imageshack, pastebin,  puu.sh?

puu.sh is a screenshot program, actually. It allows one to just click and drag a portion of your screen to screenshot, and it automatically uploads it.

I use Cloud for OS X, which does the same thing as Tina described.

Interesting... thank you guys. *goes to download something*