Forum - Eigene HTML-Box im Xobor (v6)-Template einbauen?

<script>
window.addEventListener('load', function ( ) {
 
$('#activity_feed').after(`<div class="card mb-3 fadeIn">
<div class="card-header  clearfix">
 
<h5 class="card-title">Meine eigene HTML-Box</h5>
 
</div> 
<div class="card-body"> 
 
<p>Im neuen <i>WoltLab Burning Board 5</i> hat man die Möglichkeit eigene Html-Boxen im Forum rechts einzufügen. Bei Xobor kann man ja nur die vorgesehenen Boxen mit ja oder Nein in der rechten Sidebar anzeigen lassen. Habe mal versucht eine Box nach rechts zu schieben mit dem second script. Aber das passt natürlich nicht. Deshalb wäre es irgendwie klasse, wenn man wie die Boxen im Portal, solch eine Box in der rechten sidebar vom Forum einfügen könnte. Hast du da vielleicht eine Idee?</p> 
 
</div>
</div>`);
 
});
</script>
 

<script>
window.addEventListener('load', function ( ) {
 
$('#useronline').after(`<div class="card mb-3 fadeIn">
<div class="card-header  clearfix">
 
<h5 class="card-title">Meine eigene HTML-Box</h5>
 
</div> 
<div class="card-body "> 
 
<p>Im neuen <i>WoltLab Burning Board 5</i> hat man die Möglichkeit eigene Html-Boxen im Forum rechts einzufügen. Bei Xobor kann man ja nur die vorgesehenen Boxen mit ja oder Nein in der rechten Sidebar anzeigen lassen. Habe mal versucht eine Box nach rechts zu schieben mit dem second script. Aber das passt natürlich nicht. Deshalb wäre es irgendwie klasse, wenn man wie die Boxen im Portal, solch eine Box in der rechten sidebar vom Forum einfügen könnte. Hast du da vielleicht eine Idee?</p> 
 
</div>
</div>`);
 
});
</script>
 

<script>
window.addEventListener('load', function ( ) {
 
$('.col.col-12.col-xl-4.scndrow').prepend(`<div class="card mb-3 fadeIn">
<div class="card-header  clearfix">
 
<h5 class="card-title">Meine eigene HTML-Box</h5>
 
</div> 
<div class="card-body "> 
 
<p>Im neuen <i>WoltLab Burning Board 5</i> hat man die Möglichkeit eigene Html-Boxen im Forum rechts einzufügen. Bei Xobor kann man ja nur die vorgesehenen Boxen mit ja oder Nein in der rechten Sidebar anzeigen lassen. Habe mal versucht eine Box nach rechts zu schieben mit dem second script. Aber das passt natürlich nicht. Deshalb wäre es irgendwie klasse, wenn man wie die Boxen im Portal, solch eine Box in der rechten sidebar vom Forum einfügen könnte. Hast du da vielleicht eine Idee?</p> 
 
</div>
</div>`);
 
});
</script>
 

<script>
window.addEventListener('load', function ( ) {
 
$('#forumstats').after(`<div class="card mb-3 fadeIn">
<div class="card-header  clearfix">
 
<h5 class="card-title">Meine eigene HTML-Box</h5>
 
</div> 
<div class="card-body "> 
 
<p>Im neuen <i>WoltLab Burning Board 5</i> hat man die Möglichkeit eigene Html-Boxen im Forum rechts einzufügen. Bei Xobor kann man ja nur die vorgesehenen Boxen mit ja oder Nein in der rechten Sidebar anzeigen lassen. Habe mal versucht eine Box nach rechts zu schieben mit dem second script. Aber das passt natürlich nicht. Deshalb wäre es irgendwie klasse, wenn man wie die Boxen im Portal, solch eine Box in der rechten sidebar vom Forum einfügen könnte. Hast du da vielleicht eine Idee?</p> 
 
</div>
</div>`);
 
});
</script>
 

<script>
window.addEventListener('load', function ( ) {
 
$('.firstrow .card:first').before(`<div id="customcard1" class="card expanded order-0 mb-3 fadeIn">
<div class="card-header">
<h5 class="card-title pull-left">Meine eigene HTML-Box</h5>
<span class="float-right cardtoggler">
<a class="cardexpand" data-cardid="customcard1"><span class="xob xob-angle-down xob"></span></a>
<a class="cardcompress" data-cardid="customcard1"><span class="xob xob-angle-up xob"></span></a>
</span>
 
</div>
 
<div class="card-body "> 
 
<p>Im neuen <i>WoltLab Suite Forum 5</i> hat man die Möglichkeit eigene Html-Boxen im Forum rechts einzufügen. Bei Xobor kann man ja nur die vorgesehenen Boxen mit ja oder Nein in der rechten Sidebar anzeigen lassen. Habe mal versucht eine Box nach rechts zu schieben mit dem second script. Aber das passt natürlich nicht. Deshalb wäre es irgendwie klasse, wenn man wie die Boxen im Portal, solch eine Box in der rechten sidebar vom Forum einfügen könnte. Hast du da vielleicht eine Idee?</p> 
 
</div>
</div>`);
 
/* Box bei Bedarf einklappen */
try{
if(hidden_cards.length){
$.each(hidden_cards,function(){
$card = $('#'+this);
$card.removeClass('expanded').addClass('compressed');
});
}
}catch(e){} 
 
});
</script>
 

