New custom website (dutch)

[Boudi]

Hi,

Fresh from the press: www.telmakelaars.nl

Nice & clean 100% custom made with WB as a backend 

Some nice additions:

- customized Image Flow in the header (thnx 2 Ruud)
- form field: highlight input fields on focus (fixed the stupid IE bug)
- a bit of tweaking in the Catalog mod

The website needs additional input from the client but overall you get an idea of the layout et cetera.

Greetz
Boudi

[vyni]

Hi Boudi,

as a already mentioned. I like th IF in the header. Nice idea.
Overall the page looks good.
But there are some edges.....
For the overall-Look I guess, the Footer should have the same green than the menu, or the top-background - I mean the green above the header. Why not use this as body-background ?

And there is a BIG BUG  in BEMIDDELD: The grphics - all of them - are too big. Together with IF and the Logo the page is more than 1MB - than You link to annother page where the same pics are used - also 800x600 px or so but displayed around 200px - and from here You link to the full image. Please make thumbs for the pages.

And one major thing. You propably know: You are using the high-slide option. This must be registered and licenced! The page doesn´t appear as private - is it?

regards from Himberg

[Boudi]

Hi Vyni,

ThnQ for your reaction, Appriciate it.

1st: yes it is a payed license of HighSlide 

Regarding the footer: This was the client his wish but I understand your point. For me the green was okay too 
Regarding the pictures: the client uploaded them, I will contact them about changing the size of the pictures. Big stuff haha 

The graphics including the HS from the website itself are only 160 kb together. The picture sizes in the Catalog mod can be a lot smaller indeed. Thank you fot noticing!

[vyni]

You are welcome!

It´s almost everytime the same - unexperienced users don´t care about pics and loading-time. 

[Ruud]

It looks very nice.

I really like the idea of imageflow in the page header.
One small problem found, the second image doesn't grow when clicked, it gets smaller!
I  think you used a wrong image there.

I also would try to suppress the "loading" message.
In the lightbox.css you could set:

Code:

#loading_bar{
    display:none;
    ....

or completely remove it by removing this part from the imageflow/view.php

Code:

<div id="loading_bar">
    <b><? echo $MOD_IMAGEFLOW['LOADING_IMAGES']; ?></b><br />
    <img src="<? echo WB_URL; ?>/modules/imageflow/images/imgloading.gif" width="208" height="13" alt="<?php echo $MOD_IMAGEFLOW['LOADING_IMAGES']; ?>" />
</div>

Cheers,

Ruud

[Ruud]

Since you are using Higslide on every page (js is loaded). Why not using it for the catalog images too?

It is very simple.
In the catalogs module file details_elements.tp l find line 46 that says:

Code:

<IMG SRC={$pics[sec2].direction_pic}>&nbsp;

Replace that with:

Code:

<a href="{$pics[sec2].direction_pic}" class="highslide" onclick="return hs.expand(this)"><img src="{$pics[sec2].direction_pic}" alt="Highslide JS" title="Click to enlarge" width="100" /></a>

Did a quick test and it looks nice.

Ruud

[vyni]

Jo, Ruud is right.

Also You could give a little mirror - this would fit to the Logo.


PS: I think I will edit and extend the Manual.

[Boudi]

@ Ruud,

Thnq 4 the compliments.

Your suggestion regarding the loader: the CSS does not work. When removing the lines in the view.php does result in that the IF vanishes from the header.

So right now in my case both options didn't help 

Regarding implementation HS into the Catalog mod...check the website   

[Ruud]

Your suggestion regarding the loader: the CSS does not work. When removing the lines in the view.php does result in that the IF vanishes from the header.

The CSS did work for me. Just add the line "display:none;". Don't do anything else.
Did you clear your cache when you tried? Refreshing with Ctrl-F5 normally helps.

