-
I am new to both Joomal and JoomlaArts,
I am currently trying to add a new module position to the default JA Teline III template.I need this module to put a separate menu but with a similar size to the magazine menu.
Any ideas?
Please refer to my attachment for more information.
<em>@Chavan 240475 wrote:</em><blockquote>Try creatinf a new module position in the following Doc
http://wiki.joomlart.com/wiki/JA_Template_Framework/FAQs#Creating_new_module_positions</blockquote>
Dear Chavan,
I need some clarifications on the document as I am not very familiar with the codes;
<div class="ja-mass clearfix">
<jdoc:include type="modules" name="featured-products" style="JAxhtml" />
</div>
1. What is the actual class name ( instead of ‘ja-mass’ ) should I be using?
2. Is it necessary to create a new block for this module position? Can I use existing blocks such as mainnav.php and insert this code just above the following?<div class="ja-breadcrums">
<strong><?php echo JText::_('You are here')?></strong> <jdoc:include type="module" name="breadcrumbs" />
</div>
2. I would like to have the style similar to the sub menu of the main magazine menu. ( See the picture below), so what is the exact styling I need to use instead of JAxhtml ?Hi Himangi,
Thank you very much for the response. Now I’ve at least managed to create a new module position just below the main navigation.As per your suggestion I’ve used split.css as my new style and further edited template.css, please see my 1st screenshot below.13569.
I would like your assistance with the following:
1. How can I modify the default size of the module to have the same size as my new menu so as to remove the big space in between.
2. How to align the menu to the center? Fill the whole space with the same color(black)Please see below what I mean( my objective) for further clarity.
13570
For your reference below is part of my template.css file I modified;
/* Custom Menu START */
#ja-custom-menu {
position: relative;
}#ja-custom-menu ul {}
#ja-custom-menu li {
float: left;
padding: 0;
margin: 0;
border-right: 1px solid #ccc;
}#ja-custom-menu a {
display: block;
float: left;
text-decoration: blink;
padding: 10px;
color: #fff;
background:#000000
}#ja-custom-menu a:hover,
#ja-custom-menu a:active,
#ja-custom-menu a:focus {
background: url(../../images/mainnav-hover.gif) repeat-x bottom #f7f7f7;
color: #000;
}#ja-custom-menu li.active a,
#ja-custom-menu li.active a:hover,
#ja-custom-menu li.active a:active,
#ja-custom-menu li.active a:focus {
background: url(../../images/mainnav-active.gif) repeat-x top #333;
color: #fff;
}/* Custom Menu END */
How to create a new module?
Viewing 11 posts - 1 through 11 (of 11 total)
