HTML Code in Box

hula1499

Sehr aktives Mitglied
22. Juni 2011
5.245
1.188
Guten Morgen,

ich hätte gerne einen HTML Code, auf der Startseite, in einer Box und bekomme es nicht hin und bitte um Hilfe.

Kopier ich den html code (mit style, java etc) einfach in den Quellcode einer neuen Box mit Rahmen, bekomme ich:

Code:
[B]Fatal error: Smarty error: [in evaluated template line 16]: syntax error:... [/B]

und alle Styles sind markiert mit: <!--{cke_protected}... (alles aus Notepad kopiert, vor dem Abspeichern ist der Code auch korrekt).

Wie sage ich der Box, sie soll mir den Inhalt "vollständig" ausgeben, sodass alles ausgegeben wird?

Ist lediglich ein 0815 Adventkalenderscript.

Danke.
 

hula1499

Sehr aktives Mitglied
22. Juni 2011
5.245
1.188
AW: HTML Code in Box

Hab jetzt noch einen Beitrag gefunden mit:

Versucht doch bitte einmal alle "{" Klammern in "{ldelim}" und alle "}" Klammern zu "{rdelim}" umzuschreiben.

Gemacht, jetzt ist mal der Smarty Error weg.

Jedoch werden nicht alle Bilder angezeigt und das <!--{cke_protected} , steht ebenfalls noch im Quelltext der Box.

Code, falls es hilft:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>Online Adventskalender</title><meta name="description" content="Online-Adventskalender "><meta name="keywords" content="Online-Adventskalender">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Language" content="de">

