Themes

Yes you should be able to do that.  Perhaps if you check in Firefox Firebug where the div.headermenu container is in relation to your logo.

Try adding ...

.headermenu {
position: relative;
top: 0;
right: 0;
}

to see which way you need to move it, then jsut adjust the top and right values to place it near the right edge of your screen... perhaps top: 10px and right: 10px might work.

Glad it helped you solve the problem with the banner.

Cheers

Mary

Hi,

Yes you can do this, and is pretty easy. if you have all the images, then depending on which version of Moodle you are working on, how you do it is similar but the syntax different from Moodle 1.9  to Moodle 2.0.

I'll assume you are using Moodle 2.0 as Anomaly is not a core theme in Moodle 1.9, although it is available in Moodle Themes to download.

What I do is try to use the container which form the header, this then make it easier and quicker to do.

Open up anomaly/layout/general.php using Notepad, and at the top of this file you will see the code which forms the header container in Anomaly most of which you can ignore apart from the areas I have highlighted...

<?php if ($hasheading || $hasnavbar) { ?>
<div id="page-header">
<div class="rounded-corner top-left"></div>
<div class="rounded-corner top-right"></div>
<?php if ($hasheading) { ?>
<h1 class="headermain"><?php echo $PAGE->heading ?>

<div id="left-logo"></div>

<div id="right-logo"></div>

</h1>
<div class="headermenu"><?php
echo $OUTPUT->login_info();
if (!empty($PAGE->layout_options['langmenu'])) {
echo $OUTPUT->lang_menu();
}
echo $PAGE->headingmenu
?></div><?php } ?>

<?php if ($hascustommenu) { ?>
<div id="custommenu"><?php echo $custommenu; ?></div>
<?php } ?>

<?php if ($hasnavbar) { ?>
<div class="navbar clearfix">
<div class="breadcrumb"><?php echo $OUTPUT->navbar(); ?></div>
<div class="navbutton"><?php echo $PAGE->button; ?></div>
</div>
<?php } ?>
</div>
<?php } ?>

The parts I have highlighted will form the containers for your three images.

Delete the part I have crossed out...

<?php echo $PAGE->heading ?>

The containers you will use are as follows:

page-header for the repeating background image

h1 for the left/right logos

You will notice I have added two more containers "left-logo" and "right-logo" these will float left and right when you apply the css rules, see below.

First however, you will need to add those too extra containers to anomaly/layout/general.php just as I have written them above.

Next open anomaly/general.css using Notepad and add the following to the end of this file...I'll assume height of your images are 100px but you can adjust this value. The logoes may differ in size both width and height. Just make sure you add the correct width and height to the css.

#page-header,
h1.headermain {
width: 100%;
height: 100px;
margin: 0;
padding: 0; }

#page-header { background: url([[pix:theme|spacer]]) repeat-x }

h1.headermain div#left-logo {
clear: left;
float: left;
width: 200px;
height: 100px;
padding: 0;
margin: 0;
position: relative;
top: 0; left: 20px;
background: url([[pix:theme|left-logo]]) no-repeat left top; }

h1.headermain div#right-logo {
clear: right;
float:right;
width: 200px;
height: 100px;
padding: 0;
margin: 0;
position: relative;
top: 0;
right: 20px;
background: url([[pix:theme|right-logo]]) no-repeat right top;}

Save the files you have changed and upload them to their respective directories on your web server, and see what it looks like.

You will need to make sure the values for the image are the same as the height of the containers. Also depending on what it looks like in situ, you may need to adjust the left and right positions of the logos.

That's it.

HTH

Mary

My screen cast didn't upload... I'll try again.