- This topic has 1 reply, 2 voices, and was last updated 14 years, 3 months ago by imported_Ryan.
-
AuthorPosts
-
August 9, 2010 at 3:44 am #1559saragarrettMember
Hi there,
I have limited html and css knowledge, but have been learning a lot as I’ve gone along slowly building my WordPress site’s capacity. This is the first plugin that’s stumped me, so any clues or help would be great!In answer to the basic q’s:
I’m using the multi-level navigation plugin. I used the CSS theme generator and pasted it into the ‘appearances’ tab of the plugin settings page. I also pasted it into my style.css. I am usin a modified elements of SEO theme, here is a link:
http://motivespace.org/wp-admin/theme-e … rollto=412
Not sure how you’re supposed to get into that back page without passwords, I am finding your instructions a little difficult to follow…. here is a link to the basic page:
http://motivespace.org/****
I feel like I really just need to understand where to put the line of code:
<?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>
…in the header.php file?
*****
Just in case, here are copies of first, the header.php file, and second the style.css file.
<!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’); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en, sv" /><title><?php wp_title(”); ?><?php if(wp_title(”, false)) { echo ‘ :’; } ?> <?php bloginfo(‘name’); ?></title>
<meta name="generator" content="WordPress <?php bloginfo(‘version’); ?>" />
<!– leave this for stats please –><link rel="Shortcut Icon" href="<?php echo get_settings(‘home’); ?>/wp-content/themes/elements-of-seo/images/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo(‘rss2_url’); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo(‘rss_url’); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo(‘atom_url’); ?>" />
<link rel="pingback" href="<?php bloginfo(‘pingback_url’); ?>" />
<?php wp_head(); ?>
<?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>
<style type="text/css" media="screen">
<!– @import url( <?php bloginfo(‘stylesheet_url’); ?> ); –>
</style>
</head><body>
<div id="wrap">
<div id="stripe"></div>
<div id="nav">
<ul>
<li><a href="<?php echo get_settings(‘home’); ?>">Home</a></li>
<?php wp_list_pages(‘title_li=&depth=1’); pixopoint_menu() ?></ul>
</div>
<div id="masthead">
<h1><a href="<?php bloginfo(‘url’); ?>"><?php bloginfo(‘name’); ?></a></h1>
<h3><?php bloginfo(‘description’); ?></h3>
</div><div id="banner" onclick="location.href='<?php echo get_settings(‘home’); ?>’;" style="cursor: pointer;"></div>
<?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>
Style.css
/*
Theme Name: Elements of SEO
Theme URL: http://www.alibiproductions.com/html/el … f-seo.html
Description: Elements of SEO is a simple, 3-column Widget-ready theme created for WordPress.
Author: Drew Stauffer
Author URI: http://www.alibiproductions.com
Version: 1.2
Tags: buddypress, white, green, gray, three columns, custom headers, widgets, gravatar, fixed width, easy customization, valid XHTML, valid CSSThe CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:”;}b {
font-weight:bold;
color:#989898;
font-style: italic;
}body {
background: #FFFFFF url("images/top.gif") repeat-x;
color: #323232;
text-align:center;
font:12px/18px Verdana, Arial, Helvetica, sans-serif;
margin: 0px auto 0px;
padding: 0px;
}#wrap {
background: #FFFFFF;
width: 1005px;
text-align:left;
margin: 0px auto 0px;
padding: 0px;
}#stripe {
background: #FFFFFF url("images/top.gif") repeat-x;
height: 9px;
}/************************************************
* Hyperlinks *
************************************************/a:link,a:visited { color:#886353; text-decoration:none; outline:none;}
a:hover,a:active { color:#4C666A; text-decoration:underline; outline:none;}/************************************************
* Navbar *
************************************************/
#nav {
text-align: right;
margin: 0px auto 0px;
padding: 0px;
}#nav ul {
margin: 15px 0px 0px 0px;
padding: 0px;
}#nav li {
display: inline;
font-weight:bold;
padding:0 5px 0 10px;
}#nav a:link, #nav a:visited { color:#444; text-decoration:none; }
#nav a:hover, #nav a:active { color:#444; text-decoration:underline; }/************************************************
* Masthead *
************************************************/#masthead { width: 1005px; /*height: 200px; background: url(‘images/logo.gif’) no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }
/* #masthead a { display: block; width: 1005px; height: 200px; }*/ /* uncomment this line if you use a graphic in the header – make sure the height of your header graphic is equal to the height declared in this line of code! */
#masthead h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; font-weight: normal; padding: 0em 0 0.2em 0; }
#masthead h3 { font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 0.75em 0; font-weight: normal; font-size: 14px; text-transform: none; color: #888; }
#masthead a:link, #masthead a:visited { color:#414F59; text-decoration:none; }
#masthead a:hover, #masthead a:active { color:#444; text-decoration:underline;}#banner { background: url("images/banner.jpg") no-repeat; height:120px; }
#banner1 { background: url("images/banner1.jpg") no-repeat; height:120px; }
#banner2 { background: url("images/banner2.jpg") no-repeat; height:120px; }
/************************************************
* Content *
************************************************/#content {
width: 1005px;
margin: 0px auto 0px;
padding: 0px;
}#content p{
padding: 0px 0px 15px 0px;
margin: 0px;
line-height: 20px;
}#content h1 {
color: #069DD5;
font-size: 20px;
font-weight: normal;
letter-spacing: 0px;
margin: 42px 0px 3px 0px;
padding: 20px 0px 0px 0px;
text-transform: none;
font-family: Georgia, "Times New Roman", Times, serif;
}#content h1 a {
color: #14181A;
text-decoration: none;
}#content h1 a:hover {
color: #525252;
text-decoration: none;
}#content p img{
float: left;
border: none;
margin-right: 15px;
margin-bottom: 10px;
padding-top: 7px;
}#content h2 {
color: #444444;
font-size: 11px;
font-weight:bold;
padding: 0px 0px 5px 0px;
margin: 25px 0px 5px 0px;
border-bottom: 1px dashed #4C666A;
text-transform: uppercase;
}#content h3 {
color: #444444;
font-size: 14px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
margin: 25px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}#content img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}#content img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
}#contentleft {
float: left;
width: 500px;
margin: 0px 0px 0px 0px;
padding: 0px 20px 20px 0px;
}#contentleft ol{
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}#contentleft ol li{
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}#contentleft ul{
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}#contentleft ul li{
background:transparent url("images/ul-bullet.gif") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 18px;
}#contentleft .single {
margin: 42px 0px 15px 0px;
padding: 20px 0px 0px 0px;
}blockquote{
margin: 0px 25px 10px 25px;
padding: 0px 25px 0px 10px;
background: #333333;
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
}#content blockquote p{
color:#fff;
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
}.date {
color:#A97965;
font-family: Georgia, "Times New Roman", Times, serif;
}.bt-links {
background: #EFEFEF;
border: 1px solid #DDDCDC;
margin:10px 0px 10px 0px;
padding:10px 0px 10px 15px;
font-family: Georgia, "Times New Roman", Times, serif;
}/************************************************
* Suckerfish Plugin CSS for Drop down two-tiered navigation *
************************************************/#suckerfishnav {
background:#9C1F1B url("../multi-level-navigation-plugin/images/suckerfish_red.png") repeat-x;
font-size:18px;
font-family:verdana,sans-serif;
font-weight:bold;
width:100%;
}
#suckerfishnav, #suckerfishnav ul {
float:left;
list-style:none;
line-height:40px;
padding:0;
border:1px solid #aaa;
margin:0;
width:100%;
}
#suckerfishnav a {
display:block;
color:#dddddd;
text-decoration:none;
padding:0px 10px;
}
#suckerfishnav li {
float:left;
padding:0;
}
#suckerfishnav ul {
position:absolute;
left:-999em;
height:auto;
width:151px;
font-weight:normal;
margin:0;
line-height:1;
border:0;
border-top:1px solid #666666;
}
#suckerfishnav li li {
width:149px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
font-weight:bold;
font-family:verdana,sans-serif;
}
#suckerfishnav li li a {
padding:4px 10px;
width:130px;
font-size:12px;
color:#dddddd;
}
#suckerfishnav li ul ul {
margin:-21px 0 0 150px;
}
#suckerfishnav li li:hover {
background:#9C1F1B;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
color:#dddddd;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#dddddd;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color:#dddddd;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
left:auto;
background:#444444;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background:#DA0909;
}/************************************************
* Menu’s and Sub-menus *
************************************************/* {
margin:0;
padding:0
}#nav
{
background:#FFF;
border-bottom:1px solid #FFF;
height:32px;
}#nav li
{
margin-right:0px;
}/*****************************
Blocked out because it messed up page ordering. Could uncomment if we want page menu’s to align left…#nav li, #subnav li
{
float:right;
list-style:none
}
******************************/#nav a, #nav a:visited
{
color:#4F525B;
text-decoration:none;
font-weight:bold
}
/*************************************
Blocked out to see if it’s interfering with 2-tiered Navigation plugin
#nav a:hover, #nav a:active,
li.current_page_parent a,
li.current_page_parent a:visited,
#nav li.current_page_item a,
#nav li.current_page_item a:visited
{
background:#FFF
}
**************************************/#subnav
{
background:#e6eef7;
border-top:2px solid #577da2;
border-bottom:2px solid #cad8e6;
height:28px;
}#subnav li
{
border-right:1px solid #295887;
padding:0 7px;
}#subnav a, #subnav a:visited
{
color:#295887;
text-decoration:none;
font-weight:bold
}#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited
{
text-decoration:underline
}/************************************************
* Left Sidebar *
************************************************/#l_sidebar {
float: left;
width: 203px;
margin: 40px 0px 0px 0px;
padding: 0px 19px 20px 19px;
border-left: 1px solid #E2DDDE;
font:11px/18px Verdana, Arial, Helvetica, sans-serif;
}#l_sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
}#l_sidebar ul li {
background:transparent url("images/bullet.gif") 0px 11px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
display: block;
padding: 4px 0px 4px 10px;
margin: 0px;
}#l_sidebar a:link, #l_sidebar a:visited { color:#444; text-decoration:none; outline:none; }
#l_sidebar a:hover, #l_sidebar a:active { color:#444; text-decoration:underline; outline:none; }#l_sidebar p{
padding: 3px 0px 0px 0px;
margin: 0px;
line-height: 20px;
}#l_sidebar li {list-style: none; }
/************************************************
* Right Sidebar *
************************************************/#r_sidebar {
float: right;
width: 200px;
margin: 40px 0px 0px 0px;
padding: 0px 19px 20px 19px;
border-left: 1px solid #E2DDDE;
border-right: 1px solid #E2DDDE;
font:11px/18px Verdana, Arial, Helvetica, sans-serif;
}#r_sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
}#r_sidebar ul li {
background:transparent url("images/bullet.gif") 0px 11px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
display: block;
padding: 4px 0px 4px 10px;
margin: 0px;
}#feed {
background: url("images/rss.gif") 183px 0px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
padding: 4px 0px 4px 10px;
}#r_sidebar a:link, #r_sidebar a:visited { color:#444; text-decoration:none; outline:none; }
#r_sidebar a:hover, #r_sidebar a:active { color:#444; text-decoration:underline; outline:none; }#r_sidebar p{
padding: 3px 0px 0px 0px;
margin: 0px;
line-height: 20px;
}#r_sidebar li {list-style: none; }
/************************************************
* Footer *
************************************************/#footer {
background: url("images/foot.gif") repeat-x;
width: 1005px;
margin: 0px auto 0px;
text-align: center;
position: relative;
line-height: 17px;
font:11px/18px Verdana, Arial, Helvetica, sans-serif;
}#footer p {
color: #AAB3B4;
margin:10px 0px 10px 0px;
padding-top: 13px;
}#footer a:link, #footer a:visited { color:#AAB3B4; }
#footer a:hover, #footer a:active { color:#AAB3B4; }/************************************************
* Search Form *
************************************************/#searchdiv {
margin: 0px;
padding: 0px;
}#searchform {
margin: 0px;
padding: 0px;
overflow: hidden;
}#s {
color: #323232;
font-size: 11px;
padding: 4px;
margin: 4px 0px 0px 0px;
border: 1px solid #323232;
}#sbutt {
background: #878787;
color: #FFFFFF;
font-size: 11px;
font-family: Verdana, Helvetica, Sans-Serif;
padding: 1px;
margin: 0px 0px 0px 5px;
border: 1px solid #333333;
cursor:pointer;
}/************************************************
* Comments *
************************************************/#commentblock {
background: #EFEFEF;
color: #000000;
padding: 20px 20px 10px 20px;
margin: 0px 0px 0px 0px;
border-top: 2px solid #4C666A;
border-bottom: 1px solid #4C666A;
}#commentblock ol{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}.commentdate {
font-size: 12px;
padding-left: 0px;
}#commentlist li p{
margin-bottom: 8px;
line-height: 20px;
padding: 0px;
}.commentname {
color: #333333;
margin: 0px;
padding: 5px 5px 5px 0px;
}.commentinfo{
clear: both;
}.commenttext {
margin: 25px 20px 20px 0px;
padding: 10px 10px 0px 10px;
background: #F9F9F9;
border:1px solid #DEDEDE;
font-style:normal;
}.commenttext-admin {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
background: #FFFFFF url("images/comment.gif") no-repeat top;
}#commentsformheader{
padding-left: 0px;
}#commentsform{
text-align: center;
margin: 0px;
padding: 0px;
}#commentsform form{
text-align: left;
margin: 0px;
}#commentsform p{
margin: 0px;
}#commentsform form textarea{
width: 99%;
}p.comments_link img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}img.avatar {float:right; margin-right:20px; border: 1px solid #4C666A;}
.awaiting { color: #886353; }
.auth-name { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color:#000;}
.auth-time { font-size: 10px; color:#616161; font-style:italic;}
#comments, #respond { text-transform:uppercase; font-size: 14px; font-weight:normal;}
/************************************************
* Wordpress Suggestions *
************************************************/.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}.alignleft {
float: left;
}.alignright {
float: right;
}.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/*****************************************************
CUSTOM ADJUSTMENTS
******************************************************/
.mc_custom_border {
margin-left:98px;
margin-top:40px;
border:1px solid #C4D3EA;
}
.mc_custom_border legend {
border: 2px solid #C4D3EA;
}
.mc_signup_submit {
clear:right;
padding-top:3.2em;
text-align:center;
width:100%;
}
#wp-calendar {
margin:0 auto;
}
#mc_display_rewards, #mc_display_rewards a {
clear:both;
color:#DDD3D8 !important;
}August 27, 2010 at 7:44 am #8930imported_RyanMemberThis might be what you want:
[code:2f0a7fqa]<div id="stripe"></div><?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>
</div>
<div id="masthead">
<h1><a href="<?php bloginfo(‘url’); ?>"><?php bloginfo(‘name’); ?>[/url]</h1>
<h3><?php bloginfo(‘description’); ?></h3>
</div><div id="banner" onclick="location.href='<?php echo get_settings(‘home’); ?>’;" style="cursor: pointer;"></div>
[/code:2f0a7fqa]
That’s just a guess though as I can’t know where you want the menu to appear.
-
AuthorPosts
- You must be logged in to reply to this topic.