Removing the view.php part could cause the script to fail, so that could be the case (didn't test that).

About the catalog.. This looks much better. It's a shame you also made the images smaller
I will have a try tonight to rewrite the line in the .tpl where it builds thumbnails through the Imageflow resizer script. That way you could have your bigger images back, and the nomal page would even be smaller.

Ruud.

[vyni]

@Boudi,

please check Your spelling. I made it right now for the manual and the css display: none; is working in IE and FF !!

@Ruud

I am a little bit confused: if I follow the instructions for calculating the middle-image for the glideTo for pic 12 I come to result 1650 ?!

regards

[Ruud]

@Ruud

I am a little bit confused: if I follow the instructions for calculating the middle-image for the glideTo for pic 12 I come to result 1650 ?!

Did you put a - (minus) in front of it?

Ruud

[vyni]

@Boudi

regarding catalog: is great, just the pics are still 800x600 ??

@Ruud

  of course. What do you think? But You count (nr-1) - this is 11 * 150 = 1650 if minus or plus - thats the same

[Boudi]

Code:

#loading_bar{
    display:none;
    }

Still does not work for me.

Removed cache
Reloaded addons

Regarding the pictures: I did do nothing about the sizes till so far. 

[vyni]

Mr. Boudi 

I´m really sorry, but I have to inform You, that there is something wrong with Your setting.
Maybe You should try to read the manual exactly.

Have a look what happens if I go to Your catalog.

If You need any further help, please do not hesitate to contact a specialist.

[Ruud]

Currently your /modules/imageflow/imageflow.css still says:

Code:

#loading_bar{
    margin-top:50px;
    text-align:center;
    width:100%;

You should change it to:

Code:

#loading_bar{
    display: none;
    margin-top:50px;
    text-align:center;
    width:100%;

Ruud

[Boudi]

@ Vyni & Ruud

It works! Stupid me, I overlooked the css stylesheet because I was looking into the folder: imageflow/css/ and not in the imageflow/

Excuse me for this blackout. The only reason I can say is that I must stay sober every day and watch less cows! 

[Ruud]

Looks good. You can now have a beer and a nice steak 

It also solves the problem mr. Vyni tried to tell you about.

Cheers,

Ruud

[Boudi]

@ Vyni & Ruud

Thnq for taking much time to help me and this thing out. But in the end it looks great 

I think that I will become a vegetarian 

Greetz,
Boudi

[vyni]

If it helps. 

So what about a small reflection?
Just try and show it to me, please.


You are right, it´s great.

[Boudi]

So what about a small reflection?

Euhh?? 

[vyni]

Aha,

tell me - whatfor do I write, (as instructed by Mr. Ruud extra slowly) if You don´t read?

In the options of the imageflow You could set a refledtion (try 30%)

There is annother detail disturbing me: Please add the country-code to the mobile-phone-nr aswell - otherwise looks wrong to me.

[Stefek]

This looks great:
http://www.telmakelaars.nl/pages/catalog/nietap2.php?cat_id=1&number=0

I like the image Pop-Up.

@Vyni
What about implementing the "fancy box" to the imageFlow? 

Regards,
Stefek

[vyni]

I would be glad if I could.....

But this is Mr. Ruud´s territory.

[Boudi]

@ Vyni

In the options of the imageflow You could set a refledtion (try 30%)

Did it. Looks great 

There is annother detail disturbing me: Please add the country-code to the mobile-phone-nr aswell - otherwise looks wrong to me.

Yesss. You're right. Changed it.

There is a minimum green in the header-grapic, so the black of the reflection is visible.

You mean the dark grey area that is in the header in combination with the border on the images?

I just removed the border so this looks better. And you do so too I read now haha 

[Stefek]

I would be glad if I could.....

But this is Mr. Ruud´s territory.

I got it.

Ruud, did you have see the german thread about the "FancyBox"/"Fancy Image"?

It seems to me that this could be implemented into this module. But I dont know how many effort it is.

Regards,
Stefek