adventure-park.dk

Please post the URLs to sites, you've set up in CMSimple, here!
Post Reply
maeg
Posts: 525
Joined: Fri Feb 20, 2009 2:27 pm
Location: Agerbæk, Denmark
Contact:

adventure-park.dk

Post by maeg » Wed Jul 06, 2011 6:45 am

Hi

Danish event-park

Plugin in use:
-ImgSlider
-Newsrotator
-AcDivs

And live-stream from Facebook

[ external image ]

Go to website Klik here
Last edited by maeg on Fri Mar 16, 2012 1:30 pm, edited 2 times in total.

wonderflower
Posts: 1
Joined: Sun Jul 24, 2011 5:59 pm

Re: adventure-park.dk

Post by wonderflower » Sun Jul 24, 2011 6:06 pm

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

maeg
Posts: 525
Joined: Fri Feb 20, 2009 2:27 pm
Location: Agerbæk, Denmark
Contact:

Re: adventure-park.dk

Post by maeg » Mon Jul 25, 2011 8:21 am

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

cmb
Posts: 13288
Joined: Tue Jun 21, 2011 11:04 am
Location: Mü-Sa, RLP, DE
Contact:

Re: adventure-park.dk

Post by cmb » Mon Jul 25, 2011 11:00 am

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
Christoph M. Becker – Plugins for CMSimple_XH

maeg
Posts: 525
Joined: Fri Feb 20, 2009 2:27 pm
Location: Agerbæk, Denmark
Contact:

Re: adventure-park.dk

Post by maeg » Mon Jul 25, 2011 11:54 am

Hi Christoph

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

Tata
Posts: 3143
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: adventure-park.dk

Post by Tata » Mon Jul 25, 2011 1:10 pm

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
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

cmb
Posts: 13288
Joined: Tue Jun 21, 2011 11:04 am
Location: Mü-Sa, RLP, DE
Contact:

Re: adventure-park.dk

Post by cmb » Mon Jul 25, 2011 2:21 pm

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
Christoph M. Becker – Plugins for CMSimple_XH

maeg
Posts: 525
Joined: Fri Feb 20, 2009 2:27 pm
Location: Agerbæk, Denmark
Contact:

Re: adventure-park.dk

Post by maeg » Mon Jul 25, 2011 2:29 pm

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

Tata
Posts: 3143
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: adventure-park.dk

Post by Tata » Mon Jul 25, 2011 3:07 pm

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"'>
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

maeg
Posts: 525
Joined: Fri Feb 20, 2009 2:27 pm
Location: Agerbæk, Denmark
Contact:

Re: adventure-park.dk

Post by maeg » Fri Mar 16, 2012 1:08 pm

New design - 1. post updatet

Post Reply