Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

<style>
  
 iframe {
  display: block;
  margin: 1em auto;
} 
 
Element {
  padding: 12px 6px;
  border: 1px groove rgb(86, 86, 86);
  border-radius: 4px;
  box-shadow: rgb(92, 92, 92) 3px 3px 3px;
}
*, ::before, ::after {
  box-sizing: inherit;
}
* {
  padding: 0px;
  margin: 0px;
}
 
Element {
}
 
</style>
 
<center><iframe allowfullscreen="" width="369px" height="298px" style="padding: 12px 6px; border: 1px groove rgb(86, 86, 86); border-radius: 4px; box-shadow: rgb(92, 92, 92) 3px 3px 3px;" frameborder="no" data-src="https://youtube.com/embed/AF25Rj-lRjs?rel=0&autoplay=1"
  data-thumb="https://i.ibb.co/q9qyTJn/0e5ad5baae6646d3953172196989155e-1.png"
></iframe></center>
<div class="clear"></div></center>
 
<script>
  
window.onload = () => {
  const getHostname = url => {
    const a = document.createElement('a')
    a.href = url
    return a.hostname
  }
  const fr = document.getElementsByTagName('iframe')
  
  for (let i = 0; i < fr.length; i++) {
    const frame = fr[i]
    const frWindow = fr[i].contentWindow
    const frDocument = frWindow.document
    const url = frame.getAttribute('data-src')
    const body = frDocument.body
 
    const blur = frDocument.createElement('div')
    blur.style = `
      background: url(${frame.getAttribute('data-thumb') || '#' + (frame.getAttribute('transparent') || frame.getAttribute('height'))}) center center no-repeat;
      background-size: cover;
      filter: blur(3px);
      position: absolute;
      top: 0; bottom: 0; left: 0; right: 0;
    `
    const noticeWrapper = frDocument.createElement('div')
    noticeWrapper.style = `
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      background: white;
      border-radius: 2px;
      box-shadow: 0 0 5px rgba(0,0,0,.5);
      padding: .5em 1em;
      width: 80%; max-width: 760px;
    `
 
    const noticeHeader = frDocument.createElement('h1')
    noticeHeader.style = `font-size: 20px`
    noticeHeader.innerHTML = `
      <font color = black> Dieser Inhalt wird möglicherweise geladen von
      ${frame.getAttribute('data-service-provider-name') || getHostname(url)} cookies</font>
    `
 
    const noticeInfo = frDocument.createElement('p')
    noticeInfo.innerHTML = `
      Durch die Annahme greifen Sie auf einen Dienst zu, der von einem Drittanbieter bereitgestellt wird
       extern zu ${window.location.hostname}
       <br>
       <br>
       Hier sehen sie nochmal die <a href="https://www.servicecrewloreth.de/datenschutz.html"" target="_blank">Datenschutzerklärung</a> von ${window.location.hostname}
    `
    
        const noticeButton = frDocument.createElement('button')
    noticeButton.style = `
      display: block;
      float: right;
    `
    noticeButton.innerHTML = 'Ich habe verstanden und stimme zu'
    noticeButton.onclick = () => frame.setAttribute('src', url)
 
    const noticeSecondary = frDocument.createElement('a')
    noticeSecondary.style = `
      clear: right;
      display: block;
      float: right;
      font-size: .75em;
    `
    noticeSecondary.href = url
    noticeSecondary.target = '_blank'
    noticeSecondary.rel = 'noopener'
    noticeSecondary.innerHTML = ''
    
    noticeWrapper.appendChild(noticeHeader)
    noticeWrapper.appendChild(noticeInfo)
    noticeWrapper.appendChild(noticeButton)
    noticeWrapper.appendChild(noticeSecondary)
    
    body.style = `font-family: Lato, sans-serif`
    body.appendChild(blur)
    body.appendChild(noticeWrapper)
 
  }
}
  
</script>