Hi,
How would I go about adding images to my footer? I've tried editing the footer.html file of my current theme using standard html, and the text and links work fine, but none of my images appear, any idea why?
My image paths are fine, so I think I may be missing something? any help would be greatly appreciated.
Does it take a while to display? similar to the favicon? I remember when editing the favicon, it took a while (almost a day) before it actually displayed in my browser, could this be the same case?
TIA
Hi,
first off you could empty your browser cache, if you haven't tried it before.
If that's not helping, you could simply add a background image by adding some code to your css file.
For example:
#footer {
background-color: #ffffff;
background: center url(pix/background_image.jpg) no-repeat;
border-color:#000000;
etc.
}
first off you could empty your browser cache, if you haven't tried it before.
If that's not helping, you could simply add a background image by adding some code to your css file.
For example:
#footer {
background-color: #ffffff;
background: center url(pix/background_image.jpg) no-repeat;
border-color:#000000;
etc.
}
Try to refresh your browser or clean browser history and temporary internet files and check once more that code is correct. Does moodle show any place holders for images? If it does paths may be incorrect - if it does not tags for adding images may be broken.
I tested adding
<h1 class="headermain"><img alt="Moodle" src="<?php echo $CFG->httpsthemewww .'/'. current_theme().'/logo.gif' ?>" /></h1>
before </body> tag to standardlogo theme footer.html and it worked ok.
Hi,
I made sure my cache is cleared. (ctrl + F5) still no images.
Moodle displays place holders for the images in Internet Explorer, but not in FireFox. But I've doulbe checked my paths, they are fine, I've even moved the images to the same folder that contains the footer.html file to make doubly sure.
this is the code that is currently in my footer, maybe I'm blind and someone can point out something really obvious to me, lol.
"</div>
<div id="footer">
<center>
<table align="center">
<tr>
<td align="center">
Share this page - <a href="mailto:enter.friends@address.here?body=Look at this interesting website. http://www.change-management-toolbook.com &subject=I found this website" linkTitle="The Change Management Toolbook - Home">
<img border="0" src="icon-email.gif">email</a> |
<a href="http://del.icio.us/post?url=http://change-management-toolbook.com title=Change Management Toolbook" target="_blank">
<img border="0" src="icon-delicious.gif">del.icio.us</a> |
<a href="http://digg.com/submit?phase=2&url=http://change-management-toolbook.com title=Change Management Toolbook" target="_blank">
<img border="0" src="icon-digg.gif">digg</a> |
<a href="http://technorati.com/cosmos/search.html?url=http://change-management-toolbook.com&title=Change Management Toolbook">
<img border="0" src="icon-technorati.png">technorati</a> |
<a href="http://reddit.com/submit?url=http://change-management-toolbook.com&title=Change Management Toolbook">
<img border="0" src="icon-reddit.gif">reddit</a> |
<a href="http://www.stumbleupon.com/submit?url=http://change-management-toolbook.com&title=Change Management Toolbook">
<img border="0" src="icon-stumbleupon.png">stumbleupon</a> |
<a href="http://www.facebook.com/share.php?u=http://change-management-toolbook.com&t=Change Management Toolbook">
<img border="0" src="icon-facebook.gif">facebook</a> |
<a href="http://www.newsvine.com/_wine/save?ver2&u=http://change-management-toolbook.com&h=Change Management Toolbook">
<img border="0" src="icon-newsvine.gif">newsvine</a>
</td>
</tr>
<tr>
<td align="center"><a href="http://www.change-management-community.com/Privacy.html">Privacy Statement</a>
<a href="http://www.change-management-community.com/Terms.html">Terms of use</a>
<a href="http://www.change-management-community.com/Refund.html">Refunds and Returns</a>
<a href="http://www.change-management-community.com/InformationAct.html">Access to Information</a></td>
</tr></table>
</center>
</div>
</body>
</html>"
I made sure my cache is cleared. (ctrl + F5) still no images.
Moodle displays place holders for the images in Internet Explorer, but not in FireFox. But I've doulbe checked my paths, they are fine, I've even moved the images to the same folder that contains the footer.html file to make doubly sure.
this is the code that is currently in my footer, maybe I'm blind and someone can point out something really obvious to me, lol.
"</div>
<div id="footer">
<center>
<table align="center">
<tr>
<td align="center">
Share this page - <a href="mailto:enter.friends@address.here?body=Look at this interesting website. http://www.change-management-toolbook.com &subject=I found this website" linkTitle="The Change Management Toolbook - Home">
<img border="0" src="icon-email.gif">email</a> |
<a href="http://del.icio.us/post?url=http://change-management-toolbook.com title=Change Management Toolbook" target="_blank">
<img border="0" src="icon-delicious.gif">del.icio.us</a> |
<a href="http://digg.com/submit?phase=2&url=http://change-management-toolbook.com title=Change Management Toolbook" target="_blank">
<img border="0" src="icon-digg.gif">digg</a> |
<a href="http://technorati.com/cosmos/search.html?url=http://change-management-toolbook.com&title=Change Management Toolbook">
<img border="0" src="icon-technorati.png">technorati</a> |
<a href="http://reddit.com/submit?url=http://change-management-toolbook.com&title=Change Management Toolbook">
<img border="0" src="icon-reddit.gif">reddit</a> |
<a href="http://www.stumbleupon.com/submit?url=http://change-management-toolbook.com&title=Change Management Toolbook">
<img border="0" src="icon-stumbleupon.png">stumbleupon</a> |
<a href="http://www.facebook.com/share.php?u=http://change-management-toolbook.com&t=Change Management Toolbook">
<img border="0" src="icon-facebook.gif">facebook</a> |
<a href="http://www.newsvine.com/_wine/save?ver2&u=http://change-management-toolbook.com&h=Change Management Toolbook">
<img border="0" src="icon-newsvine.gif">newsvine</a>
</td>
</tr>
<tr>
<td align="center"><a href="http://www.change-management-community.com/Privacy.html">Privacy Statement</a>
<a href="http://www.change-management-community.com/Terms.html">Terms of use</a>
<a href="http://www.change-management-community.com/Refund.html">Refunds and Returns</a>
<a href="http://www.change-management-community.com/InformationAct.html">Access to Information</a></td>
</tr></table>
</center>
</div>
</body>
</html>"
If you check the path of first image (mouse right click...)
it's http://www.change-management-community.com/icon-email.gif and the image is not there.
Try to use
<img border="0" src="<?php echo $CFG->httpsthemewww .'/'. current_theme().'/icon-email.gif' ?>" />
instead of
<img border="0" src="icon-email.gif">
or use full absolute path to images (here you should have icon-email.gif inside your custom theme folder theme/binary-waves)
http://www.change-management-community.com/theme/binary-waves/icon-email.gif is 
and with full absolute path (without php) img tag is
<img border="0" src="http://www.change-management-community.com/theme/binary-waves/icon-email.gif" />
Hi Mauno,
Thanks, you're the man!
I decided to use the absolute path, and it worked fine.
thanks again
Thanks, you're the man!
I decided to use the absolute path, and it worked fine.
thanks again