Random Quote of the Hour
What's this?
Well it's a neet function for your website. It's free and easy to use. Oh, did I mention that is totaly XHTML valid (Strict)?
In just few minutes you can have access to our entire database of more then 16 000 quotes and be able to display
random quote on your website.
How does it work?
Select and copy folowing line of code; then paste it to your <head> portion of the html code.
<script type="text/javascript" src="http://www.famousquoteslib.com/public/remote/randomquote.php" ></script>
And folowing in the the <body> part of your html code - where ever you want to display the quote.
<div id="fql_msgbox"></div>
What will this do? This prewriten javascript script gives you access to our database and displays a new random quote every hour
and that's prety much it. Easy as promised :)
You got your self a cool, unobtrusive script that updates every hour and gives your visitors something to read :)
How do I make it look pretty?
If you want to format the quote with CSS; here below is a little example with comments...
/* This is the wrapper */
#fql_msgbox {
width:500px;
border:1px solid #777777;
}
/* Quote text */
#fql_quote {
font-size:100%;
letter-spacing:0.2em;
margin:1em;
}
/* Links */
#fql_quote a {
color:white;
text-decoration:none;
padding:0.5em
}
#fql_quote a:hover {
background-color:#5D5F41;
}
/* Authors name */
#fql_author {
text-align:right;
font-size:80%;
letter-spacing:0.0em;
}
We also made you a little CSS stylesheet ready for use in case you'r lazy ;). To use it, copy and paste folowing line into your <head> portion of the html code.
<link rel="stylesheet" type="text/css" href="http://www.famousquoteslib.com/public/remote/randomquote.css" />