[How to] Create a Joomla Flash Logo

How to Create a Joomla Flash Logo instead of an image

 A frequently asked question in the Joomla forums is how to edit the Joomla logo to a flash logo. The following tip shows you how to do this with the default Joomla template.

Go to the template.css in the css folder of your template and change the code <!-- change here --> identified below to suit your needs. Make sure your flash file (referenced here as myjoomlaflashlogo.swf) have uploaded the flash file to images/flash. Make backups!

#ja-headerwrap {
background: #990000;
color: #990000;
line-height: normal;
height: 200px; <!-- change here -->

#ja-header { 

position: relative;
height: 200px; <!-- change here -->
width: 600px; <!-- change here -->

.ja-headermask {
width: 602px;
display: block;
background: url(../images/header-mask.png) no-repeat top right;
height: 200px; <!-- change here -->
position: absolute;
top: 0;
right: -1px;

#ja-header a {
color: #990000;

h1.logo, h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 180%;
text-transform: uppercase;

/*  insert flash instead of image ../images/logo.png*/
h1.logo a {
width: 610px;
display: block;
background: url(../images/flash/myjoomlaflashlogo.swf) no-repeat; <!-- change here -->
height: 160px;
position: relative;
z-index: 100;

After these changes, go to the index.php of the template and do the following changes:

$siteName = $tmpTools->sitename(); 
if ($tmpTools->getParam('logoType')=='image') { ?>
<h1 class="logo">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 

width="600" height="200" align="left">
<param name="width" value="600" /><param name="height" value="200" /><param name="align" value="left" />

<param name="src" value="images/flash/myjoomlaflashlogo.swf" /><embed type="application/x-shockwave-flash" width="600" height="200" align="left" src="images/flash/myjoomlaflashlogo.swf"></embed></object>
<?php } else { 
$logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
$sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?> 

 Obviously you'll need to insert your own parameters for size and Joomla logo flash file where necessary. And do remember to make BACKUPS  before your start! 

One more thing...

Do you have friends or a Facebook group who you think would find this useful? Share this with them and then let me know what they think.

Want to supercharge your website?

  Our website loads FAST ... just 1.29 seconds. We're hosted on FAST InMotion servers We want YOUR website to be fast too, so we've gotten you an exclusive deal - 47% OFF for DART Creations friends + FREE domain! Check it out NOW!


who are we?

DART Creations is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run DronesBuy.net - a website for drone hobbyists

David attard

Follow us on Social





Popular Content

Joomla extensions to take your website to the NEXT level

Is your Joomla website reaching its full potential? We install many of these extensions on almost ALL of our Joomla sites - why don't you check them out our list of Joomla Extensions and see whether you can take your site to the next level?

Where are we hosted?

This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to MaxCDN!

Web Hosting MaxCDN - Speed up your website


InMotion Hosting Review - Recommended Web Hosting servers for business, Joomla, WordPress and ecommerce websites.

InMotion Hosting Review

Advertise on DART-Creations.com

DART Creations is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)

The Outstanding HunGRYJPEG Bundles

AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get this bundle for just $29 - This month ONLY!

The Hungry JPEG Awesome font bundles

New! DIVI 3.0 WordPress TeMPLATE + PageBuilder - 10% OFF Limited Launch offer

You'll surely create a perfect website with Divi 3.0!

Divi 3