Joomla Templates Club 406,261 posts

[dknuckey Friend dknuckeyJoin date: February 2013Posts: 2Downloads:0Uploads:0]

#190566

I would like to change the logos for the departments listed on the front page in User5 area.

Can anyone help me with the steps required to create a PNG file that will work when you hover over it like the template built in ones?

thanks in advance.

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

#505696

Hi

You can download the Ja_University source files and edit that images with Photoshop, after that you can save your images in png format respecting this layout

---

Attachments:

1. 

[dknuckey Friend dknuckeyJoin date: February 2013Posts: 2Downloads:0Uploads:0]

#505699

Thanks, I’ll give that a go.

I had already created new PNG files with Irfanview at 90×80 and it didn’t work.

I’ll give this a go and then get back to you.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#506087

This is the config to create department logos in user5 position

+ Create custom html module copy below code and assign it to user5 position


<div class="department-list">
<ul class="department-list">
<li class="icon-1"><a href="index.php?option=com_content&view=article&id=91&Itemid=541" title="Sample">Management</a> <span class="department-name">Management</span></li>
<li class="icon-2"><a href="index.php?option=com_content&view=article&id=92&Itemid=542" title="Sample">Accounting</a> <span class="department-name">Accounting</span></li>
<li class="icon-3"><a href="index.php?option=com_content&view=article&id=93&Itemid=543" title="Sample">Economics</a> <span class="department-name">Economics</span></li>
<li class="icon-4"><a href="index.php?option=com_content&view=article&id=94&Itemid=544" title="Sample">Technology</a> <span class="department-name">Technology</span></li>
<li class="icon-5"><a href="index.php?option=com_content&view=article&id=95&Itemid=545" title="Sample">Finance</a> <span class="department-name">Finance</span></li>
<li class="icon-6"><a href="index.php?option=com_content&view=article&id=96&Itemid=546" title="Sample">Officer</a> <span class="department-name">Officer</span></li>
<li class="icon-7"><a href="index.php?option=com_content&view=article&id=97&Itemid=547" title="Sample">Humanities</a> <span class="department-name">Humanities</span></li>
<li class="icon-8"><a href="index.php?option=com_content&view=article&id=98&Itemid=548" title="Sample">Geography</a> <span class="department-name">Geography</span></li>
</ul>
</div>


+ Image files: download and extract my attachment file and copy it into templates/ja_university/images/icons

---

Attachments:

1. icon.zip

[Author]

Posts