Home
Getting Started
Solutions
Tutorials
Tips
Website Design Tips
Ecommerce Solutions
FAQ Page
Font Changing
HTML Color Codes
Keyboard Shortcuts
Overwrite a Page
SEO
Traffic
Under Construction
HTML Codes
SE Optimization
Customizing OL
Help and How To
Downloads
Services
Frequently Asked Question
Contact Us

HTML Codes for Office Live

For HTML and JavaScript codes, unless specified otherwise, it is recommend if possible to use the Custom Footer or Header module!

 



Bordless Images
This CSS code goes in the Style Sheet.
a img
{
border: none;
}
Parameters:

Return to Top
Favicon
If you do not have an icon, you can generate a Favicon at http://www.html-kit.com/favicon/
This code goes in the Keywords area under SEO under Page Properties.  Make sure you place it at the END of any keywords!
%22%20%2F%3E %3Clink rel=%22shortcut icon%22 href=%22%2Fdocuments%2Ffavicon.ico

Return to Top
IFRAME for embedding external content

The code can go in the HTML Module or the Custom Modules.

HTML Module:

<iframe src="http://yourpage.com" width="600px" height="500px" frameborder="0px" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe>

Custom Modules (Header, Navigation, Footer):

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" omit-xml-declaration="yes"/>
<xsl:template match="/">
<iframe src="
http://yourpage.com" width="600px" height="500px" frameborder="0px" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe>
</xsl:template>
</xsl:stylesheet>

Paramters:
scr= page source
width/height= widht and height of the IFrame, in pixels.
frameborder= size of border in pixels
marginwidth/height= size or margin around IFrame, in  pixels.
scrolling= scrolling within IFrame; yes, auto, or no.


Return to Top
Marquee (Scrolling Text)

This code can go in either the HTML Module or the Custom Modules.

HTML Module:

<marquee style="font-family: Times New Roman; font-size: 12pt" direction="right" scrollamount="3" loop="-1" behavior="scroll">replace text, replace text, replace text, replace text</marquee>

Custom Modules (Header, Navigation, Footer):

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" omit-xml-declaration="yes"/>
<xsl:template match="/">
<marquee style="font-family: Times New Roman; font-size: 12pt" direction="right" scrollamount="3" loop="-1" behavior="scroll">replace text, replace text, replace text, replace text</marquee>
</xsl:template>
</xsl:stylesheet>
Praramters:
Direction=left, right, up, or down
Scrollamount= scroll speed #
Loop= Number of times to loop, -1 for infinite
Behavior=scroll, alternate, or slide


Return to Top
Send to Friend Button
This code can go in the HTML Module or the Custom Modules.
HTML Module:
<div align="center">
<script language="JavaScript">
function EmailLink(){
window.location = "
mailto:"+"?subject=I thought this link might interest you." + "&body="+top.document.title+" "+window.location;
}
document.write('<input class="select" type="button" value="E-mail this link to a friend" onClick="EmailLink()"></form>')
</script>
</div>
Custom Modules (Header, Navigation, Footer):
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="text" omit-xml-declaration="yes"/>
<xsl:template match="/">
<![CDATA[
<div align="center">
<script language="JavaScript">
function EmailLink(){
window.location = "
mailto:"+"?subject=I thought this link might interest you." + "&body="+top.document.title+" "+window.location;
}
document.write('<input class="select" type="button" value="E-mail this link to a friend" onClick="EmailLink()"></form>')
</script>
</div>
]]>
</xsl:template>
</xsl:stylesheet>
Paramters:
align= left, center, or right.
subject= email's subject, enter any text.
value= button's text, enter any text.

Return to Top

Resources

Updated November 23, 2009



Links

 



Search Website