Joomla Templates Club 406,261 posts

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#169214

To show modules (rss, twitter, interview, blog) on topmega menu as demo

You do follow steps:

• Create modules has mega position

– Create Login module (type: mod_login), set Module Class Suffix is _mega, set position is mega
– Create Latest comments module (type: mod_k2_comments), set Module Class Suffix is _mega, set position is mega
– Create Follow us module (type: mod_jatwitter), set position is mega
– Create Social Network module (type: custom HTML) has custom output


<ul class="social-network">
<li><a href="#"><img src="images/stories/demo/icons/rss.png" border="0" alt="RSS" /></a></li>
<li><a href="#"><img src="images/stories/demo/icons/facebook.png" border="0" alt="RSS" /></a></li>
<li><a href="#"><img src="images/stories/demo/icons/twitter.png" border="0" alt="Twitter" /></a></li>
<li><a href="#"><img src="images/stories/demo/icons/linkedin.png" border="0" alt="Linkedin" /></a></li>
<li><a href="#"><img src="images/stories/demo/icons/blogger.png" border="0" alt="Blogger" /></a></li>
<li><a href="#"><img src="images/stories/demo/icons/flickr.png" border="0" alt="Flicker" /></a></li>
<li><a href="#"><img src="images/stories/demo/icons/lastfm.png" border="0" alt="Lastfm" /></a></li>
</ul>
Set position is mega
– Create Latest news module (type: mod_jabulletin), set position is mega
– Create Newsletter module (type: Custom HTML) has custom output


<div class="subscribe-wrap clearfix">
<div class="inner">
<h3>Get Subscribe now</h3>
<div class="register-form"><input class="inputtext" type="text" /> <input class="button" type="submit" value="Subscribe" /></div>
<small>Eros et justo enim interdum sollicitudin tellus id ut.</small>
<ul class="ja-social-list clearfix">
<li class="icon1 first"><a href="#" title="icon1"><span>icon1</span></a></li>
<li class="icon2"><a href="#" title="icon2"><span>icon2</span></a></li>
<li class="icon3"><a href="#" title="icon3"><span>icon3</span></a></li>
<li class="icon4"><a href="#" title="icon4"><span>icon4</span></a></li>
<li class="icon5"><a href="#" title="icon5"><span>icon5</span></a></li>
<li class="icon6"><a href="#" title="icon6"><span>icon6</span></a></li>
<li class="icon7 last"><a href="#" title="icon7"><span>icon7</span></a></li>
</ul>
</div>
</div>
Set position is mega
– Create Interview Video module (type: custom HTML) has custom output


<iframe src="http://player.vimeo.com/video/10162603?title=0&byline=0&portrait=0" mce_src="http://player.vimeo.com/video/10162603?title=0&byline=0&portrait=0" width="300" height="225" frameborder="0"></iframe>
Set Module Class Suffix is _mega

• Assign modules into topmega menu

– Create Blog menu item (type: K2 » Itemlist / Category), set Parent Item is Top
In Parameters (Basic) section, set Select categories is Blog
In Parameters (JA Extended), set Column is 2, Additional class is nav-blog, Submenu Content is Child menu items
– Create Latest Comments menu item (type: Separator), set Parent Item is Blog
In Parameters (JA Extended), set Columns is 1, Submenu Content is Modules, Select Modules is Latest Comments
– Create Login menu item (type: Separator), set Parent Item is Blog
In Parameters (JA Extended), set Columns is 1, Submenu Content is Modules, Select Modules is Login
– Create Interview menu item (type: K2 » Itemlist / Category), set Parent Item is Top
In Parameters (Basic) section, set Select categories is Inteview
In Parameters (JA Extended), set Column is 2, Additional class is nav-interview, Submenu Content is Modules, Select Modules is Interview Video
– Create Twitter menu item (type: Separator), set Parent Item is Top
In Parameters (JA Extended), set Columns is 1, Additional class is nav-social, Submenu Content is Modules, Select Modules is Follow us
– Create RSS menu item (type: Separator), set Parent Item is Top
In Parameters (JA Extended), set Columns is 1, Additional class is nav-feeds, Submenu Content is Modules, Select Modules is Newsletter

5 users say Thank You to khoand for this useful post

