Joomla Templates Club 406,261 posts

[mikel2004 Friend mikel2004Join date: January 2012Posts: 201Downloads:0Uploads:51 Thanks: 24 Thanked: 3 times in 1 posts]

#195878

Hi

I wish to change the icons in secnav menu position.

It´s possible? What can I do?

Thanks!

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#527040

Hi

Open this file templatesja_teline_ivtplsblocksmainnav.php

<!-- LOGIN -->
<?php if($this->countModules('secnav-1')): ?>
<?php $user = JFactory::getUser(); ?>
<li class="dropdown nav-user<?php echo ((!$user->get('guest')) ? ' logged' : ''); ?>">
<a data-toggle="dropdown" href="#" class=" dropdown-toggle">
<i class="icon-user"></i>
<?php echo ((!$user->get('guest')) ? '' : JText::_('')); ?>
</a>
<div class="nav-child dropdown-menu">
<div class="dropdown-menu-inner">
<jdoc:include type="modules" name="<?php $this->_p('secnav-1') ?>" style="T3Xhtml" />
</div>
</div>
</li>
<?php endif; ?>
<!-- //LOGIN -->

<!-- USER, FOLLOW US -->
<?php if($this->countModules('secnav-2')): ?>
<li class="dropdown nav-video">
<a data-toggle="dropdown" href="#" class=" dropdown-toggle">
<i class="icon-quote-left"></i>
</a>
<div class="nav-child dropdown-menu">
<div class="dropdown-menu-inner">
<jdoc:include type="modules" name="<?php $this->_p('secnav-2') ?>" style="T3Xhtml" />
</div>
</div>
</li>
<?php endif; ?>
<!-- //USER, FOLLOW US -->

<!-- ACYMAILING -->
<?php if ($this->countModules('secnav-3')) : ?>
<li class="dropdown nav-acymailling">
<a data-toggle="dropdown" href="#" class="dropdown-toggle">
<i class="icon-rss"></i>
</a>
<div class="nav-child dropdown-menu">
<div class="dropdown-menu-inner">
<jdoc:include type="modules" name="<?php $this->_p('secnav-3') ?>" style="T3Xhtml" />
</div>
</div>
</li>
<?php endif ?>
<!-- //ACYMAILING -->

<!-- TWITTER -->
<?php if ($this->countModules('secnav-4')) : ?>
<li class="dropdown nav-twitter">
<a data-toggle="dropdown" href="#" class=" dropdown-toggle">
<i class="icon-twitter"></i>
</a>
<div class="nav-child dropdown-menu">
<div class="dropdown-menu-inner">
<jdoc:include type="modules" name="<?php $this->_p('secnav-4') ?>" style="T3Xhtml" />
</div>
</div>
</li>
<?php endif ?>
<!-- //TWITTER -->

Check the code in red <i class=”icon-xxx”>
You can find other icons to change here

1 user says Thank You to pavit for this useful post

1. jafl

[mikel2004 Friend mikel2004Join date: January 2012Posts: 201Downloads:0Uploads:51 Thanks: 24 Thanked: 3 times in 1 posts]

#527047

But I want to use my own images icons. It´s possible?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#527097

Hi

You will need to create a new css class to load your images and call that class from the file i showed above in that position

Take a look at the userguide for the old JA_Teline_IV Version T3V2
6. Top menu config

[mikel2004 Friend mikel2004Join date: January 2012Posts: 201Downloads:0Uploads:51 Thanks: 24 Thanked: 3 times in 1 posts]

#527232

I haven’t old Ja-teline, I use new Ja-teline IV T3
And the folder I have is: /templates/ja_teline_iv_t3/…

It’s the same?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#527233

no they are different

i suggested another way to add your icons

but as i already said above you can add your icons modifying the css class

[mikel2004 Friend mikel2004Join date: January 2012Posts: 201Downloads:0Uploads:51 Thanks: 24 Thanked: 3 times in 1 posts]

#527236

Or can I modify the existing class, like li.nav-twitter in my custom.css maybe?

[Author]

Posts