Actions

Difference between revisions of "Put a background image or color on an article"

From Joomla! Documentation

(new tip for background color or image)
 
(add closing tag information)
Line 6: Line 6:
 
::*For a color:
 
::*For a color:
 
:::<nowiki><div style="background-color: #dddddd"></nowiki>
 
:::<nowiki><div style="background-color: #dddddd"></nowiki>
Substitute your desired image or color in the code above. If you want to have different backgrounds for different Menu Items, you can also use the Page Class Suffix parameter of the Menu Item.
+
Substitute your desired image or color in the code above. If you are using the TinyMCE editor, you do not need to add the closing <nowiki></div></nowiki> tag at the end of the article, since TinyMCE will add this for you automatically.
 +
 
 +
If you want to have different backgrounds for different Menu Items, you can also use the Page Class Suffix parameter of the Menu Item.
 
[[Category:Tips and tricks]]
 
[[Category:Tips and tricks]]
 
[[Category:Tips and tricks 1.5]]
 
[[Category:Tips and tricks 1.5]]

Revision as of 10:13, 14 August 2008

You can place a background image or color in an article by following these steps:

  1. Open the article for editing with TinyMCE or another editor.
  2. Press the "Edit HTML Source" button and enter the code indicated below at the very beginning of the article:
  • For an image:
<div style="background-image: url('images/stories/key.jpg')">
  • For a color:
<div style="background-color: #dddddd">

Substitute your desired image or color in the code above. If you are using the TinyMCE editor, you do not need to add the closing </div> tag at the end of the article, since TinyMCE will add this for you automatically.

If you want to have different backgrounds for different Menu Items, you can also use the Page Class Suffix parameter of the Menu Item.