JQuery in Zeta einfügen

Hallo,

ist eigentlich keine Support-Frage für uns, habe mir das aber trotzdem mal kurz angeschaut. Sie müssten folgendermaßen vorgehen:

• Die Ordner "css, font, img, und js" kopieren Sie in einen Ordner "ticker".
• Den Ordner "ticker" müssen Sie manuell mit einem FTP-Programm, z.B. FileZilla auf den Webserver hochladen.
• In Zeta Producer das Menü „Website | Erweitert | Attribute“ öffnen.
• Das Attribut „mobile_script“ zum Bearbeiten öffnen.
  Wie man mit Attributen arbeitet, kann in der Online-Doku nachgelesen werden: http://homepage-erstellen-mit-desktop-cms.zeta-producer.com/attribute.html
• In das Attribut folgendes einfügen:
  
  
  Code

  <link rel="stylesheet" type="text/css" href="ticker/css/BreakingNews.css"/>
  <script src="ticker/js/BreakingNews.js"></script>

  Den Pfad bei "href" und "src" müssen Sie ggf. noch anpassen.

• Auf der Seite wo der Ticker erscheinen soll das Widget "Quelltext" einfügen.
• In das Widget "Quelltext" folgenden Code einfügen
  
  
  Code

  <div class="BreakingNewsController easing" id="breakingnews">
  	<div class="bn-title"></div>
  	<ul>
  		<li><a href="#">Lorem Ipsum is simply dummy text of the printing and typesetting industry bu deneme text metinidir</a></li>
  		<li><a href="#">It is a long established fact that a reader will be distracted</a></li>
  		<li><a href="#">Many desktop publishing packages</a></li>
  		<li><a href="#">All the Lorem Ipsum generators on the Internet tend to repeat predefined</a></li>
  		<li><a href="#">The standard chunk of Lorem Ipsum used</a></li>
  		<li><a href="#">English versions from the 1914 translation by H. Rackham.</a></li>
  	</ul>
  	<div class="bn-arrows">
  		<span class="bn-arrows-left"></span>
  		<span class="bn-arrows-right"></span>
  	</div>	
  </div>
  
  
  
  
  <script>
  	$(document).ready(function(){
  		$("#breakingnews").BreakingNews({
  			background:"#FFF",
  			title:"BREAKING NEWS",
  			titlecolor:"#FFF",
  			titlebgcolor:"#099",
  			linkcolor:"#333",
  			linkhovercolor:"#099",
  			fonttextsize:16,
  			isbold:false,
  			border:"solid 2px #099",
  			width:"80%",
  			timer:3000,
  			autoplay:true,
  			effect:"fade",
  		});
          });
  </script>

  Alles anzeigen

  Die Listeneinträge, also die Newstexte müssen Sie natürlich noch anpassen.
  Auch die Scriptoptionen können Sie noch anpassen.

• Ticker testen

Hallo,

nein, nicht bei Punkt 6, sondern bei 7. Auf der Seite des Tools können Sie den Ticker von Style her anpassen und erhalten dann via "Get Code" den entsprechenden Code. Diesen können Sie bei Punkt 7 einfügen bzw. den vorhandenen Code ersetzen.

Die nachfolgenden Zeilen müssen Sie nirgends einfügen:
Add : jQuery.js
Add : BreakingNews.js
Add : BreakingNews.css

Bei Punkt 6 ist das Widget "Quelltext" gemeint. Siehe: http://homepage-erstellen-mit-desktop-cms.zeta-producer.com/inhalte-einfuegen.html

Den Ordner "ticker" kopieren Sie auf den Webserver in das Verzeichnis, wo auch Ihre Website-Daten liegen. Ob das bei Ihnen das Verzeichnis "\html" ist kann ich nicht sagen, da ich die Webserver-Struktur nicht kenne.

Der Code bei Punkt 5 muss etwas so aussehen

<link rel="stylesheet" type="text/css" href="http://www.ihredomain.de/ticker/css/BreakingNews.css"/>
<script src="http://www.ihredomain.de/ticker/js/BreakingNews.js"></script>

"http://www.ihredomain.de/" müssen Sie natürlich durch Ihre Domain ersetzen.