Hi, I'm wondering if anyone can point me into the right direction of how to edit the 'Vector' skin? Basically since I'm really new to Mediawiki I just made a copy of the skin folder and php file called vectorx in both cases: folder: vectorx php file: VectorX.php so far I've been following these pages on the Mediawiki site: http://www.mediawiki.org/wiki/Manual:Skinning/Tutorial http://www.mediawiki.org/wiki/Manual:Skinning/Vector http://www.mediawiki.org/wiki/Manual:Skinning/Vector/Example however, the last two links are the best though unfortunately they're for up to Mediawiki 1.19. My setup is running Mediawiki 1.22 installed from the Archlinux repos. Since this is a really basic test setup I'm using, I have elected to go for nginx and sqlite. The wiki is accessible and everything is fine. Using the modifications described in the links above the new skin shows up as VectorX however, the menus aren't shown?? Just everything from "Main Page" down... with no formatting. Having no experience with Mediawiki prior to this but reading the man/faq/wiki pages it seems that the 'Vector' skin is now integrated into the core of the wiki. How does this affect editing and replication? At the moment all I would like to do is replicate 'vector' in 'vectorx' in order to learn how to modify it in terms of menus, backgrounds and other bits and pieces. Regards, Kaya _______________________________________________ MediaWiki-l mailing list MediaWiki-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

Hi, thanks for the response... that would definitely be one way to go about it. The only issue is that now things have changed quite a lot. There are no more css files, instead less files are being used which generate css; also the method of working directly on the 'vector' skin doesn't help me trying to create a new one. I think there are some additional steps or changes to be made in 'Vector.php' in order for things to work properly... These are the changes I made already to the php file: <code> cat VectorX.php |more <?php /** * Vector - Modern version of MonoBook with fresh look and many usability * improvements. * * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation; either version 2 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License along * with this program; if not, write to the Free Software Foundation, Inc., * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. * http://www.gnu.org/copyleft/gpl.html * * @todo document * @file * @ingroup Skins */ if ( !defined( 'MEDIAWIKI' ) ) { die( -1 ); } /** * SkinTemplate class for Vector skin * @ingroup Skins */ class SkinVectorX extends SkinTemplate { protected static $bodyClasses = array( 'vector-animateLayout' ); var $skinname = 'vectorx', $stylename = 'vectorx', $template = 'VectorXTemplate', $useHeadElement = true; /** * Initializes output page and sets up skin-specific parameters * @param $out OutputPage object to initialize */ public function initPage( OutputPage $out ) { global $wgLocalStylePath; parent::initPage( $out ); // Append CSS which includes IE only behavior fixes for hover support - // this is better than including this in a CSS file since it doesn't // wait for the CSS file to load before fetching the HTC file. $min = $this->getRequest()->getFuzzyBool( 'debug' ) ? '' : '.min'; $out->addHeadItem( 'csshover', '<!--[if lt IE 7]><style type="text/css">body{behavior:url("' . htmlspecialchars( $wgLocalStylePath ) . "/{$this->stylename}/csshover{$min}.htc\")}</style><![endif]-->" ); $out->addModules( array( 'skins.vector.js', 'skins.vector.collapsibleNav' ) ); } /** * Loads skin and user CSS files. * @param $out OutputPage object */ function setupSkinUserCss( OutputPage $out ) { parent::setupSkinUserCss( $out ); $styles = array( 'skins.vectorx' ); wfRunHooks( 'SkinVectorXStyleModules', array( &$this, &$styles ) ); $out->addModuleStyles( $styles ); } /** * Adds classes to the body element. * * @param $out OutputPage object * @param &$bodyAttrs Array of attributes that will be set on the body element */ function addToBodyAttributes( $out, &$bodyAttrs ) { if ( isset( $bodyAttrs['class'] ) && strlen( $bodyAttrs['class'] ) > 0 ) { $bodyAttrs['class'] .= ' ' . implode( ' ', static::$bodyClasses ); } else { $bodyAttrs['class'] = implode( ' ', static::$bodyClasses ); } } } /** * QuickTemplate class for Vector skin * @ingroup Skins */ class VectorXTemplate extends BaseTemplate { /* Functions */ /** * Outputs the entire contents of the (X)HTML page */ public function execute() { global $wgVectorUseIconWatch; // Build additional attributes for navigation urls $nav = $this->data['content_navigation']; </code> Unfortunately it doesn't seem enough to work properly :-( Regards, Kaya ----- Original Message ----- From: "Dmitrii Kouznetsov" &lt;dima(a)ils.uec.ac.jp&gt; To: "MediaWiki announcements and site admin list" &lt;mediawiki-l(a)lists.wikimedia.org&gt; Sent: Friday, December 20, 2013 2:18:06 AM Subject: Re: [MediaWiki-l] Newbee trying to edit "Vector" skin Hi, Kaya Saman. I am novice, and my way is primitive. I edited the skins/vector/screen.css skins/vector/screen-hd.css I reduced the size of margins, to have more space for the articles formulas and figures. You may see the result at http://mizugadro.mydns.jp/t I tried to vary all the parameters, one by one. It took for a while, to understand which change improves the view. Perhaps, there is more intelligent way to do the same. On Thu, 19 Dec 2013, Kaya Saman wrote: _______________________________________________ MediaWiki-l mailing list MediaWiki-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l _______________________________________________ MediaWiki-l mailing list MediaWiki-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