<style type="text/css"><!--
body {margin:0px;padding: 0px;font-family: Verdana,Arial,Helvetica,Sans-serif;font-size:11px;font-weight: normal;color: #FFFFFF;background-color: #FFFFFF;}
td, p {font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 11px;font-weight: normal;color: #FFFFFF;}
h4 {font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 18px;font-weight: normal;color: #FFFFFF;}
a:link, a:visited {font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 11px;text-decoration: none;color: #FFFFFF;}
a:hover {color: #FF00FF;}
h1 {font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 18px;color: #00AFFF;font-weight:bold;}
--></style>





<script type="text/javascript" language="JavaScript"><!--
// Pfad für die Tagesdateien eintragen ("" falls im gleichen Ordner)var DateiPfad = "tagesdateien01/";
// Welche Päkchengrafik?var Grafik = 'paeckchen-01.png';

var Monat01 = "";var Zahl01 = "";var Hinweis01 = "";var Nummer;
var Kaldatum = new Date();var KalJahr = Kaldatum.getFullYear();var KalMonat = Kaldatum.getMonth();var KalTag = Kaldatum.getDate();


// ::::::::::  Beginn Datumsfunktionen :::::::::::::
// aktuelles Datum anzeigen
var TageLang = new Array ("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
var MonateKurz = new Array ("JAN","FEB","MAR","APR","MAI","JUN","JUL","AUG","SEP","OKT","NOV","DEZ");

// Zeit bis 1. Weihnachtstag anzeigenfunction Warten01() {
var KalZiel = new Date("December 25, " + KalJahr + " 00:00:01");diff = KalZiel.getTime() - Kaldatum.getTime();var TageBis = Math.floor(diff / (1000 * 60 * 60 * 24));

if (TageBis > 1)document.write((TageBis) + " Tage bis Weihnachten");else if (TageBis == 2)document.write("Morgen ist Heiligabend!");else if (TageBis == 1)document.write("Heute ist  Heiligabend!");else if (TageBis == 0)document.write("Frohe Weihnachten");else if (TageBis == -1)document.write("Frohe Weihnachten");else if (TageBis < -2)document.write("Weihnachten ist vorbei");return}

// InfoText generieren// Achtung hier Start am 1. Dez., Ende 24. Dez (24 Fensterchen)function InfoText(){var KalStart = new Date("December 1, " + KalJahr);diff = KalStart.getTime() - Kaldatum.getTime();var TageWarten = Math.floor(diff / (1000 * 60 * 60 * 24));
   if (TageWarten >= 1)   Hinweis01 = "In " + (TageWarten+1) + " Tagen geht's los! Dann dürfen Sie jeden Tag ein Päckchen öffnen.";   if (TageWarten == 0)   Hinweis01 = "Morgen geht's los! Dann dürfen Sie das erste Päckchen öffnen";   if (TageWarten <= -1 && TageWarten >= -24)   Hinweis01 = "Öffnen Sie das Päckchen für den heutigen Tag. Jeden Tag eine Überraschung";   if (TageWarten < -24)   Hinweis01 = "Unsere Adventsaktion ist beendet. Hier konnten Sie jeden Tag ein Päckchen öffnen.";
return}
// ::::::::::  Ende Datumsfunktionen :::::::::::::

var Nummer;
if(KalMonat != 11) Nummer = 'meldung1';
if(KalMonat == 11) Nummer = KalTag;
if(KalTag > 24) Nummer = 'meldung2';

var PfadUndDatei = DateiPfad + Nummer + '.htm';
var AdventURL = 'javascript:PopUpAdvent()';



function Schreiben() {InfoText();document.getElementById('AdventLink').href = AdventURL;document.getElementById('AdventLink').innerHTML = '<img src="' + Grafik + '" width="68" height="70" border="0" alt="">';//document.getElementById('AdventLink').target = '_blank';document.getElementById('AdventMonat').innerHTML = MonateKurz[KalMonat];document.getElementById('AdventZahl').innerHTML = KalTag;document.getElementById('AdventHinweis').innerHTML = Hinweis01;return}
window.setTimeout("Schreiben()", 4000);
// PopUp-Window Eigenschaften für die TagesdateiAttribute01 = "left=20,top=20,screenX=20,screenY=20,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=850,height=600";

// Datei im PopUp-Window anzeigenfunction PopUpAdvent() {var Info = window.open(PfadUndDatei,'',Attribute01);}


//  End --></script>


<style type="text/css"><!--
/* Edit-Marker 06 Rahmen */
#Advent {position: relative;width: 150px;height: 150px;border: 1px solid #000000;background-color: #FFFFFF;}
#Verweis{position: absolute;top: 18px;left: 11px;width: 68px;height: 70px;text-align:center;font-family: Arial,sans-serif;font-size: 10px;line-height: 1em;letter-spacing: 1px;color: #FFFFFF;border: 0px solid #D40000;}

#AdventMonat{position: absolute;top: 17px;left: 104px;width: 30px;height: 11px;text-align:center;font-family: Arial,sans-serif;font-size: 10px;line-height: 1em;letter-spacing: 1px;color: #FFFFFF;border: 0px solid #D40000;}
#AdventZahl{position:absolute;top: 34px;left: 98px;width: 42px;height: 30px;text-align: center;font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 18px;color: #6F6F6F;font-weight: bold;border: 0px solid #D40000;}
#AdventHinweis {position: absolute;top: 92px;left: 6px;width: 140px;height: auto;font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 9px;line-height: 130%;color: #000000;text-align: left;}

/* Edit-Marker 02 Titeltext */
.titel {font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 11px;color:#0090E0;}

/* Text unterhalb des Kalenders */.Text {font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 11px;color: #9497BE;}

/* Links */
a:link, a:visited  {font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 11px;text-decoration: none;color: #FF7F00;}
a:hover {text-decoration: none;color: #000000;}
--></style>

</head><body>



<br><br><div align="center">
<!-- Kalendercode ab hier -->




<div id="Advent"><img src="grafik-01.png" width="150" height="150" border="0" alt=""><div id="Verweis"><a id="AdventLink" href="javascript:void(0)"><img src="startgrafik.png" width="68" height="70" border="0" alt=""></a></div><div id="AdventMonat">&nbsp;</div><div id="AdventZahl">&nbsp;</div><div id="AdventHinweis">Unsere Adventsaktion 2013. Hier k&ouml;nnen Sie jeden Tag ein P&auml;ckchen &ouml;ffnen.</div></div>



<!-- Tagesdatum anzeigen -->
<script type="text/javascript" language="JavaScript"><!--var KDatum = new Date();var KMonat = KDatum.getMonth()+1;var KTag = KDatum.getDate();document.getElementById('AdventZahl').innerHTML = KTag;document.getElementById('AdventMonat').innerHTML = MonateKurz[KMonat-1];//--></script>

<!-- Counter bis Weihnachten kann man entfernen --><span class="Text"><br><script type="text/javascript" language="JavaScript"><!--Warten01()//--></script><br></span>

<!-- Link auf die Web-Toolbox können Sie entfernen (muss aber nicht) --><br><br>


<!-- Kalendercode bis hier --></div>




</body></html>
 

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.452
282
AW: HTML Code in Box

Wieso bindest du eine komplette HTML Seite ein? Wenn du das machen möchtest dann bitte als iFrame. Beim Speichern der Box wird der CKEditor sicherlich deinen Code fixen weil es ansonsten zu Fehlern kommen würde. Binde doch einfach folgendes ein:

Code:
[COLOR=#800000]<script type=[COLOR=#0000FF]"text/javascript"[/COLOR] language=[COLOR=#0000FF]"JavaScript"[/COLOR]>[/COLOR][I][COLOR=#000080]<!-- // Pfad für die Tagesdateien eintragen ("" falls im gleichen Ordner)var DateiPfad = "tagesdateien01/"; // Welche Päkchengrafik?var Grafik = 'paeckchen-01.png';  var Monat01 = "";var Zahl01 = "";var Hinweis01 = "";var Nummer; var Kaldatum = new Date();var KalJahr = Kaldatum.getFullYear();var KalMonat = Kaldatum.getMonth();var KalTag = Kaldatum.getDate();   // ::::::::::  Beginn Datumsfunktionen ::::::::::::: // aktuelles Datum anzeigen var TageLang = new Array ("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); var MonateKurz = new Array ("JAN","FEB","MAR","APR","MAI","JUN","JUL","AUG","SEP","OKT","NOV","DEZ");  // Zeit bis 1. Weihnachtstag anzeigenfunction Warten01() { var KalZiel = new Date("December 25, " + KalJahr + " 00:00:01");diff = KalZiel.getTime() - Kaldatum.getTime();var TageBis = Math.floor(diff / (1000 * 60 * 60 * 24));  if (TageBis >[/COLOR] 1)document.write((TageBis) + " Tage bis Weihnachten");else if (TageBis == 2)document.write("Morgen ist Heiligabend!");else if (TageBis == 1)document.write("Heute ist  Heiligabend!");else if (TageBis == 0)document.write("Frohe Weihnachten");else if (TageBis == -1)document.write("Frohe Weihnachten");else if (TageBis [COLOR=#000080]< -2)document.write("Weihnachten ist vorbei");return}  // InfoText generieren// Achtung hier Start am 1. Dez., Ende 24. Dez (24 Fensterchen)function InfoText(){var KalStart = new Date("December 1, " + KalJahr);diff = KalStart.getTime() - Kaldatum.getTime();var TageWarten = Math.floor(diff / (1000 * 60 * 60 * 24));    if (TageWarten >[/COLOR]= 1)   Hinweis01 = "In " + (TageWarten+1) + " Tagen geht's los! Dann dürfen Sie jeden Tag ein Päckchen öffnen.";   if (TageWarten == 0)   Hinweis01 = "Morgen geht's los! Dann dürfen Sie das erste Päckchen öffnen";   if (TageWarten [COLOR=#000080]<= -1 && TageWarten >[/COLOR]= -24)   Hinweis01 = "Öffnen Sie das Päckchen für den heutigen Tag. Jeden Tag eine Überraschung";   if (TageWarten [COLOR=#000080]< -24)   Hinweis01 = "Unsere Adventsaktion ist beendet. Hier konnten Sie jeden Tag ein Päckchen öffnen."; return} // ::::::::::  Ende Datumsfunktionen :::::::::::::  var Nummer; if(KalMonat != 11) Nummer = 'meldung1'; if(KalMonat == 11) Nummer = KalTag; if(KalTag >[/COLOR] 24) Nummer = 'meldung2';  var PfadUndDatei = DateiPfad + Nummer + '.htm'; var AdventURL = 'javascript:PopUpAdvent()';    function Schreiben() {InfoText();document.getElementById('AdventLink').href = AdventURL;document.getElementById('AdventLink').innerHTML = '[COLOR=#800080]<img src=[COLOR=#0000FF]"' + Grafik + '"[/COLOR] width=[COLOR=#0000FF]"68"[/COLOR] height=[COLOR=#0000FF]"70"[/COLOR] border=[COLOR=#0000FF]"0"[/COLOR] alt=[COLOR=#0000FF]""[/COLOR]>[/COLOR]';//document.getElementById('AdventLink').target = '_blank';document.getElementById('AdventMonat').innerHTML = MonateKurz[KalMonat];document.getElementById('AdventZahl').innerHTML = KalTag;document.getElementById('AdventHinweis').innerHTML = Hinweis01;return} window.setTimeout("Schreiben()", 4000); // PopUp-Window Eigenschaften für die TagesdateiAttribute01 = "left=20,top=20,screenX=20,screenY=20,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=850,height=600";  // Datei im PopUp-Window anzeigenfunction PopUpAdvent() {var Info = window.open(PfadUndDatei,'',Attribute01);}   //  End -->[/I][COLOR=#800000]</script>

[COLOR=#800080]<style type=[COLOR=#0000FF]"text/css"[/COLOR]>[/COLOR][I][COLOR=#000080]<!-- /* Edit-Marker 06 Rahmen */ #Advent {position: relative;width: 150px;height: 150px;border: 1px solid #000000;background-color: #FFFFFF;} #Verweis{position: absolute;top: 18px;left: 11px;width: 68px;height: 70px;text-align:center;font-family: Arial,sans-serif;font-size: 10px;line-height: 1em;letter-spacing: 1px;color: #FFFFFF;border: 0px solid #D40000;}  #AdventMonat{position: absolute;top: 17px;left: 104px;width: 30px;height: 11px;text-align:center;font-family: Arial,sans-serif;font-size: 10px;line-height: 1em;letter-spacing: 1px;color: #FFFFFF;border: 0px solid #D40000;} #AdventZahl{position:absolute;top: 34px;left: 98px;width: 42px;height: 30px;text-align: center;font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 18px;color: #6F6F6F;font-weight: bold;border: 0px solid #D40000;} #AdventHinweis {position: absolute;top: 92px;left: 6px;width: 140px;height: auto;font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 9px;line-height: 130%;color: #000000;text-align: left;}  /* Edit-Marker 02 Titeltext */ .titel {font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 11px;color:#0090E0;}  /* Text unterhalb des Kalenders */.Text {font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 11px;color: #9497BE;}  /* Links */ a:link, a:visited  {font-family: Verdana,Arial,Helvetica,Sans-serif;font-size: 11px;text-decoration: none;color: #FF7F00;} a:hover {text-decoration: none;color: #000000;} -->[/COLOR][/I][COLOR=#800080]</style>

[/COLOR]
[COLOR=#000080]<br>[/COLOR][COLOR=#000080]<br>[/COLOR][COLOR=#000080]<div align=[COLOR=#0000FF]"center"[/COLOR]>[/COLOR] [I][COLOR=#000080]<!-- Kalendercode ab hier -->[/COLOR][/I]     [COLOR=#000080]<div id=[COLOR=#0000FF]"Advent"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000FF]"grafik-01.png"[/COLOR] width=[COLOR=#0000FF]"150"[/COLOR] height=[COLOR=#0000FF]"150"[/COLOR] border=[COLOR=#0000FF]"0"[/COLOR] alt=[COLOR=#0000FF]""[/COLOR]>[/COLOR][COLOR=#000080]<div id=[COLOR=#0000FF]"Verweis"[/COLOR]>[/COLOR][COLOR=#008000]<a id=[COLOR=#0000FF]"AdventLink"[/COLOR] href=[COLOR=#0000FF]"javascript:void(0)"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000FF]"startgrafik.png"[/COLOR] width=[COLOR=#0000FF]"68"[/COLOR] height=[COLOR=#0000FF]"70"[/COLOR] border=[COLOR=#0000FF]"0"[/COLOR] alt=[COLOR=#0000FF]""[/COLOR]>[/COLOR][COLOR=#008000]</a>[/COLOR][COLOR=#000080]</div>[/COLOR][COLOR=#000080]<div id=[COLOR=#0000FF]"AdventMonat"[/COLOR]>[/COLOR][B][I]&nbsp;[/I][/B][COLOR=#000080]</div>[/COLOR][COLOR=#000080]<div id=[COLOR=#0000FF]"AdventZahl"[/COLOR]>[/COLOR][B][I]&nbsp;[/I][/B][COLOR=#000080]</div>[/COLOR][COLOR=#000080]<div id=[COLOR=#0000FF]"AdventHinweis"[/COLOR]>[/COLOR]Unsere Adventsaktion 2013. Hier k[B][I]&ouml;[/I][/B]nnen Sie jeden Tag ein P[B][I]&auml;[/I][/B]ckchen [B][I]&ouml;[/I][/B]ffnen.[COLOR=#000080]</div>[/COLOR][COLOR=#000080]</div>[/COLOR]    [I][COLOR=#000080]<!-- Tagesdatum anzeigen -->[/COLOR][/I] [COLOR=#800000]<script type=[COLOR=#0000FF]"text/javascript"[/COLOR] language=[COLOR=#0000FF]"JavaScript"[/COLOR]>[/COLOR][I][COLOR=#000080]<!--var KDatum = new Date();var KMonat = KDatum.getMonth()+1;var KTag = KDatum.getDate();document.getElementById('AdventZahl').innerHTML = KTag;document.getElementById('AdventMonat').innerHTML = MonateKurz[KMonat-1];//-->[/COLOR][/I][COLOR=#800000]</script>[/COLOR]  [I][COLOR=#000080]<!-- Counter bis Weihnachten kann man entfernen -->[/COLOR][/I][COLOR=#000080]<span class=[COLOR=#0000FF]"Text"[/COLOR]>[/COLOR][COLOR=#000080]<br>[/COLOR][COLOR=#800000]<script type=[COLOR=#0000FF]"text/javascript"[/COLOR] language=[COLOR=#0000FF]"JavaScript"[/COLOR]>[/COLOR][I][COLOR=#000080]<!--Warten01()//-->[/COLOR][/I][COLOR=#800000]</script>[/COLOR][COLOR=#000080]<br>[/COLOR][COLOR=#000080]</span>[/COLOR]  [I][COLOR=#000080]<!-- Link auf die Web-Toolbox können Sie entfernen (muss aber nicht) -->[/COLOR][/I][COLOR=#000080]<br>[/COLOR][COLOR=#000080]<br>[/COLOR]   [I][COLOR=#000080]<!-- Kalendercode bis hier -->[/COLOR][/I][COLOR=#000080]</div>[/COLOR]

Dass die Grafiken nicht angezeigt werden liegt mit Sicherheit an den Pfaden. Hier gibts du nur den Dateinamen an, nicht aber das Verzeichnis in dem sich diese auch befindet.
[/COLOR]
 

hula1499

Sehr aktives Mitglied
22. Juni 2011
5.245
1.188
AW: HTML Code in Box

Ok, ich muss nochmal drauf zurückkommen.

Kann ich das iframe in einer "richtigen" Box anzeigen lassen?
Mit Überschrift, Umrandung etc?
 

hula1499

Sehr aktives Mitglied
22. Juni 2011
5.245
1.188
AW: HTML Code in Box

Also wie Kategoriebox etc.

Mit Linkgruppe/CMS geht es nicht, da es ja ein Link zu einer Unterseite ist.

Füge ich es als "eigene Box mit/ohne Rahmen" hinzu, sieht es nicht so aus wie zb. Kategorie/Sonderangebote usw. also die einheitliche Optik fehlt.
 

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.452
282
AW: HTML Code in Box

Also wie Kategoriebox etc.

Mit Linkgruppe/CMS geht es nicht, da es ja ein Link zu einer Unterseite ist.

Füge ich es als "eigene Box mit/ohne Rahmen" hinzu, sieht es nicht so aus wie zb. Kategorie/Sonderangebote usw. also die einheitliche Optik fehlt.

Kannst du mal einen Link zum Shop posten oder mir den iFrame Code nennen? Dann teste ich bei mir lokal.
 

hula1499

Sehr aktives Mitglied
22. Juni 2011
5.245
1.188
AW: HTML Code in Box

Hab einfach die html datei via iframe geladen - also Code von oben als html am Server und dann in einer "leeren" Box (Admin/Boxenverwaltung) das iframe rein:

<p>
<iframe frameborder="0" height="240" scrolling="no" src="adventskalender16-01b.htm" width="235">&amp;amp;amp;lt;a href=&quot;adventskalender16-01b.htm&quot; _cke_saved_href=&quot;adventskalender16-01b.htm&quot;&amp;amp;amp;gt;Adventskalender &amp;amp;amp;lt;/a&amp;amp;amp;gt;</iframe></p>


er zeigt es ja schön an, ladet alles etc. aber die Box hat halt keinen Rahmen, keine Überschrift wie die normalen Kat. Boxen etc.
 

hula1499

Sehr aktives Mitglied
22. Juni 2011
5.245
1.188
AW: HTML Code in Box

Schön wärs, wenns so einfach ist/wäre...lesen schaff ich ja grad noch :)

box_rahmen.jpg
 

Anhänge

  • box_rahmen.jpg
    box_rahmen.jpg
    87,7 KB · Aufrufe: 34

Ähnliche Themen