|
In this block I am playing with background and cells |
| About me | My links | Images | Portfolio |
Using HTML in Mahara
Using HTML code in Mahara is a bit tricky because they use a thing call HTML purifier which protects the site from viruses. It can also strip your code leaving you with a code that doesn't function. For example I have been trying to do rollover codes for buttons (when you put your cursor over a button it changes color or image). I have tried 5 or 6 different ways, so far no luck.
background images
Walking
with your soul
in the reflection
of the sky
I found this background image code (see below) on this site here -
<div style="background-image:url(http://www.html.am/images/image-codes/milford_sound_t.jpg);width:220px;height:140px;color:black;font-size:18px;">
This text appears in front of the background image.
</div>
I tried many example codes people have posted and finally this one worked! I tweaked it around a bit with my own image and text above. I used <center> tag sandwiching the code on both sides to center the image. The text is editable just like normal text!
note: To move the text down on the bottom of image I had to hold shift while pressing enter. If only using enter it would create another image and jump down to it.
Pretty cool!
Another back ground
This background image I just inserted into a table (the note pad with pencil button) by making it a 1 row 1 column table. I made the table the right width by replacing the pixel width dimension with 100% and chose a hight using a number of pixels
and going to the advanced tab then enter the url of an image into "background image, you can also select a color under background color which is what I did for the menu bar with buttons at the top... I wanted to change the opacity but it ended up also changing opacity of text if I wrote on top.