Hi
How can I cahang the position of log in icon and write on the image on the header on the background as in the attach file
Where you you want to place the login? You can take it off the header all together providing you add the Login block to your Frontpage. You can do this in Site Administration.
Enable EDIT and then look to Add Block for the Login sideblock.
To relocate the login, you need to look in the header.html again.
First find the following code (it occurs twice)...
<div class="headermenu"><?php echo $menu ?></div>
<?php print_container_end(); ?>
And change it around so it looks like this...
<?php print_container_end(); ?>
<div class="headermenu"><?php echo $menu ?></div>
This will put it underneath the header.
Hope this helps?
Mary
PS: Can you upload the image here so that I can see what type of image it is. I am assuming it's a transparent PNG or GIF image? Adding text is possible, but you need to place it exactly so it shows up under the image and so you will have to add some CSS to do this.
Enable EDIT and then look to Add Block for the Login sideblock.
To relocate the login, you need to look in the header.html again.
First find the following code (it occurs twice)...
<div class="headermenu"><?php echo $menu ?></div>
<?php print_container_end(); ?>
And change it around so it looks like this...
<?php print_container_end(); ?>
<div class="headermenu"><?php echo $menu ?></div>
This will put it underneath the header.
Hope this helps?
Mary
PS: Can you upload the image here so that I can see what type of image it is. I am assuming it's a transparent PNG or GIF image? Adding text is possible, but you need to place it exactly so it shows up under the image and so you will have to add some CSS to do this.
Middle Left or Right?
Good Morning
at left
Sabah el-khayr
I hope that's the right spelling and the correct salutation for Good Morning in Arabic?
Ok here's the fix for the Login...hope it works on your system, it works ok on my PC.
Try adding this at the bottom of the styles_layout.css (that's if you are still using standardblue theme.
.headermenu {width: 100%;}
.logininfo { position: absolute; top: 100px; left: 20px;}
Mafi mushkila
M
I hope that's the right spelling and the correct salutation for Good Morning in Arabic?
Ok here's the fix for the Login...hope it works on your system, it works ok on my PC.
Try adding this at the bottom of the styles_layout.css (that's if you are still using standardblue theme.
.headermenu {width: 100%;}
.logininfo { position: absolute; top: 100px; left: 20px;}
Mafi mushkila
M
In reply to Mary Evans
إعادة: Re: إعادة: Re: إعادة: Re: change the position of Log in
by zuheir khlaif -
Shokran ( Thank you )
saheeh ( thats right ) the spelling for Good Moorning and the coorect salutation
I don't find file : styles_layout.css in the folder standardblue
Hal tatekalameen Alarabia ?
do you speak Arabic ?
barak allah fekee ( God Bless you )
In reply to zuheir khlaif
Re: إعادة: Re: إعادة: Re: إعادة: Re: change the position of Log in
by Mary Evans -
Shokran.
Sorry, I forgot there is only gradient.css in standardblue theme. In that case add those two line at end of gradient.css that sould fix it.
And no...I don't speak Arabic, I found translations on the web!
Have a good day,
God bless you too!
Mary
Sorry, I forgot there is only gradient.css in standardblue theme. In that case add those two line at end of gradient.css that sould fix it.
And no...I don't speak Arabic, I found translations on the web!
Have a good day,
God bless you too!
Mary
Hi Zuheir,
You might also find some inspiration at Themes_FAQ#Concrete_examples_for_modifying_Moodle_themes, see especially http://moodle.org/mod/forum/discuss.php?d=128599
hth
Frank
PS
CSS FAQ and Themes FAQ are good starting points for learning more about CSS and theming.
You might also find some inspiration at Themes_FAQ#Concrete_examples_for_modifying_Moodle_themes, see especially http://moodle.org/mod/forum/discuss.php?d=128599
hth
Frank
PS
CSS FAQ and Themes FAQ are good starting points for learning more about CSS and theming.
Mary & Ralf
thank you for your assistance
Masa'a Al-Khir ( Good Eveninng )
Pls see the attachment file
I want the icon : log in to be on the image not under it , how can I do it , I try to modify the gradient.css in standardblue , the code is here :-
/**
* Adds all the nice finish to the standard theme
*
*/
th.header,
td.header,
div.header {
background-image:url('gradient.jpg');
background-repeat:repeat-x; background-position-y:50%
}
.navbar {
background-image:url('gradient.jpg');
background-repeat:repeat-x; background-position-y:50%
}
headermenu {width: 100%;}<BR>.logininfo { position: absolute; top: 100px; left:
20px;}<BR><BR>
See http://moodle.org/mod/forum/discuss.php?d=128599 as mentioned above on how to achieve this using CSS positioning.
hth
Frank
hth
Frank
Take the <BR><BR> html tags out!!!
The link Frank added was one I had forgotten about, and does answer a lot of the problems you are encountering. However, since I set about giving you the code you wanted here's a new css file to add to your theme's folder. Make sure you save it to the same place your gradient.css is in.
Also you will need to add the following to your theme's config.php.
Just add the name of the new css file as written here in bold with all the apostrophes and punctuation!!! this is VERY IMPORTANT. Also DON'T copy and paste it, just type in the words yourself.
$THEME->sheets = array('styles_layout','gradients');
Mary
Also you will need to add the following to your theme's config.php.
Just add the name of the new css file as written here in bold with all the apostrophes and punctuation!!! this is VERY IMPORTANT. Also DON'T copy and paste it, just type in the words yourself.
$THEME->sheets = array('styles_layout','gradients');
Mary