1. TomC
2. schuller
3. pixelzombie
4. lcooperuk
5. John

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#416329

THANKS khoand !!! – This is an issue we see come up a lot from Members using Teline IV

😀

[vinchem1 Friend vinchem1Join date: August 2011Posts: 10Downloads:0Uploads:5 Thanks: 3]

#416376

Hi,

please help, I follow all the instructions of this thread

All modules have been created.
Top mega Menu has been Assigned.

But now the problem is how can i place topmega menu where it is in demo of Teline IV.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#416477

<em>@vinchem1 272323 wrote:</em><blockquote>
But now the problem is how can i place topmega menu where it is in demo of Teline IV.</blockquote>
Did you create the specific modules (Social Network, Newletter, Latest News, RSS) as per khoand’s tutorial?
If so, then you would assign them to the “topmega” position.

[vinchem1 Friend vinchem1Join date: August 2011Posts: 10Downloads:0Uploads:5 Thanks: 3]

#416950

<em>@TomC 272455 wrote:</em><blockquote>Did you create the specific modules (Social Network, Newletter, Latest News, RSS) as per khoand’s tutorial?
If so, then you would assign them to the “topmega” position.</blockquote>
Dear Sir,
In the module Manager i didn’t find topmega position and from template manager i found only a drop down box for setting mainmenu, Now from where can i configure TopMega Menu.

[robinmnz Friend robinmnzJoin date: June 2011Posts: 9Downloads:0Uploads:1 Thanks: 3 Thanked: 1 times in 1 posts]

#418922

My question is, how does the “subscribe” box get brought into action??

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#418956

<em>@vinchem1 273042 wrote:</em><blockquote>Dear Sir,
In the module Manager i didn’t find topmega position and from template manager i found only a drop down box for setting mainmenu, Now from where can i configure TopMega Menu.</blockquote>
When you are setting the individual module items, try typing “topmega” into the position field manually.

[gatmanu Friend gatmanuJoin date: May 2011Posts: 8Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#419355

I got a problem and I can’t why :
the additional classes don’t work : for instance “home” woks perfectly but not all the others mentioned (nav-social…)
i still got text instead of image

where can i fix it ? I didn’t changed the CSS…

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#419642

<em>@gatmanu 275939 wrote:</em><blockquote>I got a problem and I can’t why :
the additional classes don’t work : for instance “home” woks perfectly but not all the others mentioned (nav-social…)
i still got text instead of image

where can i fix it ? I didn’t changed the CSS…</blockquote>
Could you give me your username+password of backend by PM? I will check it.

[luisvillamarin Friend luisvillamarinJoin date: June 2011Posts: 72Downloads:0Uploads:11 Thanks: 17]

#420918

<em>@khoand 272252 wrote:</em><blockquote>Type: Separator</blockquote>

I’m new to Joomla and I was looking for the ‘Type: Separator’ but in my joomla 1.71 Version I only have ‘Type: Text Separator’. When I finish the process I get a link to Twitter in text aligned to the left a not to the right. My website is http://www.masQue11.com.

Thanks in advance.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#420941

Hi luisvillamarin,
You edit Ingresar / Registro menu, set Additional class is nav-blog of Parameters (JA Extended) section

[luisvillamarin Friend luisvillamarinJoin date: June 2011Posts: 72Downloads:0Uploads:11 Thanks: 17]

#421030

Thank you very much it worked perfectly.

I have one question, If I wanted to have facebook next to Ingresar/Registro and Twitter how to do I created that button so it displays the JA facebook Module?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421141

You do same as previous modules.

[luisvillamarin Friend luisvillamarinJoin date: June 2011Posts: 72Downloads:0Uploads:11 Thanks: 17]

#421217

1. My question is exactly how to set up the Additional class in the Parameters (JA Extended) section so I can get the facebook image displayed.

2. I also noticed that my current version of twitter doesn’t have the Follow Us at the bottom like in the sample template. Please let me know how can I get the Follow us button displayed.

[gatmanu Friend gatmanuJoin date: May 2011Posts: 8Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#421495

I figured out what was going on.
To work properly, the CSS has to be on a seperate menu. It doesn’t work with a main menu even in mega position
VERY tricky…

1 user says Thank You to gatmanu for this useful post

1. khoand

[Author]

Posts