In a recent post to the Google Sites User Forum by insertnamehere, I was given the idea to write an article about how you can use the style attribute to get around the CSS limitations of Google Sites. The content of his original post is as follows:
If you wan't to add CSS to you're site, but you can't because google sites can't do that, or if you wan't to add some special text effect, but the "Your HTML either contains unsafe tags (iframe, embed, styles, script) or extra attributes. They will be removed when the page is viewed." message, you may wan't to try this:
<div style="insert css code here">insert text that you wan't the css code to apply to here</div>
It works, and google sites let's you add it.
Simply put, you can use the style attribute to customize the appearance of most any element of your website. For example, the two boxes to the left of this screen that appear with red and green borders are formatted using this method. I will outline how this is done, and provide samples that you can copy for your own use.
Have a question, but don't know where to start? Check out the Google Sites FAQ!
The style attribute is a property (or properties) of a page element such as a Paragraph <P>, Table Row <TR> or DIV section <DIV>. The page element can exist without the inclusion of the style attribute, but with it, you can customize your site as if you had access to the CSS code.
There are many different possibilities with the style attribute. A few of these are:
To use the style attribute on your site, you will need get comfortable with editing your site through the HTML editor. The HTML editor is accessible through the HTML option on your editing toolbar.
Step-by-Step Guides >