Page 1 of 1

adventure-park.dk

Posted: Wed Jul 06, 2011 6:45 am
by maeg
Hi

Danish event-park

Plugin in use:
-ImgSlider
-Newsrotator
-AcDivs

And live-stream from Facebook

[ external image ]

Go to website Klik here

Re: adventure-park.dk

Posted: Sun Jul 24, 2011 6:06 pm
by wonderflower
Hallo maeg

I really like this website, specially the menuline, where the menupictures get higelight when the mouse run over it :D :D

Is it possible to get this template, or just tell how I can made the menuline myself :D :D :D

""
wonderflower

Re: adventure-park.dk

Posted: Mon Jul 25, 2011 8:21 am
by maeg
Hi wonderflower

I'm glad you like my design :D
Is it possible to get this template, or just tell how I can made the menuline myself
You can not get the template, because it is made for my client, but i can tell you how to make the picture menuline :)

Normaly you can not put a pic in the mainmenu on your site. So there is to way to do it. The easy one is just to make the menuline in a newsbox.

But the fancy way as i have used on the adventure-park site is a cleare css solution, where you tell in stylesheet.css what part of the picture you want to be visibel on the site.

You can see the pic i have used in tne menuline here

[ external image ]

And when i just kode the stylesheet.css to tell what part of the pic i want to see.

Note: You have to navigate with the "sitemap link". And i have made a template for each site, that means that the site use 8 tempalets for each language - total 24 templates, where the only difference is the stylesheet.css thats tells what part of the pic i want to see and higelight.

I hope you understand, else write agen :D :D :D

Re: adventure-park.dk

Posted: Mon Jul 25, 2011 11:00 am
by cmb
Hello maeg,

I like the highlighting of the pictures of the menu too. Very well done! :D

But I found that having 24 templates might be not the simplest solution. I have thought about it, and found an alternative.

Christoph

Re: adventure-park.dk

Posted: Mon Jul 25, 2011 11:54 am
by maeg
Hi Christoph

Thx - i'll try it. And you are right, it is not a simpel solution with 24 templates, but it works :lol:

Re: adventure-park.dk

Posted: Mon Jul 25, 2011 1:10 pm
by Tata
IMHO the easiest and the most flexible (eventually editable too) is the use of a hidden newsbox page for each menu-item-combination.
In this case you need to:
1. make pages e.g.:
item_1 - with all but item_1.jpg inactive and with all buttons linked to their corresponding pages
item_2 - with all but item_2.jpg inactive and with all buttons linked to their corresponding pages
etc.
2. place on each site its unique variable, e.g.:
for PAGE 1 #CMSimple $menu="item_1;#
for PAGE 2 #CMSimple $menu="item_2;#
etc.
3. In the template.htm use vor navigation the call:
<?php echo newsbox($menu);?>

Now when the user clicks e.g. the item_5.jpg in navigation, the linked "PAGE 5" will be loaded and - because of #CMSimple $menu="item_5;# the page item_5 will be loaded into the newsbox.

Find more explanataion here> http://cmsimplewiki.com/doku.php/tips_a ... le_newsbox

Re: adventure-park.dk

Posted: Mon Jul 25, 2011 2:21 pm
by cmb
Hello Tata,

thanks for pointing this out! :D I haven't thought of such an elegant and general usable possibility yet. It would have been a better solution for oliban.

Christoph

Re: adventure-park.dk

Posted: Mon Jul 25, 2011 2:29 pm
by maeg
Hi

That can also be a good solution for it, but you still have to make a stylesheet for each side to get the mousehover effect to work

Re: adventure-park.dk

Posted: Mon Jul 25, 2011 3:07 pm
by Tata
maeg wrote:... but you still have to make a stylesheet for each side to get the mousehover effect to work
Not necessary. You may find dozens of mini JS for this effect. Then you mostly need to keep some image_naming convention and that's it.
Or use for each image direct in template:

Code: Select all

<img src="image_1_out.jpg" blablabla
onMouseOut='this.src="image_1_out.jpg"'
onMouseOver='this.src="image_1_over.jpg"'>

Re: adventure-park.dk

Posted: Fri Mar 16, 2012 1:08 pm
by maeg
New design - 1. post updatet