3. That's a bit difficult as it's running on my Netbook; accessing via

- at the moment am just testing and learning so not deployed at all

hmm.... maybe I was a bit unclear in the fact that I was trying to get

I guess I should use your way and edit 'Vector' directly; I haven't even begun to look under the hood yet as I wanted to work from my copy 'VectorX' instead but was having difficulty there due to the documentation being out-of-date.

Ok, time to start tinkering with 'Vector' then :-)

I just wanted to say that I'm currently trying to convert my main sites

URL: http://wiki.optiplex-networks.com http://www.optiplex-networks.com

so currently I'm just demoing the software before I know enough to get it implemented in production.

By using your method I've already managed to change the background to an image :-)

Are you based in Japan right now as all the sites you have end in .jp??

..Anyway, just wanted let you know that your method is probably the best one for me right now..

Thanks Dima for the response :-) 0. Yep there are changes 1+2. Of course, this would be standard procedure :-) 3. That's a bit difficult as it's running on my Netbook; accessing via 127.0.0.1 - at the moment am just testing and learning so not deployed at all 4. Thanks, I'll take a look at them hmm.... maybe I was a bit unclear in the fact that I was trying to get the "copy" of 'Vector', 'VectorX' working. I guess I should use your way and edit 'Vector' directly; I haven't even begun to look under the hood yet as I wanted to work from my copy 'VectorX' instead but was having difficulty there due to the documentation being out-of-date. Ok, time to start tinkering with 'Vector' then :-) Regards, Kaya ----- Original Message ----- From: "Dmitrii Kouznetsov" &lt;dima(a)ils.uec.ac.jp&gt; To: "MediaWiki announcements and site admin list" &lt;mediawiki-l(a)lists.wikimedia.org&gt; Sent: Friday, December 20, 2013 10:57:55 AM Subject: Re: [MediaWiki-l] Newbee trying to edit "Vector" skin Kaya: 0. Do you see any changes at your wiki when you modify the screen.css and screen-hd.css ? 1. You should keep not only the original files, but also the previous versions of your modified "screen" files. If you destroy it and do not know, what is wrong, then you return to the previous worked version. 2. In the file you modify, keep commented the previous values of the parameters. This helps you to trace the trend. 3. Let me know URL of your wiki, I'll look at it. 4. I attach my versions of the "screen" files, that seem to work at mizugadro.mydns.jp/t they may give you a hint, which parameters you should modify. I did not change the Vector.php at my wiki. This is brutal way, but in my case it works. Perhaps, the more experienced colleagues can indicate a better solution, but I suggest that I have.. Best regard, dima. On Fri, 20 Dec 2013, Kaya Saman wrote: _______________________________________________ MediaWiki-l mailing list MediaWiki-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l _______________________________________________ MediaWiki-l mailing list MediaWiki-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