<script>
window.addEventListener('load', function ( ) {
 
$('.firstrow.col.col-12.col-xl-8').append(`<div id="customcard2" class="card expanded order-0 mb-3 fadeIn">
<div class="card-header">
<h5 class="card-title pull-left">Meine eigene HTML-Box</h5>
<span class="float-right cardtoggler">
<a class="cardexpand" data-cardid="customcard2"><span class="xob xob-angle-down xob"></span></a>
<a class="cardcompress" data-cardid="customcard2"><span class="xob xob-angle-up xob"></span></a>
</span>
 
</div>
 
<div class="card-body "> 
 
<p>Im neuen <i>WoltLab Suite Forum 5</i> hat man die Möglichkeit eigene Html-Boxen im Forum rechts einzufügen. Bei Xobor kann man ja nur die vorgesehenen Boxen mit ja oder Nein in der rechten Sidebar anzeigen lassen. Habe mal versucht eine Box nach rechts zu schieben mit dem second script. Aber das passt natürlich nicht. Deshalb wäre es irgendwie klasse, wenn man wie die Boxen im Portal, solch eine Box in der rechten sidebar vom Forum einfügen könnte. Hast du da vielleicht eine Idee?</p> 
 
</div>
</div>`);
 
/* Box bei Bedarf einklappen */
try{
if(hidden_cards.length){
$.each(hidden_cards,function(){
$card = $('#'+this);
$card.removeClass('expanded').addClass('compressed');
});
}
}catch(e){} 
 
});
</script>
 

<style>
#mtxt{
max-width:750px;
font-size: 14pt;
font-weight: bold; 
font-family: Baskerville Old Face; 
padding:5px 0px 5px 20px;
border-radius:9px;
border: 6px double #777777;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
</style>
 
<script>
window.addEventListener('load', function ( ) {
 
$('.firstrow .card:first').before(`<div class="card order-0 mb-3 fadeIn">
<div class="card-header  clearfix">
 
<h5 class="card-title">Meine eigene HTML-Box</h5>
 
</div> 
<div class="card-body "> 
 
<center>
<div id="mtxt">News-Ticker</div>
</center>
 
</div>
</div>`);
 
});
</script>
 
<script>
/* Tickereinstellungen */
var newslist=new Array(); 
var cnt=0; 
var curr = ""; 
var i=-1;	
 
newslist[0]=new Array("+++ Neue Weltzeituhr mit JQuery-Script, Datumausgabe und Localzeit +++")
newslist[1]=new Array("+++ Komplette Forum-Iconbar zum herunterladen +++")
newslist[2]=new Array("+++ Formatierbare Tooltipps +++")
newslist[3]=new Array("+++ Spenden-Button fürs Forum +++")
 
function newsticker() { 
 
if (i < newslist[cnt][0].length - 1) 
{ 
i++; 
temp1 = newslist[cnt][0];	
temp1 = temp1.split('');	
curr = curr+temp1[i];  
mtxt.innerHTML = ""+curr+"_"; 
 
/* Ticker-Geschwindigkeit */
setTimeout('newsticker()',50) 
return; 
} 
 
/* Pause */
i = -1; curr = ""; 
if (cnt<newslist.length-1) 
cnt++; 
else 
cnt=0; 
setTimeout('newsticker()',5000) 
} 
 
window.onload = newsticker;
</script>
 

<script>
window.addEventListener('load', function ( ) {
 
$('#useronline').after(`<div class="card order-0 mb-3 fadeIn">
<div class="card-header  clearfix">
 
<h5 class="card-title">Mein Osterticker</h5>
 
</div> 
<div class="card-body "> 
 
<center>
<table border="1"  border-style="solid" background="https://abload.de/img/tickerhg22xk06.jpg">
<tbody>
<tr><td>
<img src="https://abload.de/img/osterbildj8jyi.jpg">
</td></tr>
<tr><td>
 
<div id="tickertext" style="font-weight:bold;font-family:verdana, arial, helvetica;color:#33cc00;font-size:13px;font-style:oblique;text-align: center !important;">Ticker kann nicht angezeigt werden!</div>
  
</td></tr>
</tbody>
</table>
</center>
 
</div>
</div>`);
 
var today=new Date()
var theoccasion=new Date(today.getFullYear(), 04, 04)  // Monat, Tag
var beforeOccasionText="bis Ostern"
var onOccasiontext="Heute ist Ostern"
var monthtext=new Array("Jan","Feb","März","April","Mai","Juni","Juli","Aug","Sept","Okt","Nov","Dez")
theoccasion.setMonth(theoccasion.getMonth()-1)
var showdate="("+theoccasion.getDate()+". "+monthtext[theoccasion.getMonth()]+")"
var one_day=1000*60*60*24
var calculatediff=""
calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}
var pluraldayornot=(calculatediff==1)? "Tag" : "Tage"
if (calculatediff>0)
tickertext.innerHTML = "<b>Noch "+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" "+showdate+"!</b>";  // " ... "+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" "+showdate+" ... "; 
else if (calculatediff==0)
tickertext.innerHTML = ".·:*¨¨*:·. <b>"+onOccasiontext+"</b> .·:*¨¨*:·.";   // " ... "+onOccasiontext+" ... "; 
 
});
</script>