Home
Help
Search
Login
Register
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
Advanced search
3537
Posts in
675
Topics- by
443
Members
- Latest Member:
ludus529
Wikkii Suport Forum
Support Category
Technical Support
Topic: Customize Skin
« previous
next »
Pages: [
1
]
Author
Topic: Customize Skin (Read 707 times)
0 Members and 1 Guest are viewing this topic.
Misses Kennedy
Jr. Member
Posts: 5
Customize Skin
«
on:
October 26, 2010, 22:37:34 »
Hi there!
I am also moving our Wiki from Wikia :
http://weltenbibliothek.wikia.com/wiki/Weltenbibliothek
To Wikii:
http://weltenbibliothek.wikkii.com/wiki/Main_Page
Now, what I wish to know is how I can customize the skin (you know, page colors, background image and so on.) I think that this has to be done in the monobook.js. Problem is, I am really not used to scripting so I would like to know if there is any monobook script template I can just alter with my own colors and image links? Is it also possible to adjust system messages and Texts via MediaWiki pages? Thanks for any hint and help
Logged
Sove
Full Member
Gender:
Posts: 172
Re: Customize Skin
«
Reply #1 on:
October 27, 2010, 01:22:35 »
You need to alter monobook.css not monobook.js
You can find a great css tutorial from w3schools.
Logged
Misses Kennedy
Jr. Member
Posts: 5
Re: Customize Skin
«
Reply #2 on:
October 27, 2010, 01:33:22 »
Well, I do not have the time to do a complete Study of CSS scripting, really. So isn't there an existing css I simply can alter? Maybe just the source code of the now active default css?
Other thing: Our Wiki is in German. How can I change the names of the links in the navigation boxes? (changing them into German)
«
Last Edit: October 27, 2010, 01:37:37 by Misses Kennedy
»
Logged
gin-san
Full Member
Posts: 127
Re: Customize Skin
«
Reply #3 on:
October 27, 2010, 05:13:54 »
there is already a link on
http://hub.wikkii.com/wiki/Hub#For_Advanced_Users
that leads to the monobook css settings.
you can change your own personal "Preferences" --> "User Profile" --> "Language" to display the language you prefer, but it is only for your own viewing, not for the whole site. Anyone not registered will still see the wiki in the default language which is English, I believe.
You may have to modify the LocalSettings.php
Code:
$wgLanguageCode = "en";
which wikkii.com domains do not have access to.
Please check with Wikkii themselves, or ask whether they can enable the LanguageSelector extension for Farmer wikis.
P/S - wow, your wikia site takes ages to load, the wikkii versions loads so much faster
«
Last Edit: October 27, 2010, 05:24:11 by gin-san
»
Logged
Misses Kennedy
Jr. Member
Posts: 5
Re: Customize Skin
«
Reply #4 on:
October 27, 2010, 18:55:04 »
TRhanbks Gi-san, I tried out the linked CSS and first did just change the background-image. Unfortunately, it didn't work :-( Yes, I will ask the Wikii Staff if they can adjust the language for me.
Yes, the Wikia Site takes a hell of a time to load and that's also die to the overload of ad and useless modules. Wikia has become a self-purposed platform where user's content is just to fill the space that is left between their own modules and ads. That's why we want to leave.
Logged
gin-san
Full Member
Posts: 127
Re: Customize Skin
«
Reply #5 on:
October 28, 2010, 00:49:09 »
can you show a link to the page where you said there is a problem?
and let us know briefly what you want to achieve, no guarantee we can solve your problem for you, but perhaps we can give some suggestions where to go from there
erm, .... btw, you are not supposed to copy EVERYTHING from the link to your site, LOL
only those parameters that you need to achieve the look you want
if you take a look at
http://hub.wikkii.com/wiki/MediaWiki:Common.css
, I have only included the relevant codes, short and sweet, which is to achieve a no sidebar-logo look for the hub.
Logged
Misses Kennedy
Jr. Member
Posts: 5
Re: Customize Skin
«
Reply #6 on:
October 28, 2010, 01:51:10 »
Hi Gin-San, Well there you can see what complete and utter noob I am when it comes to anything that does so much as look like scripting. *Sigh*
That's the reason why I didn't apply for the advanced hosting, although that it would have been the choice to make, due to all the extras our Weltenbibliothek must have.
basically, what I would like to do, is to replace the grey header background with this file:
http://weltenbibliothek.wikkii.com/w/images/weltenbibliothek/uploads/7/76/Back.jpg
And them, I would like all the pages in the wiki being in the color #B59953 instead of white and the Links in #1A3300
Logged
gin-san
Full Member
Posts: 127
Re: Customize Skin
«
Reply #7 on:
October 28, 2010, 23:11:04 »
the relevant codes you may wish to look at (going back to
http://wikidev.net/skins/monobook/main.css
) are perhaps the following:
background image and colour, replace the "url" with the FULL URL of your image and replace the hexdecimal colour of your choice:
Code:
body {
font: x-small sans-serif;
background: #f9f9f9 url("headbg.jpg") 0px 0px no-repeat;
color: Black;
margin: 0;
padding: 0;
}
text colour including links, since you did not mention what kind of links:
Code:
a {
text-decoration: none;
color: #002bb8;
background: none;
}
a:visited { color: #5a3696; }
a:active { color: #ffa500; }
a:hover { text-decoration: underline; }
a.stub { color: #772233; }
a.new,
#p-personal a.new { color:#ba0000; }
a.new:visited,
#p-personal a.new:visited { color:#a55858; }
After updating the css file, you will need to follow the instructions like ctrl-F5 to clear the page cache e before the css effects can be seen.
Logged
Misses Kennedy
Jr. Member
Posts: 5
Re: Customize Skin
«
Reply #8 on:
November 05, 2010, 03:18:36 »
Okaaaay...this worked so far.Many thanks! Now, all what I would need is the code that controls the color of the pages (background of articles)
Logged
gin-san
Full Member
Posts: 127
Re: Customize Skin
«
Reply #9 on:
November 06, 2010, 03:25:39 »
u seem to have picked up fast
btw, as I mentioned before, only copy those that you need to amend over to your own monobook.css (or common.css if you want it to appear all the time), if the margin and padding are still the same, no need to copy over, unless you intend to change them later
if you wish to copy over code that you wish to keep for reference, you can comment them out by adding "//" double slash for each line to be commented out, or opening "/*" and closing "*/" to comment out 1 big block, e.g.
Code:
.text-shdw2 {
//color: #fff;
//background: #666;
text-shadow: 0px 0px 3px #E6FF99, 0px 0px 3px #E6FF99, 0px 0px 3px #E6FF99;
}
commenting out the code means the computer will not process it, and therefore no potential conflict or unexpected results will arise.
the next thing you are asking for will be tricky 'cos there are many "boxes" floating among the article side of the page, you may end up with many white boxes (white being the default) on many different pages, including the change history page.
the code you are looking for is probably this:
Code:
#content {
background: White;
}
Logged
Pages: [
1
]
Wikkii Suport Forum
Support Category
Technical Support
Topic: Customize Skin
« previous
next »
Jump to:
Please select a destination:
-----------------------------
Support Category
-----------------------------
=> General Support
=> Technical Support
-----------------------------
General Category
-----------------------------
=> General Discussion
=> Wiki Chat