Is it possible to use a drop down menu that has already been created in Dreamweaver with Spry into my template? I have many other static pages that I would like to incorporate into my 68 pages. Thank you
Any idea how? Can you direct me to a place that can tell me how to do this? I can edit the existing Smarty temps but I have not been sucessful adding outside elements except for links. Also, my menu has its own css.
One place to start would be with my tutorial about modifying the default template. Another place would be the online documentation for 68 Classifieds. Especially the section on templates. As you haven't given any details about the specifics as to where and/or how you are trying to implement these things, it would be difficult to give you any specifics as to what you may be doing right or wrong.
spry I did read the 68 docs & modifying the default template article but neither addresses changing the menu structure. I've also been going through Smarty crash course. I would like my navigation to look the same in my static pages and my 68 pages. Here is my regular template I'm building in dreamweaver: index (it is not live yet) and here is my 68 page. Galveston For Sale By Owner I would like the site to go back and forth between the pages seamlessly. Any help would be most appreciated. Heidi
That isn't addressed, because that is standard HTML/CSS/Javascript which really doesn't have anything to do with 68 Classifieds directly. In my article, it describes how the templates are used/structured. In reading that you should be able to understand that the layout.tpl is the main file that contains all of the other "inner" templates. So to do what you are talking about, you need to put your standard (X)HTML in the layout.tpl to replace the tabs in the original. I would highly recommend as in my article that you create a NEW custom template folder for your template(s). As far as using external links goes, again standard HTML, you will notice that 68 defines a "base url" which is the root of your classifieds installation. If you are going to link things other than that, you just need to use standard FULL URLs (e.g. href="http://this/full/url/to/your/page).
getting there Thank you for your replys. I've got most of it down now. I was missing the absolute urls on my java and css, duh...but now I'm missing a div tag and I'm not sure which one will correct the problem. the <div id="tabs">makes my menu tabs without the pulldowns and without it the menu shows up but not the sub menus/pull downs. I need to clean up my css but here is the link and menu code if you have a moment ot look at it. ( I do not have links in it yet) Galveston For Sale By Owner Smarty would not read spry script _ syntax error <!--function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}} } //--> HERE IS THE MENU CODE: <div class="clear"></div> <div> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Properties For Sale </a> <ul> <li><a href="#">Single Family</a></li> <li><a href="#">Condominiums</a></li> <li><a href="#">Multi Family</a></li> <li><a href="#">Vacant Lots</a></li> <li><a href="#">Commercial</a></li> </ul> </li> <li><a href="#" class="MenuBarItemSubmenu">For Sellers </a> <ul> <li><a href="#">FAQs</a></li> <li><a href="#">Staging Tips</a></li> <li><a href="#">Showings</a></li> <li><a href="#">Photo Taking Tips</a></li> <li><a href="#">Create your Account</a></li> </ul> </li> <li><a class="MenuBarItemSubmenu" href="#">For Buyers </a> <ul> <li><a href="#">Buyer Tips</a> </li> <li><a href="#">Login to My Property Finder</a></li> </ul> </li> <li><a href="#" class="MenuBarItemSubmenu">Vendors</a> <ul> <li><a href="#">Title Companies</a></li> <li><a href="#">Inspectors</a></li> <li><a href="#">Appraisers</a></li> <li><a href="#">Lendors</a></li> </ul> </li> <li><a href="http://galvestonfsbo.com/data/contactus.php">Contact Us</a></li> <li><a href="#">Client Log In</a></li> </ul> </div>
The above wounld not render at all on another computer except my MAC so I reverted back to the saved layout.tpl
I'm not a javascript guy...but, I do use some in my layouts. I believe you may need to wrap your js like this {literal} <script type="text/javascript"></script> {/literal}
Why not use something tried and tested like the jquery supefish menu system? It is quite easy to set up and it is very stable across different browsers. Superfish - Suckerfish on 'roids
Thank you Freeze2 - the literal tag worked to show my menu but I still can't get the drop down to work Any ideas? Here is the menu out of 68: index Here is the menu in 68: http://galvestonfsbo.com/data/
I can't say for sure, but there are definitely some issues with your classifieds implementation. For starters you have a </script> within the head without any <script ...> start. In addition within your body. You have <div id="topnav"> then you have a call to your spry script AGAIN which is NOT allowed in the body AND you have already called it in your <head> element. One thing you will find that Safari on the Mac is much more "forgiving" with bad coding then most browsers are and will ignore many things that are wrong. It would appear that is the case here.
synt Thanks Mike-N-Tosh. I'm getting sloppy in my frustration. Can you tell me why my menu will not drop down? Thank you for your help, it is truly appreciated. Heidi The left over script tag was from my attempt to add the code below into the header but it throws a syntax error. <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}} } //--> </script>
As already suggested, you need to add the {literal} tags, because the braces are the delimiters for smarty ("{}"). therefore in 68 Classifieds, when it comes across a brace it thinks you are starting smarty code. Do it like this: Code: {literal} <script type="text/javascript"> ...... </script> {/literal} So just "unslop" your code Then put the {literal} tags in... ummm.... literally!
Thank you again.... I put the literal tags back in around my Javascript. But I'm totally stumped. My menu will still not drop down. Sorry for the lack of knowledge. I usually can figure it out but this ones got me.
I honestly can't definitively say what the issue is here, but comparing the working example in the root of your domain and the classifieds version, the one difference that I do see is this: In your root working example your <ul> is in a <td> (not a block level HTML element nor does it have a declared id set) In the non-working classifieds example, you have your <ul> in a <div> (a block level HTML element and does have an id declared as well) Perhaps you should not put it in a block level element. I do know that many javascript menus are very specific about what elements that you have the menu within or they won't work. This may be one of them. Try just getting rid of the div altogether and set your css declarations to the <ul> itself or use a non-block element like a <span>
This is missing from the bottom of your layout.tpl file <script type="text/javascript"> <!-- var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"http://galvestonfsbo.com/data/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"http://galvestonfsbo.com/data/SpryAssets/SpryMenuBarRightHover.gif"}); //--> </script> Also move this line up above the javascript with the other css declaration <link href="http://www.galvestonfsbo.com/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> I got it to work with web developer on Firefox.
