11
technigrafa
Re: Fixed CSS Wireframe Theme

Thanks Snow. I will definitely take a look at your theme.

As for the javascript in my initial post, I agree, I try to not ever use javascript for the reason you mentioned, but fluid layouts will always break in IE if you reduce the browser portal too much and that drives me nuts. If IE supported the min-width CSS tag, everything would be fine. So I was reduced to forcing a min-width with javascript. There is a site that claims to get the same results but without javascript here:
http://www.webreference.com/programming/min-width/

And a similar method here:
http://www.cssplay.co.uk/boxes/width.html

But I couldn't get those to work. Even if users have javascript turned off though, the worst result is their page will squish if they resize the browser too small - which happens in all other CSS based fluid designs I have seen.

As for the javascript error, I am not getting that in IE 6, 5.5 or 5.01. What version are you using? Do you have any more info about that error? Line 34 reads:

pr=parseInt(gs.paddingRight);ml=parseInt(gs.marginLeft);mr=parseInt(gs.marginRight);

Thanks guys!

12
technigrafa
Snow77's fluid CSS theme with fixes

Snow77,

I have been testing out your theme and it is excellent! I have found a few things that was keeping the HTML from validating though. This tag was in there twice, and being an "id" isn't allowed:

<div id="content">


So I changed it to:

<div class="content">


And the container and footer divs weren't closed, so I fixed that. Additionally I added a min-width:620px style on the container so Mozilla won't squish at smaller portal sizes. And also, I changed the way you were importing the stylesheet so that older browsers won't import the CSS, since older browsers don't support CSS well anyway and were displaying a bit weird.

Make sure that is okay and I'm not overlooking anything obvious there.

And now 100% HTML and CSS compliance!

Two further additions I made was replace the static header line under the title with the XOOPS slogan tag and added a replacement template for the Content module, so that it would validate as well.

Just curious, what's the advantage of including the blocks as seperate theme files, rather than including them in the main theme file? I see many people do that, but don't know why.

----------------------------------------------------
Here is Snow's CSS theme with the above mentioned fixes and additions as a zip file:

http://technigrafa.com/DEV/css100v2.zip

-----------------------------------------------------
Snow, I hope you don't mind me reposting your theme - let me know if that's a problem and I'll edit this post.

So, should I also throw in the javascript that sets a min-width in there for IE? It doesn't hurt anything if IE users have javascript turned off - it will just function as it does now - the center blocks squish a little in smaller browser windows, but nothing too bad.

13
snow77
Re: Snow77's fluid CSS theme with fixes
  • 2006/8/15 17:56

  • snow77

  • Just can't stay away

  • Posts: 864

  • Since: 2003/7/23


thanks technigrafa for the comments, the work and fixes you did to the CSS100 structure (no problem with you reposting it). I looked at everything and it looks ok to me. I updated the download (at free themes in xoopsdesign.com) and set it up with your fixes and mentioned the things you did in the download history, if I am missing something please let me know.

I invite others to join this working group, of the things technigrafa and I have been doing, and contribute with css div based templates of the modules or any other files you might consider useful to add to this wire frame theme.

I'm not so sure about adding the JS, I kind of try avoiding javascript code unless it's completely necessary.

Thanks also to the comments of daigoro and alan-a.

it doesn't end here, more work is still to be done...
www.polymorphee.com
www.xoopsdesign.com

14
davidl2
Re: Holy Grail CSS Wireframe Theme
  • 2006/8/15 18:00

  • davidl2

  • XOOPS is my life!

  • Posts: 4843

  • Since: 2003/5/26


Excellent work all concerned

15
technigrafa
Re: Fixed CSS Wireframe Theme

Okay, the fixed "Skidoo Too" theme I posted earlier now supports not having any blocks in the right or left columns. The layout will adjust accordingly, including the center blocks.

Update: "Fixed Width" Skidoo Too Theme
Added a print.css stylesheet that will drop the left and right columns, remove borders and background colors and fit content to a page if printed. Also, I added a replacement system notification block template and styles so the notifications block will not be visible unless a user toggles it on using the "Notifications" link. Cool eh? Also, I edited the top horizontal menu so that it is dynamically generates tabs based on any sublinks there are for the current module and also doubles as a User Menu.

So that means that the theme that Snow posted will work for theme designers wanting to develop a theme that is "fluid" or spans the whole window and if you want a fixed design and a design that sports columns that span vertically the whole page, you can use the "Fixed Skidoo Too" theme I posted earlier.

Both pass W3C HTML compliance.

Now people just need to test em out!

I should reiterate though that these are XOOPS 2.0.14 themes that take advantage of the new 2.0.14 features and will probably not work very well with earlier versions of XOOPS.

***Wee, my 100th post!

16
technigrafa
Easier Editing of Blocks

Okay, I had another idea, but need some help in implementing it. One of the biggest issues with our clients, is they get confused real quick when trying to find a particular block to edit in the admin section.

So I was thinking, why not have a link to edit the block right under each block for admins? It should be easy to do, but I am having one snag. How do you return a block's ID from the theme? This is the code I am trying, but this isn't returning the ID:

<{if $xoops_isadmin}>
<
div class="edit">
<
a href="<{$xoops_url}>/modules/system/admin.php?fct=blocksadmin&op=edit&bid=<{$block.id}>">Edit this block</a>
</
div>
<{/if}>


Can anyone assist me with this?

17
McNaz
Re: Easier Editing of Blocks
  • 2006/8/16 15:34

  • McNaz

  • Just can't stay away

  • Posts: 574

  • Since: 2003/4/21


I have no means to test this now but have you tried bid=<{$block.bid}> in your link?

Excellent idea btw.

Cheers.

18
irmtfan
Re: Easier Editing of Blocks
  • 2006/8/16 17:57

  • irmtfan

  • Module Developer

  • Posts: 3419

  • Since: 2003/12/7


realy amazing i grab the idea:

<{if $xoops_isadmin}>
                        <
div class="edit">
                        <
a href="<{$xoops_url}>/modules/system/admin.php?fct=blocksadmin&op=edit&id=<{$block.id}>">_AM_EDITBLOCK</a>
                        </
div>
                        <{/if}>


it works in 2.2.4

but the problem is $xoops_isadmin is not realy a webmaster but any MODULE admin can access to the link ( but not to the page)

also this is very good if someone add this to <{$block.content}> smarty variable.

19
technigrafa
Re: Easier Editing of Blocks

Thanks guys, I tried "bid" as well with no luck. It's unfortunate that 2.0.14 doesn't return the block ID for the blocks loop. It looks like we'll have to hack a file to get this to work. Anyone know how to get this kind of thing added to the next XOOPS update plan, once we get it figured out?

20
Bender
Re: Holy Grail CSS Wireframe Theme
  • 2006/8/16 19:28

  • Bender

  • Home away from home

  • Posts: 1899

  • Since: 2003/3/10


@technigrafa:
You could post here to find out if there is not already a way to get the id.

If you get confirmation that its not and you create a way later to make this feature you could add it to the patches tracker.
Sorry, this signature is experiencing technical difficulties. We will return you to the sheduled signature as soon as possible ...

Login

Who's Online

219 user(s) are online (128 user(s) are browsing Support Forums)


Members: 0


Guests: 219


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits