ARI Soft - Include the css in jamba template

Home

News

Forum

Featured Demos

ARI Smart Content demo

ARI Quiz demo

ARI Sexy Lightbox demo

e-mail: info@ari-soft.com

Shopping Cart

Show Cart

Recent Events

29/12/2011 Merry Christmas and Happy New Year!

Dear visitors, our office will be closed from December 30 to January 2 due to the celebration of the New Year. You can purchase and download our products, but we can not guarantee quick answers to your questions for this period of time. Happy New Year! Your ARI Soft team.

more...
27/09/2011 ARI Smart Content v. 1.8.0

ARI Smart Content v. 1.8.0 is ready. New version is compatible with Joomla! 1.5, 1.6 and 1.7 and it is released under GNU GPL license.

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI YUI Menu

Include the css in jamba template

(1 viewing) (1) Guest

Page: 123

TOPIC: Include the css in jamba template

Forum Tools

#4549

Re:Include the css in jamba template 1 Year, 8 Months ago Karma: 278

This is a conflict with your template styles. Your template contains a lot of specific styles for top navigation menu position. Add the following CSS rules to <joomla_dir>/templates/js_jamba/css/style1.css file that fix it:

Code:



div#navmenu .yuimenubar ul ul

{

display: inherit;

}



div#navmenu .yuimenu ul

{

top:0;

}



div#navmenu .yuimenu ul li

{

float: none;

margin: 0;

}



div#navmenu .yui-skin-sam .yuimenubar

{

border-style: none;

}



div#navmenu .yui-skin-sam .yuimenubaritemlabel

{

border-style:none;

}



div#navmenu .yuimenubar li,

div#navmenu .yuimenubar .yuimenu li,

div#navmenu .yuimenubar li:hover .yuimenu li {

	background: url(../images/style1/nav_norm_l.png) no-repeat bottom left;

}

div#navmenu .yuimenubar li a,

div#navmenu .yuimenubar .yuimenu li a,

div#navmenu .yuimenubar li:hover .yuimenu li a

 {

	background: url(../images/style1/nav_norm_r.png) no-repeat bottom right;

	color: #fff;

cursor: pointer;

}



div#navmenu .yuimenubar li .yuimenu li:hover,

div#navmenu .yuimenubar li .yuimenu li.iehover

 {

	background: url(../images/style1/nav_hover_l.png) no-repeat bottom left;

}



div#navmenu .yuimenubar li .yuimenu li:hover a,

div#navmenu .yuimenubar li .yuimenu li.iehover a {

	background: url(../images/style1/nav_hover_r.png) no-repeat bottom right;

	color: #557f01;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#4550

Re:Include the css in jamba template 1 Year, 8 Months ago	Karma: 0
Thank you. I want to use the style of the module. I'll try to adapt it. Best Regards, jomel

jomel

The administrator has disabled public write access.

#4551

Re:Include the css in jamba template 1 Year, 8 Months ago Karma: 278

I you want to use default menu styles, you can do the following:

1. Open index.php file of your template and replace the following HTML code:

Code:



<div id="navmenu">

with:

Code:



<div id="navmenu1">

2. Add the following CSS rule to your template CSS file:

Code:



BODY #navmenu1 .yui-skin-sam

{

  margin: 8px 0pt 0pt 350px; 

  float: left;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#4552

Re:Include the css in jamba template 1 Year, 8 Months ago	Karma: 0
Thanks, One more question, How can I remove px between various modules? show the page:www.captiare.net/homecaptiare/ Best Regards, jomel

jomel

The administrator has disabled public write access.

#4553

Re:Include the css in jamba template 1 Year, 8 Months ago Karma: 278

You are welcome. For your case, use the following CSS rule:

Code:



DIV#navmenu1

{

  padding: 6px 0 0 10%;

}

and remove "margin: 6px 0 0 10%;" CSS property from "body #navmenu1 .yui-skin-sam" CSS rule.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#4555

Re:Include the css in jamba template 1 Year, 8 Months ago	Karma: 0
Very Good. Thanks. How can I assign a different color when the menu is selected? Best Regards, jomel

jomel

The administrator has disabled public write access.

Page: 123

Useful Links