Looking for help: Uniformizing the ScummVM webpages

[billwashere]

Next thing to do would be the web page, especially the downloads section. There was a WIP version with jQuery and CSS-based layouts, but it has been abandoned, sadly

Do you guys have a layout in mind, other than just with "jQuery and CSS-based layouts"? In the TODO page in the wiki (http://wiki.scummvm.org/index.php/TODO#Web_sites) has the link [url]http://fredrik_w.users.sourceforge.net/downloads/[/url] but it only displays "Smarty compile dir (include/smarty/template_c) isn't writeable!"

[fingolfin]

Next thing to do would be the web page, especially the downloads section. There was a WIP version with jQuery and CSS-based layouts, but it has been abandoned, sadly

Do you guys have a layout in mind, other than just with "jQuery and CSS-based layouts"?

Actually, at least for me, jQuery is not at all a necessity -- read it as "some Javascript lib(s) that can help us a nicer website .

In the TODO page in the wiki (http://wiki.scummvm.org/index.php/TODO#Web_sites) has the link [url]http://fredrik_w.users.sourceforge.net/downloads/[/url] but it only displays "Smarty compile dir (include/smarty/template_c) isn't writeable!"

I guess one could try to contact fredrik_w AT users.sourceforge.net to ask him whether he kept a backup. Beyond that, yes, we do have some ideas, and would be open to discuss them. But maybe the scummvm-devel mailing list would be a better place for that, as it would reach all devs.

If you were inclined to join that mailing list and (re)post your question there, I'd welcome that .

[DJWillis]

Hi billwashere (or anyone else),

Do you fancy taking a look at the ScummVM planet (http://planet.scummvm.org/) template?

I did some hacking about to bring it in-line with the other sties (I have it stashed locally) but frankly my HTML and layout skills suck .

We used Planet Venus (http://www.intertwingly.net/code/venus/) to drive the planet site and it really is just a basic HTML template with some variable replacement that is required. It's not very fancy at all .

Regards,

John

[billwashere]

Sorry for the late reply, been really busy lately.

Do you fancy taking a look at the ScummVM planet

Yeah sure DJWillis.

[url]http://fredrik_w.users.sourceforge.net/downloads/[/url]

Is there anything wrong with this layout? I like it.

[billwashere]

Here is a theme for the planet.
Simply copy the old theme into a new directory and replace the index.html.tmpl with the one in the zip.
Add the css into the directory where the original is.

The images
Avatars are still in the same place but
* the all the gifs are now png (except for the monkey) so you will need to find out where they go
http://www.mediafire.com/?2j8ppabm8v32msa



Also there is a lot of unused css because i just copied the css from the wiki.

[Strangerke]

Wow, very nice!

[DJWillis]

billwashere,

That is just awesome .

Thanks,

I'll try it on my dev copy of the planet and get it updated in the next few days.

Thanks again,

John

[DJWillis]

Hi billwashere,

The theme is now live on http://planet.scummvm.org/. Thanks again.

We noticed a few small issues (the Wiki also has it) with alignment of the top menu bar against the ScummVM logo in older I.E. versions (shock ) and the scroll bar does not seem to be taken into account when making the window less wide leading to the right hand menu being clipped.

They are all really minor however and it makes the planet look loads better.

Cheers,

John

[fingolfin]

Yeah, thanks again for your work, bill!

While we are at bug reports: In this post, I can see a problem with the Forums CSS: There is a wide gap between the ScummVM logo and the "Forum Index" link for me. If you can't reproduce it, I can make a screenshot. I think this is caused by the postings here being veeery wide

Don't get me wrong, this was of course here before. All I'm saying is: If you happen to have an idea on how to fix it, that would be cool. If not, well, nothing lost

[clone2727]

While we are at bug reports: In this post, I can see a problem with the Forums CSS: There is a wide gap between the ScummVM logo and the "Forum Index" link for me. If you can't reproduce it, I can make a screenshot. I think this is caused by the postings here being veeery wide

This was mentioned before... wasn't it a bug in one of the layout engines? (I don't see it in Firefox now and the page is very wide. Of course, I could just be having another memory lapse)

[billwashere]

While we are at bug reports: In this post, I can see a problem with the Forums CSS: There is a wide gap between the ScummVM logo and the "Forum Index" link for me. If you can't reproduce it, I can make a screenshot. I think this is caused by the postings here being veeery wide

Sometimes the forum/wiki design breaks if there is too many characters expanding the table. These should fix the forum by limiting the maximum width of an image, make sure the logo in the top left only takes up the size of the image and make sure the width of a table stays inside. This should fix all the problems that occur in pages like http://forums.scummvm.org/viewtopic.php ... c&start=15

/forum/trunk/SVMDesign/overall_header.tpl

Code: Select all

29c29
<     <td><img src="templates/SVMDesign/images/logo_phpVB2.gif" width="199" height="65" alt="ScummVM logo"></td>
---
>     <td width="199"><img src="templates/SVMDesign/images/logo_phpVB2.gif" width="199" height="65" alt="ScummVM logo"></td>
70c70
<     <td colspan="4">
---
>     <td colspan="4" style="max-width&#58; 750px">

/forum/trunk/SVMDesign/SVMDesign.css

Code: Select all

148a149,150
> 
> img 			 { max-width: 900px; } /* This will limit how wide an img tag can be so it doesn't spoil the theme. */

[billwashere]

In reality that solution is really a hack. Ideally the theme should be rewritten with divs instead tables so that kind of things don't happen.