Hallo,
Ik ben een betalende klant die een screenshot van een <div> -element probeert te maken met een tweet-insluiting met een watermerk erop. Probleem is dat ik een screenshot krijg van alleen het watermerk. Hier is mijn code ... wat doe ik verkeerd?
<! doctype html>
<html>
<Head>
<meta charset = "utf-8">
<style>
#tweet {
positie: relatief;
z-index: 1! belangrijk;
breedte: 500 px! belangrijk;
marge-links: -8 px;
margin-top: -10 px;
}
.watermerk {
positie: absoluut;
boven: 60 px;
links: 100 px;
z-index: 10! belangrijk;
display: <? php if ($ _ GET ['watermerk'] == 0) {$ watermerk = "none"; } elseif ($ _ GET ['watermerk'] == 1) {$ watermerk = ""; } echo $ watermerk; ?>;
}
#tweet iframe {
border: geen! belangrijk;
box-schaduw: geen! belangrijk;
}
.copywrite p {
positie: absoluut;
links: 0;
margin-top: -9 px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 12px;
kleur: # a2a6a8;
}
</ style>
<title> Tweet Screen Shot Feeder </title>
<script src = "https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"> </script>
</ Head>
<Body>
<div class = "tweet-wrapper" id = "content">
<div id = "tweet" tweetID = "<? php echo $ _GET [" tweetid "];?>"> </div>
<! - <div id = "tweet" tweetID = "1223594060818059264"> </div> ->
<img src = "images / watermerk.png" class = "watermerk" />
</ Div>
<div class = "copywrite">
<p> Tweet screenshot van <strong> https://sane.social </strong> © op <? php echo date ("M. d, Y"). "<br>";?> </p>
</ Div>
<script sync src = "https://platform.twitter.com/widgets.js"> </script>
<script>
window.onload = (function () {
var tweet = document.getElementById ("tweet");
var id = tweet.getAttribute ("tweetID");
twttr.widgets.createTweet (
id, tweet, {
gesprek: 'geen', // of alles
kaarten: 'zichtbaar', // of zichtbaar
thema: 'light' // of dark
})
.then (functie (el) {
el.contentDocument.querySelector (". footer"). style.display = "none";
});
});
</ Script>
<div id = "tweetshot"> </div>
<script type = "text / javascript">
GrabzIt ("XXXX ="). ConvertPage (window.location.href, {"target": "#content", "bheight": -1, "height": -1, "width": -1}). AddTo ("tweetshot");
</ Script>
</ Body>
</ Html>
