Author Topic: My cool menu and calendar solution (Read 17875 times)

mathetos · « **on:** August 24, 2006, 12:02:46 PM »

I'd love to hear any and all constructive criticism on my new WB design:

EDIT: ~~http://dz4.dailyrazor.com/~mathetos/wb/~~
Now "live" at http://www.buesingen.nazarener.de

The majority of my content is not there, but there's two things I'd like to show off:

1) CSS MENU Rollover. Made possible by

JellyCan's show_menu2
http://code.jellycan.com/show_menu2/ :

Eric Meyer's Pure CSS Popups
http://meyerweb.com/eric/css/edge/popups/demo.html :

My only problem with this is that I've had to use page_id as a class name in order to get each individual link to be unique. This means that if someone else took my design "as is" it wouldn't work because they would most likely have different page_id numbers.

Does anyone have a suggestion to improve this method?

2) Integrated Google Calendar. I am also no programmer and really need a very handy, useful calendar. The best I've seen out there is Google calendar. It integrates really smoothly into any html page:

7. Sept. edit: I recently took the Google Calendar off the site, but I still think it is a much more aesthetic and usable calendar than what is currently available with WB or otherwise.

The only draw-back is that all the events have to be created in the Google Calendar site, which means it's not integrated into the WB admin site. But other than that I think it's great.

Again, any suggestions questions comments, etc. on the design and the above items would be really appreciated.

~mathetos~

kweitzel · « **Reply #1 on:** August 24, 2006, 12:13:51 PM »

there are a couple of calendar modules available for WB ... have you tried them?

the design is quite good ... i think i wold just try to make the footer image with an "fade in" effect like you did the fade out in the top area ... it would sort of "conclude" the whole GFX theme.

cheers

Klaus

mathetos · « **Reply #2 on:** August 24, 2006, 02:37:38 PM »

Klaus, thanks for your comments.

1) I thought I had seen all the WB Calendar modules out there, but your question made me look again and I was pleasantly surprised by keijok.kapsi.fi's Event calendar. It has a nice look and seems well integrated. I'm in the process now of installing it. I still really like the look and feel of google, but for beginning users having an integrated calendar makes much more sense.

2) The footer image does actually "fade in" but much more quickly than the top area. I'll experiment with it some more.

What about the menu? Or is that type of menu totally old news? Anyone else?

doc · « **Reply #3 on:** August 24, 2006, 08:23:53 PM »

Hi Mathetos,

just had a look on your webpage. I like your design - well done.
On the markup side there are some errors.

You have specified the Doctype XHTML 1.0 Strict. Checking the markup with
http://validator.w3.org showed that your side is not valid.

You have some doubled <head> tags, some tags are not closed properly according XHTML 1.0. Not pretty sure how the side looks like with different browser.
You can check this using http://browserchecks.org.

Keep on baking.

Best regards
Christian

mathetos · « **Reply #4 on:** August 25, 2006, 09:55:52 AM »

Thanks Christian,
True, hadn't gotten all that far on total validation.

Unfortunately, your browserchecks link is a 404. At least today it is. If you have any other links like that I'd love to test-drive them.

I'll be working on validation for the next weeks...

~mathetos~

doc · « **Reply #5 on:** August 25, 2006, 07:13:29 PM »

Hi Mathetos,

sorry the URL i wanted to post is: http://browsershots.org
The service creates some snapshots of your website for different browser on different systems and different screen resolutions.

Regards
Christian

mathetos · « **Reply #6 on:** August 26, 2006, 09:42:24 AM »

WOW! Christian, thanks for the link! browsershots.org is a really great service! The only draw-back I had was that it only qued my page in IE 6 and Firefox 1.5 (both of which I have on my own desktop). It said that the others would take more than an hour to process. Strange.

But thanks for the link. I'm still tweaking things on my template, but I'd be happy to submit it once it's totally "tweaked".

~mathetos~

doc · « **Reply #7 on:** August 27, 2006, 07:49:51 PM »

