​ ​ TEST

<link rel="stylesheet"type="text/css"
href="/background.css">

Images as Header
<link rel="stylesheet"type="text/css"
href="/background.css">

body 
 { 
 background-image:url("background.png"); 
 background-repeat:no-repeat; 
 background-attachment:fixed; 
 background-position: center center; 
 background-size: cover; 
 } 
Image as Background
body {
background-image:url("background.png");
background-repeat:repeat-x;
background-position:center top;
margin:0 0; 


ENTER YOUR FIRST LINE OF TEXT HERE.
ENTER YOUR SECOND LINE OF TEXT HERE.
REPEAT THIS FOR EACH LINE NECESSARY.
<style type="text/css">
  body
  {
  background-color:#242424;
  color: #000000;
  font-family:verdana,arial;
  }
  #quotes
  {
  margin:0;
  padding:100px;
  font-size:20px;
  position:relative;
  }
  .textItem
  {
  position:absolute;
  display:none;
  }
  a
  {
  color:#000;
  font-size:15px;
  }
  </style>


Rotating Text (HEAD)
<div id="quotes">
  <div class="textItem">ENTER YOUR FIRST LINE OF TEXT HERE.
  </div>

  <div class="textItem">ENTER YOUR SECOND LINE OF TEXT HERE.
  </div>

  <div class="textItem">REPEAT THIS FOR EACH LINE NECESSARY.
  </div>

  </div>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function()
  {
  setupRotator();
  });  
  function setupRotator()
  {
  if($('.textItem').length > 1)
  {
  $('.textItem:first').addClass('current').fadeIn(1000);
  setInterval('textRotate()', 3000);
  }
  }
  function textRotate()
  {
  var current = $('#quotes > .current');
  if(current.next().length == 0)
  {
  current.removeClass('current').fadeOut(1000);
  $('.textItem:first').addClass('current').fadeIn(1000);
  }
  else
  {
  current.removeClass('current').fadeOut(1000);
  current.next().addClass('current').fadeIn(1000);
  }
  }
  </script>

HTML BOX