Sie befinden sich hier » „Forum » Tutorials » Tutorials » Newsticker erstellen” «
Newsticker erstellen

07.10.2012 - 12:34:04

hier zeig ich euch wie ihr einen Newsticker einbindet im design der xxx_2012 reihe.



zu erst Öffnet ihr die index.htm

dort sucht ihr nach

 Code
1:
2:
3:
 
<div class="classheader" id="header">{SITENAME}</div>


wenn ihr es gefunden habt
fügt ihr folgenden code darunter ein
 Code
1:
2:
3:
4:
5:
 
<div class="newsticker" id="newsticker"><marquee direction="left" scrollamount="3" scrolldelay="0" class="tickertext" onmouseover="this.stop()" onmouseout="this.start()">
Newstickertext im design red_2012
</marquee></div>


wenn ihr das habt speichert eure index.htm
hier sind wir fertig


jetzt Öffnet ihr die style.css

dort fügt ihr
 Code
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
 #newsticker
{
   padding:7px 183px 0px 183px;
   width:658px;
   height:20px;
   background-image:url(Bilder/newsticker.png);
   background-repeat:no-repeat;
   }


.newsticker
{
   color:#FFF;
   font-family:Arial, Helvetica, sans-serif;
   font-style:italic;
   font-size:12px;
}


ein
wo ist egal

jetzt speichert ihr wieder eure style.css


zuletzt brauchen wir noch das Hintergrundbild von Newsticker

das bekommt ihr hier newstickerhintergundbild

rechtskick drauf und speichern unter auswählen

wen ihr es jetzt auf euren Desktop gespeichert habt
kopiert das Bild in den Ordner Include/designs/xxx_2012/Bilder/


wenn ihr das habt

ladet ihr alles auf euren webspace hoch
und Fertig ist das Ganze ;)


Zuletzt modifiziert von Blaubaer am 07.10.2012 - 07:31:03



"Ich bin nicht sicher, mit welchen Waffen der dritte Weltkrieg ausgetragen wird, aber im vierten Weltkrieg werden sie mit Stöcken und Steinen kämpfen."

  Blaubaer
Administrator

User Pic

Beiträge: 13
Registriert: 23.09.2012
Wohnort: NRW

   

1 Mitglieder finden den Beitrag gut.




Images by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Powered by IlchBB Forum 3.1 © 2010 Weblösungen Florian Körner