2.3 Menu Hack Needed


Author Message
nbanks

Posted: 7/8/2010
Quote message 

I am in the process of rebuilding my current Joomla site in word press. I have been able to hack the template to make it into a magazine style layout similar to what I have on my current website http://www.thesinglegirlsguidetomen.com

the Problem is with Joomla I am able to add custom links to my menus. Is this possible to do in word press? is my first question and the second and most important.

I have made it in Artisteer 2.3 and was able to successfully hack it. But in 2.4 when I try to add my magazine loop into the template it break the layout. How would I get the main navigation menu to display my category pages in my (2.3 version) and not link to the pages in my layout. It is an export option in 2.4 but not in 2.3.

Please help this is the last piece of the puzzle..
 
Kevin

Posted: 7/15/2010
Quote message 

Hi,

With the Wordpress 3.0 you can create a link in the menu. This can be found under Menu > Custom Links.

Artisteer currently doesn't support custom menus unless you have installed the user patch which you can find here in the forum.

The other alternative is to wait for Artisteer to release the update.


 
Abland

Posted: 7/15/2010
Quote message 

Hi,

This came from Bud's tech Shed:

Add to your functions.php just after the first <? :

if ( function_exists('add_theme_support') )
// This theme uses wp_nav_menu()
add_theme_support( 'nav-menus' );
// finsish support add

Next, in your header.php replace:

<ul class="art-menu">
<?php art_menu_items(); ?>
</ul>

with:

<?php wp_nav_menu( array(
'sort_column' => 'menu_order',
'menu_class' => 'art-menu',
'title_li' => '<div class="l"></div><div class="r"></div>',
'menu' => 'custom-nav', // this is the name of a custom menu you created in the menu admin
'link_before' => '<span class="l"></span><span class="r"></span><span class="t">',
'link_after' => '</span>'
) ); ?>

Then in style.css find:

.art-menu a.active .l, .art-menu a.active .r
{
top: -52px;
}
.art-menu a.active .t
{
color: #252C1B;
}

and add beneath:

.art-menu li.current-menu-item a .l, .art-menu li.current-menu-item a .r ,
.art-menu li.menu-item-parent a .l,.art-menu li.menu-item-parent a .r {
top:-52px; /* make this value the same as the one above */
}

.art-menu li.current-menu-item a .t, .art-menu li.menu-item-parent a .t {
color:#252C1B; /* make this value the same as the one above */
}

I found the submenus lost their styling, so I had to copy the sub menu style from ".art-menu ul a" onward and change each call by ading .t

eg. .art-menu ul a becomes .art-menu ul a.t

I did this in my 2.3 and all went well.
 
MC

Posted: 7/15/2010
Quote message 

Abland,
Thanks for sharing. I am experiencing problems with dropdown/submenu styling. How many instances did you have to add .t to?

Thank you for providing any // all additional details.
 
Abland

Posted: 7/16/2010
Quote message 

Hi,

This is what existed in my style.css:

/* begin MenuSubItem */
.art-menu ul a
{
display: block;
text-align: center;
white-space: nowrap;
height: 38px;
width: 180px;
overflow: hidden;
line-height: 38px;
background-image: url('images/subitem.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 2px;
border-style: solid;
border-color: #99333D;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 38px;
color: #525252;
margin-right: 10px;
margin-left: 10px;
margin:0;
padding:0;
}

.art-menu ul li a:hover
{
color: #554C2B;
border-color: #99333D;
background-position: 0 -38px;
}

.art-menu ul li:hover>a
{
color: #554C2B;
border-color: #99333D;
background-position: 0 -38px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #554C2B;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
color: #554C2B;
}

/* end MenuSubItem */



I didn't change this, I just copied and used what follows as additional styles:

/*START SUBMENU ADDS equal values to current*/
.art-menu ul a .t
{
display:block;
text-align: left;
margin: 0;
padding: 0;
}
.art-menu ul a .t, .art-menu ul a:link .t, .art-menu ul a:visited .t, .art-menu ul a:hover .t, .art-menu ul a:active .t, .art-nav ul.art-menu ul span .t, .art-nav ul.art-menu ul span span .t
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 38px;
color: #525252;
margin-right: 10px;
margin-left: 10px;
margin:0;
padding:0;
}
.art-menu ul ul a .t
{
margin-left: auto;
}
.art-menu ul li a:hover .t
{
color: #554C2B;
border-color: #99333D;
background-position: 0 -38px;
text-align: left;
}
.art-menu ul li:hover>a .t
{
color: #554C2B;
border-color: #99333D;
background-position: 0 -38px;
}
.art-nav .art-menu ul li a:hover span .t, .art-nav .art-menu ul li a:hover span span .t
{
color: #554C2B;
}
.art-nav .art-menu ul li:hover>a span .t, .art-nav .art-menu ul li:hover>a span span .t
{
color: #554C2B;
}
/*END SUBMENU ADDS*/
 
nbanks

Posted: 7/16/2010
Quote message 

Thank You for responding Abland I was starting to think it was a dumb question since no one was responding. I will try it and hopefully can get it to work.
 
nbanks

Posted: 7/16/2010
Quote message 

i added the code that you suggested and my menu is blank. I just want it to display the posts instead of categories. is this what your fix is supposed to do.
 
nbanks

Posted: 7/16/2010
Quote message 

I forgot to replace the menu name with the custom menu name...it worked thanks :-D
 
Anthony Gettig

Posted: 7/26/2010
Quote message 

Hey, I just wanted to post that I followed your instructions to a tee and it worked perfectly. Thanks for posting this.