Hi Mathetos,

I´ve installed IE5, IE5.5, Opera 6 to 9 and NS 6 to 8 (all on Win XP).
Once you´re layout is finished, I can have a look on how it displays with the browsers listed above.

Regards
Christian

mathetos · « **Reply #8 on:** September 04, 2006, 05:17:32 PM »

My design is virtually finished now. It all validates when there is no content, but as soon as I use a WYSIWYG to add content it goes all wacky. I'm sure this has been discussed somewhere but I'm putting it aside for now.

I've seen it on various windows machines with Fx 1.5 and IE 6. Christian I'd love to see (or hear) what you see with some of those browsers.

If anyone else has a mac, please let me know how it looks.

Thanks,
~mathetos~

doc · « **Reply #9 on:** September 06, 2006, 07:06:48 PM »

Hi Mathetos,

just saw your post and checked your side with the browsers I´ve installed on my Win XP system. All differences mentioned below are refered to Firefox 1.5.0.6 which should render most of the CSS 2.0 stuff the right way.

Netscape 6.0
- general layout ok but side height about 4x too long
- calendar does not work (most likely due to the fact you´ve used "_" for selector names
- rest looks fine

Netscape 7.0
- general layout ok but side height about 4x too long
- rest looks fine

Netscape 8.1
- everthing looks fine

Internet Explorer 5.01 + 5.5
- side not centered
- news does only show up till first line
- no footer (most likely due to the news module)
- calendar not accessable at all
- captcha picture not visible (cross is shown instead picture)

Internet Explorer 7beta
- everthing looks fine

Opera 6.02 + 7.0
- menu does not show description text below
- only 50% of the page height is visible
- rest is not shown => no footer + news

Opera 8.5 + 9.1
- everything looks fine

Something seems to break the layout for the old browsers. Most critical issue due to
the corrupt text rendering (only upper 50%) most likely due to the news system.

Best regards
Christian

kweitzel · « **Reply #10 on:** September 06, 2006, 07:14:01 PM »

It could be the the assigned CSS which breaks it.

have a look at your rendered code:

Code: [Select]

<h2>New Post hopefully with positive results</h2>
<div style="display: none"><img src="" alt="News" /></div>
<p><b>Posted by Administrator (msadmin) on Sep 05 2006 at 2:15 PM</b></p>
<p style="display: ">

The last Line has a display value of "display: " ... so the old browsers could actually refer back to the "display: none" 2 lines higher up...

cheers

Klaus

mathetos · « **Reply #11 on:** September 06, 2006, 11:07:44 PM »

Thanks guys, I really appreciate the input.

Christian, wow! Thanks for all the feedback, but

I think I hate those old browsers. I'll work on getting things as "clean" as possible, but I'm still a bit frustrated with the output of the FCK WYSIWYG.

Klaus, I think you must of viewed the site in the middle of some updates. I don't have a local server so I do my best with the output code on my desktop, but I never really know what will come out until it's live.

Thanks again, hopefully I'll have something semi-final around this weekend.

~mathetos~

ztar · « **Reply #12 on:** September 07, 2006, 02:46:04 AM »

Quote from: mathetos on September 06, 2006, 11:07:44 PM

Thanks guys, I really appreciate the input.

Klaus, I think you must of viewed the site in the middle of some updates. I don't have a local server so I do my best with the output code on my desktop, but I never really know what will come out until it's live.

~mathetos~

Have you tried xampp?
http://www.apachefriends.org/en/xampp.html

Its small, and if you use the zip, not the installer, does not add any registry entries, and allows you to run your code locally.

I have it installed on a USB key, and take the key to client's offices when demonstrating the app I am writing.

Ztar

kweitzel · « **Reply #13 on:** September 07, 2006, 07:40:30 AM »

Yepp ... i use it on my workstation and on my laptopas well ... local development and showcase.

cheers

Klaus

mathetos · « **Reply #14 on:** September 07, 2006, 04:30:01 PM »

Klaus and ztar,

Thanks for the GREAT tip with Xampp. I've been wanting to set-up a local server for a long time, but was always scared too... now I know why!

Could you give me a quick tip on how to view my php pages locally with it installed. Everything seems to be installed well and correctly, but I can't see the proper output for my local .php pages. I went to the forum, but
"mein Deutsch ist noch nicht so technisch wie in den Forum" and I couldn't find an English forum.

Xampp start is running, it says that Apache and MySql are starting and I should use xampp_stop to shutdown. I try to view my .php pages in Firefox and nothing. I'm sure I'm missing a step somewhere. HELP...

~mathetos~

kweitzel · « **Reply #15 on:** September 07, 2006, 04:33:16 PM »

you call it like a normal website ... what happenes if you call http://localhost ?

Did you actually install WB on this environment?

cheers

Klaus

mathetos · « **Reply #16 on:** September 07, 2006, 05:33:21 PM »

With http://localhost I get the whole Xampp welcome screen, I can go to phpmyadmin, I can do it all.

Sorry for my naiveté but ... no I didn't install WB on my desktop. I was hoping to just view some files, not have to re-setup my whole setup, but that is probably exactly the problem, I need a system to point to where PHP is and the database and everything...

I'm learning... thanks!

~mathetos~

kweitzel · « **Reply #17 on:** September 07, 2006, 06:59:41 PM »

This XAMPP System is nothing else than a Webserver with FTP, MySQL and Mailserver. Just like the server you make your pages available on to the public.

That means, you need to install WB in this environment like you do on the webserver ...

You could look into the ZEND Engine (http://www.zend.com/) but I don't know exactly what that one does (exept providing an environment for PHP to work on).

cheers

Klaus

ruebenwurzel · « **Reply #18 on:** September 08, 2006, 07:46:36 AM »

@mathetos

Hello,

did you store your local .php pages in the htdocs dir of xampp?
has the first page of your .php pages the name index.php?

Matthias

mathetos · « **Reply #19 on:** September 08, 2006, 08:07:27 AM »

Thanks Klaus, thanks Matthias, I've figured it out.

I was dragging and dropping my .php files into Firefox, which of course made the file read like "file://C:..." instead of being from "http://localhost/wb..."

Once I did that AND set up WB correctly everything worked perfectly.

In the end it was really not difficult and it nice to have a FULL local copy to work on.

Thanks for the tip!
~mathetos~

mathetos · « **Reply #20 on:** September 26, 2006, 08:48:14 AM »

You all have been such a great help and this site is finally "live". It was formerly on my development server, but it's now located "live" at:

www.buesingen.nazar ener.de

It validates, it is IE and firefox compliant. It is slicker, quicker, meaner, cleaner than before. It is {hopefully} finished.

Please have a look again. Christian, I would love to hear how it looks in your browsers again.

Thanks,
~mathetos~

kweitzel · « **Reply #21 on:** September 26, 2006, 10:51:47 AM »

Good work ... but a little issue seems to remain. Under the menu I get following error:

Code: [Select]

Parse error: syntax error, unexpected T_VARIABLE, expecting ',' or ';' in /home/ftp_buesingen/public_html/wb/modules/code/view.php(30) : eval()'d code on line 26

cheers

Klaus

mathetos · « **Reply #22 on:** September 26, 2006, 11:34:16 AM »

fixed!

I was experimenting with the post news anywhere snippet.

~mathetos~

kweitzel · « **Reply #23 on:** September 26, 2006, 11:46:28 AM »

a bit mre whitespace in this part and it is next to perfect

cheers

Klaus

News

Support WebsiteBaker

Your donations will help to:

You can donate by clicking on the button below.

Author Topic: My cool menu and calendar solution (Read 17875 times)

mathetos

mathetos

doc

mathetos

doc

mathetos

doc

mathetos

doc

mathetos

ztar

mathetos

mathetos

mathetos

mathetos

mathetos