Im trying to activate the superfish options in my pixopoint menu here
http://plocaclimbing.com
I could really use some help. (am finding the installation a bit
confusing).
i have the plugin on my server, i just need to know where to put the
script to activate it (ive tried unsuccessfully)
ive included the css to my menu and my header.php file. Sorry if this
is not the proper way to go about posting questions, im pretty new at
this :)
1. Link to the superfish.js file using a script tag in the head of
your document.
<script type="text/javascript" src="superfish.js"></script>
2 Call superfish() on the containing ul element.
<script type="text/javascript">
$(document).ready(function() {
$('ul.sf-menu').superfish();
});
</script>
heres my css for the menu:
/*********************************
*********** Main menu ************
**********************************/
#pixopoint_menu1 {
width:100%;
height:40px;
background:#eedddd url("http://www.plocaclimbing.com/
menufeedbox.png") repeat-x;
background-position:50% 0;
margin:0;}
#pixopoint_menu1 ul {
width:100%;
border:none;
background:none;
margin:0;
padding:0;
list-style:none;
}
#pixopoint_menu1 li {
border:none;
background:none;
background:#000000 url("http://www.plocaclimbing.com/
menufeedbox.png");
color:#FFFFFF;
line-height:40px;
z-index:20;
letter-spacing:0px;
background:;
font-weight:normal;
font-size:17px;
padding:0;
margin:0 5px;
;float:left;
font-family:courier-new,courier,monospace;
position:relative;
}
#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
background:#616161 url("http://www.plocaclimbing.com/
menufeedbox1.png");
background-position:0 60px;
}
#pixopoint_menu1 li a {
border:none;
background:none;
text-decoration:none;
display:block;
padding:0 15px;
color:#FFFFFF;
}
#pixopoint_menu1 li a:hover {
border:none;
background:none;
text-decoration:none;
color:#FFFFFF;
background-position:100% -120px;
}
#pixopoint_menu1 ul ul {
position:absolute;
left:-999em;
top:40px;
width:120px;
}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
left:auto;
}
#pixopoint_menu1 ul ul li a {
padding:4px 10px;
text-transform:normal;
font-variant:normal;
}
#pixopoint_menu1 ul ul li {
letter-spacing:0px;
color:#666666;
z-index:20;
width:120px;
font-family:helvetica,arial,sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
background:#FFFFFF;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
margin:0;
}
#pixopoint_menu1 ul ul li a {
line-height:22px;
color:#666666;
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a
{
color:#FFFFFF;
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover
li a {
color:#666666;
}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul
li.sfhover li a:hover {
color:#FFFFFF;
}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
color:#FFFFFF;
background:#BBB1B1;
}
#pixopoint_menu1 ul ul ul li {
font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul
ul {
position:absolute;
margin-left:-999em;
top:0;
width:120px;
}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover
ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li
li.sfhover ul {
margin-left:120px;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover
li a {
text-decoration:none;
}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li
li.sfhover a {
color:#FFFFFF;
text-decoration:none;
}
#pixopoint_menu1 li.pixo_search:hover {
background:none;
}
#pixopoint_menu1 li.pixo_search form {
margin:0;
padding:0;
}
#pixopoint_menu1 li.pixo_search input {
font-family:courier-new,courier,monospace;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
width:100px;
}
#pixopoint_menu1 li.pixo_right {
float:right;
}
Header.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>
<head profile="http://gmpg.org/xfn/11";>
<meta http-equiv="Content-Type" content="<?php bloginfo
('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php if (is_single() || is_page() || is_archive()) { wp_title
('',true); } else { bloginfo('description'); } ?> — <?php
bloginfo('name'); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?
>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"
type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/
custom.css" type="text/css" media="screen" />
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="<?php bloginfo
('template_url'); ?>/ie7.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="<?php bloginfo
('template_url'); ?>/ie6.css" />
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo
('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body class="custom">
<div id="container">
<div id="page">
<div id="masthead">
<div id="mybannerad">
<!--// == ROTATING HEADER BANNER CODE== //-->
<Script language="JavaScript" type="text/javascript">
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
url="http://82dd7ky6odjcv7tdtj3ix1cs5e.hop.clickbank.net/";;
alt="plocaclimbing.com";
banner="http://www.plocaclimbing.com/wp-content/uploads/2009/11/
sponsor12.jpg";
width="383";
height="58";
}
if (ad==2) {
url="http://www.walltopia.com";;
alt="plocaclimbing.com";
banner="http://www.plocaclimbing.com/wp-content/uploads/2009/11/
sponsor13.jpg";
width="383";
height="58";
}
if (ad==3) {
url="http://www.plocaclimbing.com/?page_id=253";;
alt="plocaclimbing.com";
banner="http://www.plocaclimbing.com/wp-content/uploads/2009/11/
sponsor1p1.jpg";
width="383";
height="58";
}
document.write('<right>');
document.write('<a href=\"' + url + '\" target=\"_right\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0>');
</Script>
</a>
</div>
<A HREF="http://www.plocaclimbing.com";><IMG style="float:left;"
border="0" SRC="http://www.plocaclimbing.com/wp-content/uploads/
2009/11/110x110logo2.png"></A>
<div id="logo"><a href="<?php bloginfo('url'); ?>"<?php if (is_home())
echo(' rel="nofollow"'); ?>><?php bloginfo('name'); ?></a>
<div id="tagline"><?php bloginfo('description'); ?></div>
</div>
<div style="clear:both;"></div>
</div>
<script type="text/javascript" src="http://plocaclimbing.com/plugins/
superfish-1.4.8/js/superfish.js"></script>
<?php if (function_exists('pixopoint_menu')) {pixopoint_menu();} ?>
<div id="rotating_image">
<?php include (TEMPLATEPATH . '/rotating_images.php'); ?>
</div>
