Code:

@charset "utf-8";
/* CSS Document */
.lof-slidecontent{
   position:relative;
   overflow:hidden;
   border:#F4F4F4 solid 1px;
   width:892px;
   height:300px;
}
.lof-slidecontent .preload{
   height:100%;
   width:100%;
   background:#FFF;
   position:absolute;
   top:0;
   left:0;
   z-index: 999;
   color:#FFF;
   text-align:center
}
.lof-slidecontent .preload div{
   height:100%;
   width:100%;
   background:transparent url(http://i34.servimg.com/u/f34/15/44/56/66/load-i10.gif) no-repeat scroll 50% 50%;
}
/* main flash */
.lof-main-wapper{
   margin-right:auto;
   overflow:hidden;
   background:transparent url(http://i34.servimg.com/u/f34/15/44/56/66/load-i10.gif) no-repeat scroll 50% 50%;
   padding:0px;
   height:100%;
   width:600px;
   position:relative;
   overflow:hidden;
}

.lof-main-wapper .lof-main-item{
   overflow:hidden;
   padding:0px;
   margin:0px;
   height:100%;
   width:100%;
   position:absolute;
}
.lof-main-wapper .lof-main-item img{
   padding:0px;   
   width:600px;
}

.lof-main-item-desc{
   z-index:100px;
   position:absolute;
   top:150px;
   left:50px;
   width:400px;
   background:url(http://i34.servimg.com/u/f34/15/44/56/66/transp10.png);

   /* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
   color:#FFF;
   margin:0 8px;
   padding:8px 0
}
.lof-main-item-desc h3 a{
   color:#FFF;   
   margin:0;
   font-size:140%;
   padding:20px 8px 2px;
   font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
.lof-main-item-desc h3 a:hover{
   color:#FF6;
   text-decoration:underline;
}


/* item navigator */
ul.lof-navigator{
   top:0;
   padding:0;
   margin:0;
   position:absolute;
   width:100%;
}
ul.lof-navigator li{
   cursor:hand;
   cursor:pointer;
   list-style:none;
   width:100%;
   padding:0;
   margin:0;
   overflow:hidden;
}
.lof-navigator-outer{
   position:absolute;
   right:0;
   top:00px;
   z-index:100;
   height:300px;
   width:310px;
   overflow:hidden;
   color:#FFF
}
.lof-navigator li.active{
   background:url(http://i34.servimg.com/u/f34/15/44/56/66/arrow-10.png) no-repeat scroll left center;
   color:#FFF
}
.lof-navigator li:hover{
   
}


.lof-navigator li h3{
   color:#FFF;
   font-size:100%;
   padding:15px 0 0 !important;
   margin:0;

}
.lof-navigator li div{
   background:url(http://i34.servimg.com/u/f34/15/44/56/66/transp10.png);
   color:#FFF;
   height:100%;
   position:relative;
   margin-left:15px;
   padding-left:15px;
   border-top:1px solid #E1E1E1;
}

.lof-navigator li.active div{
   background:url(http://i34.servimg.com/u/f34/15/44/56/66/grad-b10.gif);
   color:#FFF;
}
.lof-navigator li img{
   height:60px;
   width:60px;
   margin:15px 15px 10px 0px;
   float:left;
   padding:3px;
   border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
   border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
   color:#FFF;
}
.lof-next{
   position:absolute;
   top:0;
   height:30px;
   background:#F9F9F9;
   display:block;
   width:100%;
}
.lof-previous{
   position:absolute;
   bottom:0;
   height:30px;
   background:#F9F9F9;
   display:block;
   width:100%;
}     
 body { margin:0px; font-family:Arial, Helvetica, sans-serif; background:#000000; }
#container { width:900px; margin:0px auto 0px; background:#FFFFFF; padding:10px; font-size:12px; margin-top:50px; }
a{
   text-transform:none;
   color:#333
}
#footer{
   background:#F0F0F0;
   padding:10px;
   border:#999 dotted 1px;
} 

Code:

<div id="container">
          <h1><strong>Lof SliderNews 1.0</strong> -  Mootool 1.1</h1>
     
 <p>
   <strong> Direction: Opacity - Navitagor on the right side .</strong>
    The plugin allow to use the wheelup and wheeldown to previous|next item in the list
</p>     
<!------------------------------------- THE CONTENT -------------------------------------------------><div id="lofslidecontent45" class="lof-slidecontent"><div class="preload"><div></div></div>
 <!-- MAIN CONTENT -->
  <div class="lof-main-wapper">
        <div class="lof-main-item">
              <img src="http://i34.servimg.com/u/f34/15/44/56/66/79190210.jpg" title="Newsflash 2" height="300" width="900">         
                <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 2" href="#">Newsflash 2</a></h3>

                <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...</p>
            </div>
        </div>
      <div class="lof-main-item">
           <img src="http://i34.servimg.com/u/f34/15/44/56/66/43557610.jpg" title="Newsflash 1" height="300" width="900">            <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 1" href="#">Newsflash 1</a></h3>
                <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...</p>

            </div>
        </div>
      <div class="lof-main-item">
           <img src="http://i34.servimg.com/u/f34/15/44/56/66/64190610.jpg" title="Newsflash 3" height="300" width="900">            <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 3" href="#">Newsflash 3</a></h3>
                <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...</p>
            </div>
        </div>
        <div class="lof-main-item">

           <img src="http://i34.servimg.com/u/f34/15/44/56/66/41671911.jpg" title="Newsflash 5" height="300" width="900">            <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
            </div>
        </div>
       
        <div class="lof-main-item">

           <img src="http://i34.servimg.com/u/f34/15/44/56/66/41671911.jpg" title="Newsflash 5" height="300" width="900">            <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
            </div>
        </div>
        <div class="lof-main-item">

           <img src="http://i34.servimg.com/u/f34/15/44/56/66/41671911.jpg" title="Newsflash 5" height="300" width="900">            <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
            </div>
        </div>
           
  </div>
  <!-- END MAIN CONTENT -->
    <!-- NAVIGATOR -->

  <div class="lof-navigator-outer">
        <ul class="lof-navigator">
            <li>
               <div>
                   <img src="http://i34.servimg.com/u/f34/15/44/56/66/79190210.jpg">
                   <h3> NewsFlash 1 </h3>
                     <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu...
                </div>   
            </li>
            <li>
               <div>
                   <img src="http://i34.servimg.com/u/f34/15/44/56/66/43557610.jpg">
                   <h3> NewsFlash 2 </h3>
                     <span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>   
            </li>

            <li>
               <div>
                    <img src="http://i34.servimg.com/u/f34/15/44/56/66/64190610.jpg">
                    <h3> NewsFlash 3 </h3>
                   <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>   
            </li>
           
          <li>
                <div>
                    <img src="http://i34.servimg.com/u/f34/15/44/56/66/41671911.jpg">
                    <h3> NewsFlash 4</h3>
                    <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>
            </li>   
            <li>
                 <div>
                   <img src="http://i34.servimg.com/u/f34/15/44/56/66/64190610.jpg">
                   <h3> NewsFlash 5</h3>
                   <span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div> 
            </li>
          <li>
                <div>
                    <img src="http://i34.servimg.com/u/f34/15/44/56/66/41671911.jpg">
                    <h3> NewsFlash 6</h3>
                    <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>
            </li>          
        </ul>
  </div>
 </div>
<script type="text/javascript">
   var _lofmain =  $('lofslidecontent45');
   var _lofscmain = _lofmain.getElement('.lof-main-wapper');
   var _lofnavigator = _lofmain.getElement('.lof-navigator-outer .lof-navigator');
   var object = new LofFlashContent( _lofscmain,
                             _lofnavigator,
                             _lofmain.getElement('.lof-navigator-outer'),
                             { fxObject:{ transition:Fx.Transitions.Quad.easeInOut,  duration:800},
                                interval:3000,
                                direction:'opacity' } );
   object.start( true, _lofmain.getElement('.preload') );
</script>

<!------------------------------------- END OF THE CONTENT ------------------------------------------------->
 <p>
<a href="index.html">Demo 1</a>  | <a href="index2.html">Demo 2</a>  |  <a href="index3.html">Demo 3</a>  | <a href="index2.1.html">Demo with mootool 1.2</a> </p><div id="footer">
 <a href="http://landofcoder.com">LandOfCoder.Com</a>
</div>
    </div>

Code:

.slide .postbody {
width: 100%;
}

Code:

.slide .post .postbody {
white-space: wrap !important
}

Code:

.slide .postbody .content {
white-space: wrap !important
}

<div style="width: 100%; text-align: center; position: absolute; white-space: nowrap;">

Code:

.fa_ticker_content > div {
white-space: wrap !important;
}