Webentwicklung – die besten Beiträge

Verwandte Themen
XentriX5526
26.09.2019, 12:30
Beitrag wurde 1 Mal erneut eingestellt
Mit Links

Vorschaubild für Link bei WhatsApp?

Welche Angaben muss ich im HTML-Head setzen, damit ich ein Vorschaubild beim senden eines Links erhalte?

Mein HTML-Head:

<head>
    <title>Webseitentitel</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="description" content="Webseiten Beschreibung" />
    <meta name="author" content="Max Mustermann" />
    <meta name="keywords" content="Schlüsselwort, noch ein Schlüsselwort, ..." />
    <meta property="og:title" content="Webseitentitel" />
    <meta property="og:description" content="Webseiten Beschreibung">
    <meta property="og:url" content="https://www.domain.de/" />
    <meta property="og:image" content="http://domain.de/images/logo.png" />
    <meta property="og:image:secure_url" content="https://domain.de/images/logo.png" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="325" />
    <meta property="og:image:height" content="325" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="de_DE" />
    <link rel="icon" href="images/logo.png" type="image/png">
    <link rel="shortcut icon" href="images/logo.png" type="image/png">
    <link rel="icon" href="images/logo.png" sizes="32x32" />
    <link rel="icon" href="images/logo.png" sizes="192x192" />
    <link rel="apple-touch-icon-precomposed" href="images/logo.png" />
    <meta name="msapplication-TileImage" content="images/logo.png" />
    <link rel="apple-touch-icon" href="images/logo.png">
    <link rel="stylesheet" type="text/css" href="styles/style.css">
    <link rel='shortlink' href='https://domain.de/' />
    <link rel="canonical" href="https://domain.de/" />
    <script src="https://kit.fontawesome.com/secret_key.js"></script>
</head>

Laut diesem Post bin ich vorgegangen...

https://stackoverflow.com/questions/19778620/provide-an-image-for-whatsapp-link-sharing

...ich habe mir auch die Infos von https://ogp.me/ angeschaut.

Ich komme einfach nicht weiter :(

HILFEEEEEEEEE....

HTML, Webseite, programmieren, Webdesign, Webentwicklung, preview, Vorschaubild
1 Antwort
Babizo
17.05.2019, 08:04
Mit Links

HTML|JS|CSS - Hinter dem DIV den Hintergrund unschärfen?

Hallo,

ich möchte gerne die restliche Seite unscharf haben, wenn mein DIV-Formular offen ist. Wenn ich mein DIV aber schließe "Abbrechen", ist die ganze Seite weg. Ich vermute mal das es mit dem anzeigen und verstecken vom "overlay" DIV zusammenhängt, welcher auch die Unschärfe rein bringt.

HTML Part:

<html>
<header>
    <link rel="stylesheet" href="css/style.css">
    <script language="javascript" type="text/javascript" src="js/script.js"></script>
    <script type="text/javashttps://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.jsquery.min.js"></script>
</header>

<body onload="startTime()"> <div id="overlay">

<div class="bsr"> <b> Besprechungsraum: </b> RR </div> <br>

<!-- --> <div id="ajaxdiv"> </div> <!-- -->

<br><br>

<div align="center" id="reservierungdiv"> <a href="#" class="btn_reservierung" onclick="openForm()">Reservierung</a> </div>

<?php include "connect/users.php"; ?>

</div> </body> </html>

CSS Part:

body {
    background-color: whitesmoke;
    /overflow: hidden;/
    z-index: 0;
}

#overlay{
    /display: none;/
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: 3;
    filter: blur(2px);
    visibility: hidden;
}

JS Part:

function openForm() {
    document.getElementById("myForm").style.display = "block";
    document.getElementById("overlay").style.display = "block"; <---
    startTimer();
}


function hideDiv() {
    document.getElementById('myForm2').reset();
    //$("#client")[0].reset();
    document.getElementById('myForm').style.display = 'none';
    document.getElementById("overlay").style.display = "none"; <---
}

Computer, HTML, programmieren, CSS, JavaScript, Webentwicklung
4 Antworten
XamaX563
29.04.2019, 23:52
Mit Links

JavaScript - Erste Schritte, CSS wird blockiert?

Ich bekomme folgenden Error, wenn ich versuche meine ersten Versuche einer Webseite in Firefox zu laden.

Die Ressource von "http://localhost:63342/FirstTest/style.css" wurde wegen eines MIME-Typ-Konfliktes ("text/html") blockiert (X-Content-Type-Options: nosniff)

Das ist der Code von den Datein.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <link rel="stylesheet"href="style.css">
</head>
<body>
    <div class="placeholder">
        I'm in a div!
    </div>
    <div class="anotherClass">
        I'm in another class!
    </div>
</body>
</html>

CSS

.placeholder{
    background-color: red;
}


.anotherClass{
    background-color: lightseagreen;
}

Leider werden nur die div Elemente ausgeben, woran kann es legen? Ich werde aus der Fehlermeldung nicht schlau.

Schöne Grüße

Computer, Technik, HTML, CSS, Informatik, Technologie, Webentwicklung
4 Antworten

Meistgelesene Beiträge zum Thema Webentwicklung

Mehr meistgelesene Fragen zu Webentwicklung