Public Forums 71,145 posts

[yperie Friend yperieJoin date: July 2007Posts: 20Downloads:0Uploads:3]

#152109

Hello,

Is there a way to have a right menu colored item on mega-menu, like Joomlart site ? (green demo menu).

Thank you :-*

---

Attachments:

1. 

[yperie Friend yperieJoin date: July 2007Posts: 20Downloads:0Uploads:3]

#348526

No possible ? Too difficult ?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#348736

oh!

You access the menu extended parameter and add the demo classs in the class menu parameter and then you add the following code into the template.css file:

.ja-megamenu ul.level0 li.demo {
float:right !important;
margin-right:10px !important;
}

GOod luck

[yperie Friend yperieJoin date: July 2007Posts: 20Downloads:0Uploads:3]

#348784

Thank you. No success…

Do I need create another position module and another menu ?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#349233

Sorry, can you pls give me the link to your site, and which menu do you like to make so ?

[yperie Friend yperieJoin date: July 2007Posts: 20Downloads:0Uploads:3]

#349250

🙂 My site is : http://www.planet-aveyron.com

I just want “Accueil” item on mega menu to the right (under “rechercher”).

Exactly like “DEMO” green item of joomlart.com 😉

[larenz Friend larenzJoin date: April 2008Posts: 19Downloads:2Uploads:1 Thanked: 2 times in 1 posts]

#349373

I think you can make it adding manually a module position in the mainnav.php file and you can style it with position:absolute attribute. Something like this:

<div id=”ja-mainnav” class=”wrap”>
<div class=”main clearfix”>
<?php if (($jamenu = $this->loadMenu())) $jamenu->genMenu ($this->getParam(‘startlevel’,0), $this->getParam(‘endlevel’,-1)); ?>

<!– NEW POSITION FOR DEMO LINK –>
<div class=”demo-link”>
<jdoc:include type=”modules” name=”demolink” />
</div>
<!– END DEMO LINK –>

</div>
</div>

<?php if ($this->hasSubmenu() && ($jamenu = $this->loadMenu())) : ?>
<div id=”ja-subnav” class=”wrap”>
<div class=”main clearfix”>
<?php $jamenu->genMenu (1); ?>
</div>
</div>
<?php endif;?>

<ul class=”no-display”>
<li><a href=”<?php echo $this->getCurrentURL();?>#ja-content” title=”<?php echo JText::_(“Skip to content”);?>”><?php echo JText::_(“Skip to content”);?></a></li>
</ul>

Now you can create the class in template.css:

.demo-link {
background: url(../images/yourimage.gif) no-repeat 0 0;
position: absolute;
right: 10px;
top: ?
}
.demo-link a {}

I´m sure with this options you can make it.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#349376

pls add the following css code into the template.css file

.level0 li.first {
background:none repeat scroll 0 0 transparent !important;
position:absolute;
right:0;
top:0;
}
.level0 li.first a {
background:url(“http://www.joomlart.com/templates/ja_v2/core/themes/default/images/member-l.png”) no-repeat scroll left top transparent;
border:medium none !important;
margin:0 !important;
padding:0 10px !important;
}
.level0 li.first a span.has-image {
background:url(“http://www.joomlart.com/templates/ja_v2/core/themes/default/images/member-r.png”) no-repeat scroll right top transparent !important;
padding:14px 27px 2px 17px;
}

Goodluck

[Author]

Posts