Ok guys i need help with 2 things.
One i want to make a pulldown bar of linke similar to this pulldown on this hockey website
http://rangers.nhl.com/
im talking about the very top of the page the "nhl network" section. You click the drop down and it shows teams names when you click any it directs you to their site.
Id like to do this on my site, ive tried formbuilder for this and got a pulldown fine but cant find how to link the names with the websites, is pulldown the right option for this?
any advice?
and secondly i see on many sites content areas with 3-4-5 differnt tabs which open new content withint the same page and within the same content area. there is an example on the cms front page here
http://www.cmsmadesimple.org/
on the right hand side you see FEATURES MODULES DESIGN DEVELOPMENT
And if you hover over each word the content in that div area changes, how do you do this?
cheers
buntros
CSS Help & Formbuilder advice required.
-
buntrosgali
- Forum Members
- Posts: 167
- Joined: Thu Apr 17, 2008 9:02 pm
-
Peciura
Re: CSS Help & Formbuilder advice required.
I think you need Global Content Block
Change yourdomain to some thing else.
Change yourdomain to some thing else.
Code: Select all
<__script__ type="text/javascript" src="http://www.yourdomain.lt/admin/themes/default/includes/standard.js"></__script>
<div style="border: 1px solid red; width: 100px; height: 20px;" onclick='togglecollapse("test_test")'>Press me</div>
<div id="test_test" style="display: block;">
<a href="http://www.anaheimducks.com" style="border: 1px solid rgb(51, 51, 51); display: block;">Anaheim Ducks</a>
<a href="http://www.calgaryflames.com" style="border: 1px solid rgb(51, 51, 51); display: block;">Calgary Flames</a>
</div>
-
buntrosgali
- Forum Members
- Posts: 167
- Joined: Thu Apr 17, 2008 9:02 pm
Re: CSS Help & Formbuilder advice required.
ok i have put this onto a minimal template page here
the page
links are working but how do i change it to show as dropdown ?
the page
links are working but how do i change it to show as dropdown ?
-
moorezilla
Re: CSS Help & Formbuilder advice required.
I think you want to do one of two things, but I'm unclear which it is. Do you want to have an html form select list that loads a page depending upon the selection? If so, there are lots of available javascript snippets that will do this.
You could probably AJAX this up as well for better effects.
The other way I imagine is with a css dropdown, much like a standard navigation bar with dropdown options. For this, you could take a look at the dropdown functionality that ships with a couple of themes in cmsms.
Code: Select all
1. <__html>
2. <head>
3. <title>Untitled</title>
4. <__script__ type="text/javascript">
5. <!--
6. function nav(f){
7. var theUrl = f.jump.options[f.jump.selectedIndex].value ;
8. if (theUrl != ""){
9. location.href = theUrl ;
10. }
11. }
12. //-->
13. </__script>
14. </head>
15. </__body>
16. <form action="no_value">
17. <select name="jump" onchange="nav(this.form)">
18. <option value="">----- Select A Page -----</option>
19. <option value="index.html">Home</option>
20. <option value="page2.html">Page 2</option>
21. <option value="page3.html">Page 3</option>
22. </select>
23. </form>
24. <__body>
25. </__html>
The other way I imagine is with a css dropdown, much like a standard navigation bar with dropdown options. For this, you could take a look at the dropdown functionality that ships with a couple of themes in cmsms.
-
Peciura
Re: CSS Help & Formbuilder advice required.
You have pasted '<__script__ src="http://www.notsoboringni.co.uk.lt' 
-
buntrosgali
- Forum Members
- Posts: 167
- Joined: Thu Apr 17, 2008 9:02 pm
Re: CSS Help & Formbuilder advice required.
i have removed the .it now but no change?
the script you give me says onclick='togglecollapse but its allready showing it collapsed where do i hide this so it only shows it on click?
moorezilla
so do you mean i can have a page showing a different navbar to other pages? how do you do that?
the script you give me says onclick='togglecollapse but its allready showing it collapsed where do i hide this so it only shows it on click?
moorezilla
so do you mean i can have a page showing a different navbar to other pages? how do you do that?
Last edited by buntrosgali on Wed Sep 23, 2009 2:30 pm, edited 1 time in total.
-
Peciura
Re: CSS Help & Formbuilder advice required.
Copy paste to your local_test_file.html or write initial style value 'display: none;' instead of 'display: block;'
test.html
Press me
Anaheim Ducks
Calgary Flames
If you want to use menu, you can find useful info at "Extensions » Modules » MenuManager" (parameters 'start_element', 'number_of_levels'). You could start with creating parent page "hokey teams" with option 'Show in Menu:' off. Then create its "children" as external links.
test.html
Press me
Anaheim Ducks
Calgary Flames
If you want to use menu, you can find useful info at "Extensions » Modules » MenuManager" (parameters 'start_element', 'number_of_levels'). You could start with creating parent page "hokey teams" with option 'Show in Menu:' off. Then create its "children" as external links.
