Hallo,
ich habe mir ein Template gecodet, mit einer Slideshow, ich habe jetzt alle Bilder in die Codes eingefügt usw. Aber jetzt funktioniert die Slideshow nicht.
Siehe
www.nachrichtenjournal.de.tl
Template URL:
http://www.free-css.com/free-css-templates/page133/businesslike.php#bookmarks
Meine Codes:
Text über dem Design:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>BusinessLike</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
<![endif]-->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="js/jquery-func.js"></script>
</head>
<body>
<!-- START PAGE SOURCE -->
<div id="header">
<div class="shell">
<h1 id="logo"><a href="#">businesslike premium html/css template</a></h1>
<div id="navigation">
<ul>
<li><a class="active" href="#"><span>HOME</span></a></li>
<li><a href="#"><span>ABOUT</span></a></li>
<li><a href="#"><span>SERVICES</span></a></li>
<li><a href="#"><span>PROJECTS</span></a></li>
<li><a href="#"><span>BLOG</span></a></li>
<li><a href="#"><span>CONTACT</span></a></li>
<li><a href="#"><span>TEMPLATES</span></a></li>
</ul>
</div>
</div>
</div>
<div id="main">
<div class="shell">
<div class="intro">
<div class="slider-carousel">
<ul>
<li> <a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/monitor.gif" alt="" /></a>
<div class="entry">
<h2>USABLE WEBSITE DEISGN</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
<ul>
<li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
<li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
<li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
<li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
</ul>
<span class="promo"> </span> </div>
<a class="button" href="#">FIND OUT MORE</a> </li>
<li> <a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/monitor.gif" alt="" /></a>
<div class="entry">
<h2>USABLE WEBSITE DEISGN</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
<ul>
<li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
<li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
<li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
<li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
</ul>
<a class="button" href="#">FIND OUT MORE</a> <span class="promo"> </span> </div>
</li>
<li> <a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/monitor.gif" alt="" /></a>
<div class="entry">
<h2>USABLE WEBSITE DEISGN</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
<ul>
<li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
<li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
<li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
<li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
</ul>
<a class="button" href="#">FIND OUT MORE</a> <span class="promo"> </span> </div>
</li>
<li> <a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/monitor.gif" alt="" /></a>
<div class="entry">
<h2>USABLE WEBSITE DEISGN</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
<ul>
<li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
<li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
<li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
<li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
</ul>
<a class="button" href="#">FIND OUT MORE</a> <span class="promo"> </span> </div>
</li>
<li> <a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/monitor.gif" alt="" /></a>
<div class="entry">
<h2>USABLE WEBSITE DEISGN</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet lacus at metus accumsan porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula ut dui adipiscing commodo.</p>
<ul>
<li>Nulla in metus nec diam pulvinar euismod eu at risus.</li>
<li>Sed vulputate magna suscipit sapien rutrum a vehicula neque fringilla.</li>
<li>Mauris at neque sed mauris porttitor rutrum eget nec velit.</li>
<li>Fusce eu mi nec augue sodales congue vitae dignissim nisi.</li>
</ul>
<a class="button" href="#">FIND OUT MORE</a> <span class="promo"> </span> </div>
</li>
</ul>
<div class="slider-navigation">
<ul>
<li class="first"><a class="active" href="#"><span class="hidden-id">1</span><span class="button1"></span><em>WEB DESIGN</em>Lorem ipsum dolor sit amet,elit.</a></li>
<li><a href="#"><span class="hidden-id">2</span><span class="button2"></span><em>PRINT DESIGN</em>Lorem ipsum dolor sit amet,elit.</a></li>
<li><a href="#"><span class="hidden-id">3</span><span class="button3"></span><em>LOGO DESIGN</em>Lorem ipsum dolor sit amet,elit.</a></li>
<li><a href="#"><span class="hidden-id">4</span><span class="button4"></span><em>PACKAGE DESIGN</em>Lorem ipsum dolor sit amet,elit.</a></li>
<li><a href="#"><span class="hidden-id">5</span><span class="button5"></span><em>HOSTING</em>Lorem ipsum dolor sit amet,elit.</a></li>
</ul>
</div>
<div class="cl"> </div>
</div>
</div>
<div class="main-boxes">
<div class="box">
<div class="box-b">
<div class="box-t">
<h3>COOL CSS TEMPLATES</h3>
<ul>
<li><span>90 Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit</li>
<li><span>10 Praesent</span> aliquet lacus at metus accumsan porta, adipiscing elit</li>
<li class="last-item"><span>45 Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit, proin in ligula ut dui</li>
</ul>
<a class="details" href="#">DETAILS</a>
<div class="price">
<p>ONLY FOR</p>
<p class="green"><span>$</span>42</p>
</div>
</div>
</div>
</div>
<div class="box">
<div class="box-b">
<div class="box-t">
<h3>EXTENDED LICENSE</h3>
<ul>
<li><span>90 Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit</li>
<li><span>10 Praesent</span> aliquet lacus at metus accumsan porta, adipiscing elit</li>
<li class="last-item"><span>45 Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit, proin in ligula ut dui</li>
</ul>
<a class="details" href="#">DETAILS</a>
<div class="price">
<p>ONLY FOR</p>
<p class="green"><span>$</span>42</p>
</div>
</div>
</div>
</div>
<div class="box last">
<div class="box-b">
<div class="box-t">
<h3>COOL OFFER 3</h3>
<span class="best-deals"></span>
<ul>
<li><span>90 Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit</li>
<li><span>10 Praesent</span> aliquet lacus at metus accumsan porta, adipiscing elit</li>
<li class="last-item"><span>45 Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit, proin in ligula ut dui</li>
</ul>
<a class="details" href="#">DETAILS</a>
<div class="price">
<p>ONLY FOR</p>
<p class="green"><span>$</span>98</p>
</div>
</div>
</div>
</div>
<div class="cl"> </div>
<div class="more">
<div class="more-b">
<div class="more-t">
<div class="more-entry">
</div>
Text unter dem Design:
</div>
<div id="main-cols">
<div class="shell">
<div class="col">
<h4>GET IN TOUCH</h4>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat commodo ante, sit </li>
<li>
<p><span>New York:</span> +34 44344 443</p>
<p><span>Ottawa:</span> +34 44344 443</p>
</li>
<li>
<p><a href="#">info@businesslike.com</a></p>
<p><a href="#">sales@businesslike.com</a></p>
</li>
</ul>
</div>
<div class="col">
<h4>FOLLOW US</h4>
<ul class="social">
<li><a class="facebook" href="#">facebook</a></li>
<li><a class="twitter" href="#">twitter</a></li>
<li><a class="del" href="#">del</a></li>
<li><a class="rss" href="#">rss</a></li>
</ul>
</div>
<div class="col last">
<h4>BLOG ROLL</h4>
<ul>
<li>
<p class="white">Lorem ipsum dolor sit amet, consectetur </p>
<p>posted on 20.07.09 in <a class="gray" href="#">Topicname</a> by <a href="#">admin</a></p>
</li>
<li>
<p class="white">Sed vel diam mattis dolor tincidunt volutpat </p>
<p>posted on 20.07.09 in <a class="gray" href="#">Topicname</a> by <a href="#">admin</a></p>
</li>
<li>
<p class="white">Duis lacus odio, mattis eu tristique id, </p>
<p>posted on 20.07.09 in <a class="gray" href="#">Topicname</a> by <a href="#">admin</a></p>
</li>
<li>
<p class="white">Maecenas malesuada fermentum eros</p>
<p>posted on 20.07.09 in <a class="gray" href="#">Topicname</a> by <a href="#">admin</a></p>
</li>
</ul>
</div>
<div class="cl"> </div>
</div>
</div>
<div id="footer">
<div class="shell">
<p class="left">Copyright © 2010 <a href="#">Domain Name</a> - All Rights Reserved</p>
<p class="right"><a href="http://www.free-css.com/">Free CSS Templates</a> by <a href="http://chocotemplates.com/">ChocoTemplates.com</a></p>
<div class="cl"> </div>
</div>
</div>
<!-- END PAGE SOURCE -->
</body>
</html>
mfg nachrichtenjournal
