Suche im Forum:
Suchen


Autor Nachricht
Beitrag18.07.2011 um 20:44 (UTC)    
Titel: Was ist hier falsch gecodet? (closed)

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


Zuletzt bearbeitet von nachrichtenjournal am 19.07.2011, 10:17, insgesamt 3-mal bearbeitet
Beitrag19.07.2011 um 01:27 (UTC)    
Titel:

Hallo,

die ersten Zeilen deines Codes entfernen:
Zitat:

<!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]-->


Deine Homepage enthält diese Angaben bereits (im Quellcode des Baukasten-Designs).
Besuche deine Homepage, klicke im Browser oben auf "Ansicht".
Wähle aus: "Seitenquelltext anzeigen". Du siehst dann, den <doctype
samt <head> Bereich enthält dein Quellcode schon.
Die <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> kann heraus,
weil du die CSS-Eigenschaften alle bereits in deinem Design-Code hast Wink

Nun zur Slideshow :
Schaue in deinem Quellcode diesen Abschnitt:
Zitat:

<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>


Blau markiert sind die Pfade der .js Dateien.
Zum Design gehören also eine js/jquery-1.4.2.min.js,
eine js/jquery.jcarousel.js und die js/jquery-func.js.

Als Du das Template downgeloaded hast, waren die 3 Dateien sicherlich dabei.
Diese 3 .js Dateien müssen online gestellt werden, also hochgeladen werden.
Im Baukasten können wir nur JPG / PNG / GIF / BMP / ICO hochladen.
Für die .js Dateien müsstest du einen "Hoster" (Speicherplatz) suchen.
Die 3 Dateien bei einem "Hoster" hochladen. Dann haben sie eine URL.

Und die URL der .js Dateien dann dort im Code einfügen, der Blau markiert ist.

Ich hoffe das half dir weiter Wink

.


Zuletzt bearbeitet von iceblue-test am 19.07.2011, 02:29, insgesamt einmal bearbeitet
Beitrag19.07.2011 um 05:57 (UTC)    
Titel:

ja du hast mir weiter geholfen, jetzt brauche ich nur noch
einen Hoster, kennst du einen?
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de