Author Topic: New custom website (dutch)  (Read 10161 times)

Offline Boudi

  • Global Moderator
  • *****
  • Posts: 1190
  • Gender: Male
  • //o_-\\
    • Yze Webdesign
New custom website (dutch)
« on: October 01, 2008, 08:21:16 PM »
Hi,

Fresh from the press: www.telmakelaars.nl

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

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
...:: Bake the Unbakable ::...

vyni

  • Guest
Re: New custom website (dutch)
« Reply #1 on: October 01, 2008, 11:51:39 PM »
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  :wink: 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

Offline Boudi

  • Global Moderator
  • *****
  • Posts: 1190
  • Gender: Male
  • //o_-\\
    • Yze Webdesign
Re: New custom website (dutch)
« Reply #2 on: October 02, 2008, 12:11:38 AM »
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  :lol:

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!
...:: Bake the Unbakable ::...

vyni

  • Guest
Re: New custom website (dutch)
« Reply #3 on: October 02, 2008, 12:20:36 AM »
You are welcome!

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

Offline Ruud

  • Posts: 3647
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: New custom website (dutch)
« Reply #4 on: October 02, 2008, 10:23:11 AM »
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: [Select]
#loading_bar{
    display:none;
    ....
or completely remove it by removing this part from the imageflow/view.php
Code: [Select]
<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[&#39;LOADING_IMAGES&#39;]; ?>" />
</div>

Cheers,

Ruud

Offline Ruud

  • Posts: 3647
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: New custom website (dutch)
« Reply #5 on: October 02, 2008, 10:48:05 AM »
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: [Select]
<IMG SRC={$pics[sec2].direction_pic}>&nbsp;
Replace that with:

Code: [Select]
<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

  • Guest
Re: New custom website (dutch)
« Reply #6 on: October 02, 2008, 10:53:30 AM »
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.
« Last Edit: October 02, 2008, 10:55:09 AM by vyni »

Offline Boudi

  • Global Moderator
  • *****
  • Posts: 1190
  • Gender: Male
  • //o_-\\
    • Yze Webdesign
Re: New custom website (dutch)
« Reply #7 on: October 02, 2008, 02:18:04 PM »
@ 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  :oops:

Regarding implementation HS into the Catalog mod...check the website  :-D :-D  :-D


...:: Bake the Unbakable ::...

Offline Ruud

  • Posts: 3647
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: New custom website (dutch)
« Reply #8 on: October 02, 2008, 02:29:38 PM »
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

  • Guest
Re: New custom website (dutch)
« Reply #9 on: October 02, 2008, 02:31:43 PM »
@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

Offline Ruud

  • Posts: 3647
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: New custom website (dutch)
« Reply #10 on: October 02, 2008, 02:34:26 PM »
@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

  • Guest
Re: New custom website (dutch)
« Reply #11 on: October 02, 2008, 02:35:09 PM »
@Boudi

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

@Ruud

 :evil: of course. What do you think? But You count (nr-1) - this is 11 * 150 = 1650 if minus or plus - thats the same
« Last Edit: October 02, 2008, 02:37:23 PM by vyni »

Offline Boudi

  • Global Moderator
  • *****
  • Posts: 1190
  • Gender: Male
  • //o_-\\
    • Yze Webdesign
Re: New custom website (dutch)
« Reply #12 on: October 02, 2008, 02:39:28 PM »
Code: [Select]
#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.  8-)
...:: Bake the Unbakable ::...

vyni

  • Guest
Re: New custom website (dutch)
« Reply #13 on: October 02, 2008, 02:46:37 PM »
Mr. Boudi  :-D

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.


[gelöscht durch Administrator]

Offline Ruud

  • Posts: 3647
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: New custom website (dutch)
« Reply #14 on: October 02, 2008, 02:48:39 PM »
Currently your /modules/imageflow/imageflow.css still says:

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

You should change it to:

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

Ruud

Offline Boudi

  • Global Moderator
  • *****
  • Posts: 1190
  • Gender: Male
  • //o_-\\
    • Yze Webdesign
Re: New custom website (dutch)
« Reply #15 on: October 02, 2008, 02:54:13 PM »
@ 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!  :mrgreen:



...:: Bake the Unbakable ::...

Offline Ruud

  • Posts: 3647
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: New custom website (dutch)
« Reply #16 on: October 02, 2008, 02:59:30 PM »
Looks good. You can now have a beer and a nice steak  8-)

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

Cheers,

Ruud

Offline Boudi

  • Global Moderator
  • *****
  • Posts: 1190
  • Gender: Male
  • //o_-\\
    • Yze Webdesign
Re: New custom website (dutch)
« Reply #17 on: October 02, 2008, 03:04:24 PM »
@ Vyni & Ruud

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

I think that I will become a vegetarian  :-P :-D

Greetz,
Boudi
...:: Bake the Unbakable ::...

vyni

  • Guest
Re: New custom website (dutch)
« Reply #18 on: October 02, 2008, 03:06:33 PM »
If it helps.  :-D :-D

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


You are right, it´s great.

Offline Boudi

  • Global Moderator
  • *****
  • Posts: 1190
  • Gender: Male
  • //o_-\\
    • Yze Webdesign
Re: New custom website (dutch)
« Reply #19 on: October 02, 2008, 03:08:26 PM »
Quote
So what about a small reflection?

Euhh??  :?
...:: Bake the Unbakable ::...

vyni

  • Guest
Re: New custom website (dutch)
« Reply #20 on: October 02, 2008, 03:12:38 PM »
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.


Offline Stefek

  • Posts: 6177
  • Gender: Male
  • ("ړ)
Re: New custom website (dutch)
« Reply #21 on: October 02, 2008, 03:13:31 PM »
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?  :evil:

Regards,
Stefek
"Gemeinsam schafft man mehr."

gemeinsam
1. mehreren Personen oder Dingen in gleicher Weise gehörend, eigen
2. in Gemeinschaft [unternommen, zu bewältigen]; zusammen, miteinander
#Duden

vyni

  • Guest
Re: New custom website (dutch)
« Reply #22 on: October 02, 2008, 03:16:34 PM »
I would be glad if I could.....

But this is Mr. Ruud´s territory.

Offline Boudi

  • Global Moderator
  • *****
  • Posts: 1190
  • Gender: Male
  • //o_-\\
    • Yze Webdesign
Re: New custom website (dutch)
« Reply #23 on: October 02, 2008, 03:25:05 PM »
@ Vyni

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

Did it. Looks great  :-)

Quote
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.

Quote
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  :lol:
...:: Bake the Unbakable ::...

Offline Stefek

  • Posts: 6177
  • Gender: Male
  • ("ړ)
Re: New custom website (dutch)
« Reply #24 on: October 02, 2008, 03:30:20 PM »
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
"Gemeinsam schafft man mehr."

gemeinsam
1. mehreren Personen oder Dingen in gleicher Weise gehörend, eigen
2. in Gemeinschaft [unternommen, zu bewältigen]; zusammen, miteinander
#Duden