Adding My logo

Adding My logo

by zuheir khlaif -
Number of replies: 19

Hi

I would like to ask  , how can I add my logo to the header of my moodle ?

Average of ratings: -
In reply to zuheir khlaif

Re: Adding My logo

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Hi Zuheir,

Can I ask which theme you are using, as there are different ways in which to add a Logo.

The most common way was to add the Logo image in the header.html, the link which Jon left you yesterday explains that quite well, but if all this is too difficult, then perhaps you need a little more help.

Knowing what theme you are using for your Moodle site will give me an idea on the type of code you need.

Mary
In reply to Mary Evans

إعادة: Re: Adding My logo

by zuheir khlaif -

Thank you

I use theme : standardblue

suppose that I want to put this image

Attachment elem9.jpg
In reply to zuheir khlaif

Re: إعادة: Re: Adding My logo

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
I've uploaded the header.html (see top right of this post) for you so that you can compare the code. You will need to swap this new header.html for your current one and also put the image file elem9.jpg in the standardblue folder for this to work.

Hope this helps?

Mary
In reply to Mary Evans

إعادة: Re: إعادة: Re: Adding My logo

by zuheir khlaif -

Thank you

I try to modify the html file to be suitable for my moodle especially to change the image and its dimenssion and I put in in the center , I upload it to standardblue , but the image not appear

The page was appear as in the attachment file

Attachment _.JPG
In reply to zuheir khlaif

إعادة: Re: إعادة: Re: Adding My logo

by zuheir khlaif -

The image which I want to appear

Attachment elem9.png
In reply to zuheir khlaif

Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by Salim Šabić -
Probably you did not set the right path to your image, or you uploaded the image in the wrong folder, if there is an images folder, copy the image there and in the HTML set the path to that image.

Sellam.
In reply to Salim Šabić

إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by zuheir khlaif -

Thank you

Now its working

When we go to the page log in , the header not exist , how can we make the header for all moodle system including the courses pages ?

http://21stcks.com/moodle/course/view.php?id=2

In reply to zuheir khlaif

Odgovor: إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by Salim Šabić -
You are using a very bad theme for visual identity, try another theme, you can see some of sites i have created:

http://alaqsa.edu.sa/moodle/

http://www.f-sch.com/moodle

http://e-taibah.net/

There are lot of Moodle Themes that can be changed in any way you want, but the standard theme is not really the one i would use.
In reply to Salim Šabić

إعادة: Odgovor: إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by zuheir khlaif -

Thank you the sites are very interesting especially alaqsa.edu

I download  burntaardvarkbar theme , how can I change the header and the courses pages ?

In reply to zuheir khlaif

إعادة: Odgovor: إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by zuheir khlaif -
the main problems in ready themes are the icons need change from english to arabic language
In reply to zuheir khlaif

Re: إعادة: Odgovor: إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Sorry, I did not have time to answer your earlier question about how to fix the internal header.

It doesn't matter which theme you use, as the header.html in all themes is virtually the same, or similar. Working on standardblue is OK to start with as it's pretty stable, but very basic.

The code in your header.html should look like this... you need to delete the line which is in red and ADD this line in the same place...(you can change the name where it says "my company" - you can add the name of your college or organisation)

<div class="headermain"><img src="<?php echo
$CFG->themewww.'/'.current_theme() ?>/elem9.png" width="600"
height="117" alt="mycompany" title="mycompany" id="logo" />
</div>




<div id="page">

