This is the demo of the jquery the breaking news in red i want it to be the same on my website:

http://www.jqueryscript.net/demo/Fle...d-News-Ticker/

In my site i have a text file i'm reading it line by line eacy X minutes.
I want that each line i read to be show in the red breaking news the same it is in the demo website above.

This is the code im using in my website:

Code:
<style>
#oneliner {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
    margin: 80px auto 40px auto;
    width: 900px;
    height: 44px;
    background-color: #fff;
    border-radius: 2px;
}

#oneliner:before, #oneliner:after {
    border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: -1;
}

#oneliner .header {
    background-color: #ff2e2e;
    display: inline-block;
    width: 180px;
    height: 44px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 44px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    border-radius: 2px 0 0 2px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    -webkit-animation: redPulse 4s infinite;
       -moz-animation: redPulse 4s infinite;
            animation: redPulse 4s infinite;
}

#oneliner:hover .header {
    -webkit-animation: redPulse 1s infinite;
       -moz-animation: redPulse 1s infinite;
            animation: redPulse 1s infinite;
}

#oneliner .header:active {
    background-color: #000;
    margin-left: -12px;
    color: #aaa;
}

#oneliner ul.newsticker {
    display: inline-block;
    height: 44px;
    width: 710px;
    overflow: hidden;
    margin: 0 0 0 -3px;
    padding: 0 0 0 6px;
    line-height: 44px;
    font-weight: 500;
    background-color: #fafafa;
}

#oneliner ul.newsticker > li{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dotted #888;
}

@-webkit-keyframes redPulse {
    from { background-color: #ff2e2e; -webkit-box-shadow: 0 0 9px #555; }
    50% { background-color: #bd0000; -webkit-box-shadow: 0 0 14px #ff2e2e; }
    to { background-color: #ff2e2e; -webkit-box-shadow: 0 0 9px #555; }
}

@-moz-keyframes redPulse {
    from { background-color: #ff2e2e; -moz-box-shadow: 0 0 9px #555; }
    50% { background-color: #bd0000; -moz-box-shadow: 0 0 14px #ff2e2e; }
    to { background-color: #ff2e2e; -moz-box-shadow: 0 0 9px #555; }
}

@keyframes redPulse {
   from { background-color: #ff2e2e; box-shadow: 0 0 9px #555; }
   50% { background-color: #bd0000; box-shadow: 0 0 14px #ff2e2e; }
   to { background-color: #ff2e2e; box-shadow: 0 0 9px #555; }
}
</style>

<div id="oneliner">
    <div class="header"> Breaking News </div>
    <ul class="newsticker">
        <li>hello</li>
        <li>hi</li>
    </ul>
</div>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://newsxpressmedia.com/files/theme/jquery.newsTicker.js"></script>
<script>
	var count = 300;
	var counter = setInterval(timer, 1000); //1000 will  run it every 1 second

	function timer() {
    count = count - 1;
    if (count == -1) {
			clearInterval(counter);
			return;
    }

    var seconds = count % 60;
    var minutes = Math.floor(count / 60);
    var hours = Math.floor(minutes / 60);
    minutes %= 60;
    hours %= 60;

    document.getElementById("timer").innerHTML = hours + " Hours " + minutes + " Minutes and " + seconds + " Seconds left untill the next news update. "; // watch for spelling
	}
	
	function news(){
   $('body').find('.newsticker').remove();//It will clear old data if its present 
   var file = "http://newsxpressmedia.com/files/theme/test.txt";
    $.get(file, function (txt) {
			//var lines = txt.responseText.split("\n");
			var lines = txt.split("\n");
			$ul = $('<ul class="newsticker" />');
			for (var i = 0, len = lines.length; i < len; i++) {
				//save(lines[i]); // not sure what this does
				$ul.append('<li>' + lines[i] + '</li>'); //here 
			}
			//$ul.appendTo('body').newsTicker({
			$ul.appendTo('div.wcustomhtml').newsTicker({
				row_height: 48,
				max_rows: 2,
				speed: 6000,
				direction: 'up',
				duration: 1000,
				autostart: 1,
				pauseOnHover: 1
			});
    });
	}
	$(function() {
    news();
    setInterval(function(){
      news();
    },30000)  // it will call every 1 min you can change it
	});
</script>
<span id="timer"></span>
I see the red breaking news visual like it is in the demo page.
But the text with the counter back is under the breaking news i want it to be above it.
Second the text from the text file is under the breaking news and not moving in animation like in the demo page inside the breaking news bar.

Do i need to download the jquery files upload them to my website/website-ftp and then use it ?

This is my site you can see there how it looks like now:

http://newsxpressmedia.com/test.html

Also i see now the counter back stop at 0 it should get to the 0 and then to start count back again.