adventure-park.dk
adventure-park.dk
Hi
Danish event-park
Plugin in use:
-ImgSlider
-Newsrotator
-AcDivs
And live-stream from Facebook
[ external image ]
Go to website Klik here
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.
-
- Posts: 1
- Joined: Sun Jul 24, 2011 5:59 pm
Re: adventure-park.dk
Hallo maeg
I really like this website, specially the menuline, where the menupictures get higelight when the mouse run over it
Is it possible to get this template, or just tell how I can made the menuline myself
""
wonderflower
I really like this website, specially the menuline, where the menupictures get higelight when the mouse run over it
Is it possible to get this template, or just tell how I can made the menuline myself
""
wonderflower
Re: adventure-park.dk
Hi wonderflower
I'm glad you like my design
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
I'm glad you like my design
You can not get the template, because it is made for my client, but i can tell you how to make the picture menulineIs it possible to get this template, or just tell how I can made the menuline myself
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
Re: adventure-park.dk
Hello maeg,
I like the highlighting of the pictures of the menu too. Very well done!
But I found that having 24 templates might be not the simplest solution. I have thought about it, and found an alternative.
Christoph
I like the highlighting of the pictures of the menu too. Very well done!
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
Re: adventure-park.dk
Hi Christoph
Thx - i'll try it. And you are right, it is not a simpel solution with 24 templates, but it works
Thx - i'll try it. And you are right, it is not a simpel solution with 24 templates, but it works
Re: adventure-park.dk
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
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.
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.
Re: adventure-park.dk
Hello Tata,
thanks for pointing this out! I haven't thought of such an elegant and general usable possibility yet. It would have been a better solution for oliban.
Christoph
thanks for pointing this out! 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
Re: adventure-park.dk
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
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
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.maeg wrote:... but you still have to make a stylesheet for each side to get the mousehover effect to work
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.
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.