Looking for help: Uniformizing the ScummVM webpages

fingolfin · Post by **fingolfin** » Sat Nov 14, 2009 1:02 pm

The Wiki uses a slightly tweaked version of the default MediaWiki MonoBook skin. I put it into our Subversion repository now: http://scummvm.svn.sourceforge.net/view ... runk/skins

billwashere · Post by **billwashere** » Sat Nov 14, 2009 1:12 pm

Thanks for the fast reply.

What changes does the wiki need?

Post by **criezy** » Sat Nov 14, 2009 4:21 pm

As mentionned by fingolfin, the current ScummVM wiki skin is based on the MonoBook skin (included in the WikiMedia package by default). The modifications are very small (mainly placement and size of the ScummVM logo). It would be possible to improve a bit by modifying this skin, but it has limited possibilities. If you want to make a lot of modifications, it might be easier/better to write one from scratch.

There are a lot of material on the net that might help you. For example:
http://www.mediawiki.org/wiki/Manual:Skins
http://www.wikihow.com/Create-a-MediaWi ... om-Scratch

fingolfin · Post by **fingolfin** » Sat Nov 14, 2009 7:27 pm

Thanks criezy, that's better than what I would have written

.

One further remark: I think it's better to base the layouts of the other sites on the layout of the *forum*, not the main site.

billwashere · Post by **billwashere** » Fri Nov 27, 2009 6:24 am

ScummVM Doxygen Update
Version 1.2
Changes to scummvm.header and scummvm.footer
-Redesigned: made it look like forums
-removed unwanted images
-changed css

Fixed Problem
-All problems fixed

You can download the changes here -
http://rapidshare.com/files/312802425/doxygen-1.2.zip

fingolfin · Post by **fingolfin** » Fri Nov 27, 2009 4:43 pm

Cool, I am trying to integrate it into the site now.

The reference to the atom/rss feeds will have to be removed, though

.

fingolfin · Post by **fingolfin** » Fri Nov 27, 2009 8:17 pm

I put it online, but somehow the result is not quite as I would have expected...

fingolfin · Post by **fingolfin** » Fri Nov 27, 2009 11:08 pm

Found the problem, scummvm.css was not loaded in the header file. Now it works and you can check it out on http://doxygen.scummvm.org/.

Thanks a lot!

billwashere · Post by **billwashere** » Tue Dec 01, 2009 5:31 am

This fixes the ie problem for the doxygen.
replace the scummvm.header with this.

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>ScummVM &#58;&#58; Doxygen</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="$relpath$doxygen.css" type="text/css">
    <link rel="stylesheet" href="$relpath$tabs.css" type="text/css">
    <link rel="stylesheet" href="$relpath$scummvm.css" type="text/css">
  </head>
  <body>
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr> 
    <td style="width&#58;199px;"><img src="$relpath$images/logo.png" width="199" height="65" alt="ScummVM logo"></td>

    <td style="width&#58;80%; background-image&#58; url&#40;'$relpath$images/top_bg.png'&#41;; vertical-align&#58; middle; text-align&#58; left; white-space&#58;nowrap;">
      <a href="http&#58;//www.scummvm.org/" target="_parent">ScummVM website</a> - 
      <a href="http&#58;//forums.scummvm.org/" target="_parent">Forums</a> -
      <a href="http&#58;//www.scummvm.org/contact.php" target="_parent">Contact us</a> -
      <b><a href="http&#58;//www.gog.com/en/frontpage/pp/22d200f8670dbdb3e253a90eee5098477c95c23d" target="_parent">Buy Supported Games</a></b>&nbsp;
	</td>
	
	<td style="background-image&#58; url&#40;'$relpath$images/top_bg.png'&#41;; vertical-align&#58; middle; text-align&#58; right; white-space&#58;nowrap;">

  <!-- new nav table -->

    <a href="http&#58;//buildbot.scummvm.org" target="_parent">BuildBot</a> -
    <a href="http&#58;//doxygen.scummvm.org" target="_parent">Doxygen</a> -
    <a href="http&#58;//planet.scummvm.org" target="_parent">Planet</a> -
    <a href="http&#58;//wiki.scummvm.org" target="_parent">Wiki</a>

  <!-- end of new nav table -->

    </td>

    <td style="width&#58;20px;"><img src="$relpath$images/curve_tr.png" width="20" height="65" alt="curved edge"></td>

  </tr>

  <!-- top logo, navbar ends here, now on to the main forum body -->

  <tr bgcolor="#fbf1ce"> 
    <td colspan="4">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-left&#58; 5px; padding-right&#58; 5px;">
        <tr>
          <td>

fingolfin · Post by **fingolfin** » Tue Dec 01, 2009 8:37 am

What problem does this fix, exactly?

billwashere · Post by **billwashere** » Tue Dec 01, 2009 9:57 am

fingolfin wrote:What problem does this fix, exactly?

in the irc on the 29th nov

it fixes that one.

fingolfin · Post by **fingolfin** » Tue Dec 01, 2009 11:16 am

I see! Thanks, applied. Let's hope that's all now (except maybe for touching up the looks of the tabs on e.g. http://doxygen.scummvm.org/classes.html, which are all blueish right now, wheres we usually use only red-green-yellow for colors). Alas, this is a minor issue at most.

Now maybe I can interest you in taking a look at a MediaWiki theme for our Wiki? *g*

billwashere · Post by **billwashere** » Wed Dec 02, 2009 4:30 am

fingolfin wrote:I see! Thanks, applied. Let's hope that's all now (except maybe for touching up the looks of the tabs on e.g. http://doxygen.scummvm.org/classes.html, which are all blueish right now, wheres we usually use only red-green-yellow for colors). Alas, this is a minor issue at most.

Now maybe I can interest you in taking a look at a MediaWiki theme for our Wiki? *g*

Yes, that's next on the list of things to do.

What I'm thinking about doing is using the template from the doxygen and adding a menu like the main site.

Mustrum · Post by **Mustrum** » Thu Dec 10, 2009 4:23 pm

fingolfin wrote:(except maybe for touching up the looks of the tabs on e.g. http://doxygen.scummvm.org/classes.html, which are all blueish right now, wheres we usually use only red-green-yellow for colors)

Have you interest on this?

with background color from content: tab_l.png – tab_r.png

with (alpha)transparent corner: tab_l_transparent.png – tab_r_transparent.png

In http://doxygen.scummvm.org/tabs.css editing the link color.

Code: Select all

div.tabs a&#58;link, div.tabs a&#58;visited,
div.tabs a&#58;active, div.tabs a&#58;hover
&#123;
	color&#58; #fff !important;
&#125;

fingolfin · Post by **fingolfin** » Thu Dec 10, 2009 8:11 pm

Thanks! I tried that on the site, but the tabs don't look quite right... Any idea what might be causing that?