<?php //Accessibility: 'headermain' is now H1, see theme/standard/styles_layout.css: .headermain
if ($home) { // This is what gets printed on the home page only
?>
<?php print_container_start(true, '', 'header-home'); ?>
<div class="headermain"><img src="<?php echo
$CFG->themewww.'/'.current_theme() ?>/elem9.png" width="600"
height="117" alt="mycompany" title="mycompany" id="logo" />
</div>
<div class="headermenu"><?php echo $menu ?></div>
<?php print_container_end(); ?>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
<?php print_container_start(true, '', 'header'); ?>
<h1 class="headermain"><?php echo $heading ?></h1>
<div class="headermenu"><?php echo $menu ?></div>
<?php print_container_end(); ?>
<?php } ?>
<?php //Accessibility: breadcrumb trail/navbar now a DIV, not a table.
if ($navigation) { // This is the navigation bar with breadcrumbs ?>
<div class="navbar clearfix">
<div class="breadcrumb"><?php print_navigation($navigation); ?></div>
<div class="navbutton"><?php echo $button; ?></div>
</div>
<?php } else if ($heading) { // If no navigation, but a heading, then print a line
?>
<hr />
<?php } ?>
<!-- END OF HEADER -->
In reply to Mary Evans

إعادة: Re: إعادة: Odgovor: إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by zuheir khlaif -

Thank you

when I add it the courses pages appear as in the attachment  file

Attachment 2.jpg
In reply to zuheir khlaif

Re: إعادة: Re: إعادة: Odgovor: إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
Can you paste the code as you have it in your header.html? Then I can see where you are going wrong with this.
In reply to Mary Evans

إعادة: Re: إعادة: Re: إعادة: Odgovor: إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by zuheir khlaif -

Thank you

Here the code which used in header.html

<div id="page">

<?php //Accessibility: 'headermain' is now H1, see theme/standard/styles_layout.css: .headermain
      if ($home) {  // This is what gets printed on the home page only
?>
    <?php print_container_start(true, '', 'header-home'); ?>
        <div class="headermain">
          <p align="center">
          <img src="http://21stcks.com/moodle/theme/standardblue/elem9.jpg" width="700"
   height="117" alt="mycompany" title="mycompany" id="logo" align="center" />
   </div>
        <div class="headermenu"><?php echo $menu ?></div>
    <?php print_container_end(); ?>
<?php } else if ($heading) {  // This is what gets printed on any other page with a heading
?>
    <?php print_container_start(true, '', 'header'); ?>
        &lt;div class="headermain"&gt;&lt;img src="&lt;?php
echo<BR>$CFG-&gt;themewww.'/'.current_theme() ?&gt;/elem9.jpg"
width="600"<BR>height="117" alt="mycompany" title="mycompany" id="logo"
/&gt;<BR>&lt;/div&gt;
        <div class="headermenu"><?php echo $menu ?></div>
    <?php print_container_end(); ?>
<?php } ?>
<?php //Accessibility: breadcrumb trail/navbar now a DIV, not a table.
      if ($navigation) { // This is the navigation bar with breadcrumbs  ?>
    <div class="navbar clearfix">
        <div class="breadcrumb"><?php print_navigation($navigation); ?></div>
        <div class="navbutton"><?php echo $button; ?></div>
    </div>
<?php } else if ($heading) { // If no navigation, but a heading, then print a line
?>
        <hr />
</div>

<?php } ?>
    <!-- END OF HEADER -->
    <?php print_container_start(false, '', 'content'); ?>

In reply to zuheir khlaif

Re: إعادة: Re: إعادة: Re: إعادة: Odgovor: إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers
OK...the problem was in copying and pasting the code I gave you, which carried some html tags from the website.

I've cleaned it up and uploaded it as khlaif-header-code.text (see top right of this post)

Hope this fixes!

Mary smile
In reply to Mary Evans

إعادة: Re: إعادة: Re: إعادة: Re: إعادة: Odgovor: إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by zuheir khlaif -

Thank you very much

it's very nice

In reply to Mary Evans

Re: إعادة: Re: إعادة: Re: إعادة: Odgovor: إعادة: Odgovor: إعادة: Re: إعادة: Re: Adding My logo

by robert meier -
Mary can you help me? I am using the business logic moodle theme. I want to change the Sharda University writing in the logo to Career Course 101.(I don't know how to write coding but I have found the header.html file in file manager).

Can you help please???? Thanks!!!!smile

(Edited by Helen Foster by request of poster to remove link - original submission Tuesday, 11 May 2010, 04:17 PM)