> URL: http://wiki.optiplex-networks.com > http://www.optiplex-networks.com

> URL: http://wiki.optiplex-networks.com > http://www.optiplex-networks.com

Thanks for the response.... That's actually the old wiki that I'm currently transferring over to Mediawiki! The URL of that is here: http://test.optiplex-networks.com One of those boxes is a Wyse 50 terminal (if memory serves me right) the other is a DEC VT100 (circa 1978). I stuck those up as I'm heavily into CLI computing and really like green phosphor on black background. It's just plain cool :-) Regards, Kaya ----- Original Message ----- From: "Dmitrii Kouznetsov" &lt;dima(a)ils.uec.ac.jp&gt; To: "MediaWiki announcements and site admin list" &lt;mediawiki-l(a)lists.wikimedia.org&gt; Sent: Friday, December 20, 2013 9:24:34 PM Subject: Re: [MediaWiki-l] Newbee trying to edit "Vector" skin Hi Kaya. I got 3 new messages from you Date: Fri, 20 Dec 2013 13:23:32 +0000 (GMT) Date: Fri, 20 Dec 2013 14:18:51 +0000 Date: Fri, 20 Dec 2013 17:06:30 +0000 (GMT) Yes, now I can reach both Did you do this design just modifying the skins/vector/screen.css skins/vector/screen-hd.css or you have edited also the Vector.php ? The thick monitors at the figures seems to be from some museum of history of computation, but the shell looks pretty and seems to work, as it is supposed to. Best regard, Dima. ================================================ Date: Fri, 20 Dec 2013 17:06:30 +0000 (GMT) On Fri, 20 Dec 2013, Kaya Saman wrote: > Hi Dima, > > try now.... I've just rebuilt Mediawiki and configured the backend for access to it. > > I'm not on the same version as my server runs a different (and quite old) OS but config changes have been made and seem to be working :-) > > > http://test.optiplex-networks.com > > ...let me know if you can reach it?? (might need to refresh a few times as it's behind a reverse proxy which can take some time to kick in after being re-started) > > Regards, > > > Kaya > > ----- Original Message ----- > From: "Dmitrii Kouznetsov" &lt;dima(a)ils.uec.ac.jp&gt; > To: "MediaWiki announcements and site admin list" &lt;mediawiki-l(a)lists.wikimedia.org&gt; > Sent: Friday, December 20, 2013 12:44:59 PM > Subject: Re: [MediaWiki-l] Newbee trying to edit "Vector" skin > > Hi Kaya, I got two messages from you: > Date: Fri, 20 Dec 2013 11:35:14 +0000 (GMT) > Date: Fri, 20 Dec 2013 12:10:42 +0000 (GMT) > .. > >> 3. That's a bit difficult as it's running on my Netbook; accessing via > 127.0.0.1 >> - at the moment am just testing and learning so not deployed at all > Try to arrange the internet connection for your server - > then it is easier to get help from colleagues. > >> hmm.... maybe I was a bit unclear in the fact that I was trying to get > the "copy" of 'Vector', 'VectorX' working. > I also tried this. I found the manuals, tried to follow, bit it did not work. > So, I modified the content of the original vector directory. > >> I guess I should use your way and edit 'Vector' directly; >> I haven't even begun to look under the hood yet >> as I wanted to work from my copy 'VectorX' instead >> but was having difficulty there due to >> the documentation being out-of-date. > There are two ways of doing: > 1. Run after each new update and release. > 2. Find some workable and use it. > >> Ok, time to start tinkering with 'Vector' then :-) > Good luck! > >> I just wanted to say that I'm currently trying to convert my main sites > over from the Xwiki platform over to Mediawiki. > I could not connect these servers. > I suggest that you arrange the servers before to deal with mediawiki. > Put some test page and check that it is reachable. > >> so currently I'm just demoing the software before I know enough to get >> it implemented in production. > Do you have mediawiki running? > I suggest, that first you arrange the basic functions, > confirm that other people see it; > and only then you should try to improve it. > Over-vice, you do not know, is it bug in the software, > or defect in the hardware, or wrong setting, > or just an error in that you have modified. > >> By using your method I've already managed to change the background to an image :-) > Congratulations! > >> Are you based in Japan right now as all the sites you have end in .jp?? > Yes. > >> ..Anyway, just wanted let you know that your method is probably the best >> one for me right now.. > I need to see that you are doing in order to appreciate that. > > Best regard, Dima. > ==================================== > On Fri, 20 Dec 2013, Kaya Saman wrote: > >> Thanks Dima for the response :-) >> >> 0. Yep there are changes >> >> 1+2. Of course, this would be standard procedure :-) >> >> 3. That's a bit difficult as it's running on my Netbook; accessing via 127.0.0.1 - at the moment am just testing and learning so not deployed at all >> >> 4. Thanks, I'll take a look at them >> >> hmm.... maybe I was a bit unclear in the fact that I was trying to get the "copy" of 'Vector', 'VectorX' working. >> >> I guess I should use your way and edit 'Vector' directly; I haven't even begun to look under the hood yet as I wanted to work from my copy 'VectorX' instead but was having difficulty there due to the documentation being out-of-date. >> >> Ok, time to start tinkering with 'Vector' then :-) >> >> >> Regards, >> >> >> Kaya >> >> ----- Original Message ----- >> From: "Dmitrii Kouznetsov" &lt;dima(a)ils.uec.ac.jp&gt; >> To: "MediaWiki announcements and site admin list" &lt;mediawiki-l(a)lists.wikimedia.org&gt; >> Sent: Friday, December 20, 2013 10:57:55 AM >> Subject: Re: [MediaWiki-l] Newbee trying to edit "Vector" skin >> >> Kaya: >> 0. Do you see any changes at your wiki when you modify the >> screen.css and screen-hd.css ? >> 1. You should keep not only the original files, >> but also the previous versions of your modified "screen" files. >> If you destroy it and do not know, what is wrong, >> then you return to the previous worked version. >> 2. In the file you modify, >> keep commented the previous values of the parameters. >> This helps you to trace the trend. >> 3. Let me know URL of your wiki, I'll look at it. >> 4. I attach my versions of the "screen" files, >> that seem to work at mizugadro.mydns.jp/t >> they may give you a hint, which parameters you should modify. >> >> I did not change the Vector.php at my wiki. >> This is brutal way, but in my case it works. >> Perhaps, the more experienced colleagues can indicate >> a better solution, but I suggest that I have.. >> >> Best regard, dima. >> >> On Fri, 20 Dec 2013, Kaya Saman wrote: >>> Hi, >>> >>> thanks for the response... >>> >>> that would definitely be one way to go about it. >>> >>> The only issue is that now things have changed quite a lot. There are no more css files, instead less files are being used which generate css; also the method of working directly on the 'vector' skin doesn't help me trying to create a new one. >>> >>> I think there are some additional steps or changes to be made in 'Vector.php' in order for things to work properly... >>> >>> >>> These are the changes I made already to the php file: >>> >>> <code> >>> >>> cat VectorX.php |more >>> <?php >>> /** >>> * Vector - Modern version of MonoBook with fresh look and many usability >>> * improvements. >>> * >>> * This program is free software; you can redistribute it and/or modify >>> * it under the terms of the GNU General Public License as published by >>> * the Free Software Foundation; either version 2 of the License, or >>> * (at your option) any later version. >>> * >>> * This program is distributed in the hope that it will be useful, >>> * but WITHOUT ANY WARRANTY; without even the implied warranty of >>> * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the >>> * GNU General Public License for more details. >>> * >>> * You should have received a copy of the GNU General Public License along >>> * with this program; if not, write to the Free Software Foundation, Inc., >>> * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. >>> * http://www.gnu.org/copyleft/gpl.html >>> * >>> * @todo document >>> * @file >>> * @ingroup Skins >>> */ >>> >>> if ( !defined( 'MEDIAWIKI' ) ) { >>> die( -1 ); >>> } >>> >>> /** >>> * SkinTemplate class for Vector skin >>> * @ingroup Skins >>> */ >>> class SkinVectorX extends SkinTemplate { >>> >>> protected static $bodyClasses = array( 'vector-animateLayout' ); >>> >>> var $skinname = 'vectorx', $stylename = 'vectorx', >>> $template = 'VectorXTemplate', $useHeadElement = true; >>> >>> /** >>> * Initializes output page and sets up skin-specific parameters >>> * @param $out OutputPage object to initialize >>> */ >>> public function initPage( OutputPage $out ) { >>> global $wgLocalStylePath; >>> >>> parent::initPage( $out ); >>> >>> // Append CSS which includes IE only behavior fixes for hover support - >>> // this is better than including this in a CSS file since it doesn't >>> // wait for the CSS file to load before fetching the HTC file. >>> $min = $this->getRequest()->getFuzzyBool( 'debug' ) ? '' : '.min'; >>> $out->addHeadItem( 'csshover', >>> '<!--[if lt IE 7]><style type="text/css">body{behavior:url("' . >>> htmlspecialchars( $wgLocalStylePath ) . >>> "/{$this->stylename}/csshover{$min}.htc\")}</style><![endif]-->" >>> ); >>> >>> $out->addModules( array( 'skins.vector.js', 'skins.vector.collapsibleNav' ) ); >>> } >>> >>> /** >>> * Loads skin and user CSS files. >>> * @param $out OutputPage object >>> */ >>> function setupSkinUserCss( OutputPage $out ) { >>> parent::setupSkinUserCss( $out ); >>> >>> $styles = array( 'skins.vectorx' ); >>> wfRunHooks( 'SkinVectorXStyleModules', array( &$this, &$styles ) ); >>> $out->addModuleStyles( $styles ); >>> } >>> >>> /** >>> * Adds classes to the body element. >>> * >>> * @param $out OutputPage object >>> * @param &$bodyAttrs Array of attributes that will be set on the body element >>> */ >>> function addToBodyAttributes( $out, &$bodyAttrs ) { >>> if ( isset( $bodyAttrs['class'] ) && strlen( $bodyAttrs['class'] ) > 0 ) { >>> $bodyAttrs['class'] .= ' ' . implode( ' ', static::$bodyClasses ); >>> } else { >>> $bodyAttrs['class'] = implode( ' ', static::$bodyClasses ); >>> } >>> } >>> } >>> >>> /** >>> * QuickTemplate class for Vector skin >>> * @ingroup Skins >>> */ >>> class VectorXTemplate extends BaseTemplate { >>> >>> /* Functions */ >>> >>> /** >>> * Outputs the entire contents of the (X)HTML page >>> */ >>> public function execute() { >>> global $wgVectorUseIconWatch; >>> >>> // Build additional attributes for navigation urls >>> $nav = $this->data['content_navigation']; >>> >>> </code> >>> >>> >>> Unfortunately it doesn't seem enough to work properly :-( >>> >>> >>> Regards, >>> >>> Kaya >>> >>> ----- Original Message ----- >>> From: "Dmitrii Kouznetsov" &lt;dima(a)ils.uec.ac.jp&gt; >>> To: "MediaWiki announcements and site admin list" &lt;mediawiki-l(a)lists.wikimedia.org&gt; >>> Sent: Friday, December 20, 2013 2:18:06 AM >>> Subject: Re: [MediaWiki-l] Newbee trying to edit "Vector" skin >>> >>> Hi, Kaya Saman. >>> I am novice, and my way is primitive. >>> I edited the >>> skins/vector/screen.css >>> skins/vector/screen-hd.css >>> >>> I reduced the size of margins, to have more space for the >>> articles formulas and figures. You may see the result at >>> http://mizugadro.mydns.jp/t >>> I tried to vary all the parameters, one by one. >>> It took for a while, to understand which change improves the view. >>> Perhaps, there is more intelligent way to do the same. >>> >>> On Thu, 19 Dec 2013, Kaya Saman wrote: >>>> Hi, >>>> >>>> I'm wondering if anyone can point me into the right direction of how to edit the 'Vector' skin? >>>> >>>> Basically since I'm really new to Mediawiki I just made a copy of the skin folder and php file called vectorx in both cases: >>>> >>>> folder: vectorx >>>> php file: VectorX.php >>>> >>>> so far I've been following these pages on the Mediawiki site: >>>> >>>> http://www.mediawiki.org/wiki/Manual:Skinning/Tutorial >>>> >>>> http://www.mediawiki.org/wiki/Manual:Skinning/Vector >>>> >>>> http://www.mediawiki.org/wiki/Manual:Skinning/Vector/Example >>>> >>>> >>>> however, the last two links are the best though unfortunately they're for up to Mediawiki 1.19. >>>> >>>> My setup is running Mediawiki 1.22 installed from the Archlinux repos. >>>> >>>> Since this is a really basic test setup I'm using, I have elected to go for nginx and sqlite. The wiki is accessible and everything is fine. >>>> >>>> Using the modifications described in the links above the new skin shows up as VectorX however, the menus aren't shown?? >>>> >>>> Just everything from "Main Page" down... with no formatting. >>>> >>>> Having no experience with Mediawiki prior to this but reading the man/faq/wiki pages it seems that the 'Vector' skin is now integrated into the core of the wiki. How does this affect editing and replication? >>>> >>>> At the moment all I would like to do is replicate 'vector' in 'vectorx' in order to learn how to modify it in terms of menus, backgrounds and other bits and pieces. >>>> >>>> >>>> >>>> Regards, >>>> >>>> >>>> Kaya >>>> >>>> _______________________________________________ >>>> MediaWiki-l mailing list >>>> MediaWiki-l(a)lists.wikimedia.org >>>> https://lists.wikimedia.org/mailman/listinfo/mediawiki-l >>> >>> _______________________________________________ >>> MediaWiki-l mailing list >>> MediaWiki-l(a)lists.wikimedia.org >>> https://lists.wikimedia.org/mailman/listinfo/mediawiki-l >>> >>> _______________________________________________ >>> MediaWiki-l mailing list >>> MediaWiki-l(a)lists.wikimedia.org >>> https://lists.wikimedia.org/mailman/listinfo/mediawiki-l >> _______________________________________________ >> MediaWiki-l mailing list >> MediaWiki-l(a)lists.wikimedia.org >> https://lists.wikimedia.org/mailman/listinfo/mediawiki-l >> >> _______________________________________________ >> MediaWiki-l mailing list >> MediaWiki-l(a)lists.wikimedia.org >> https://lists.wikimedia.org/mailman/listinfo/mediawiki-l > > _______________________________________________ > MediaWiki-l mailing list > MediaWiki-l(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/mediawiki-l > > _______________________________________________ > MediaWiki-l mailing list > MediaWiki-l(a)lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/mediawiki-l _______________________________________________ MediaWiki-l mailing list MediaWiki-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l _______________________________________________ MediaWiki-l mailing list MediaWiki-l(a)lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l