Hallöchen liebe Community, ich wollte mal fragen wie Mann ein Wasserzeichen einbauen kann. Hab mal eine KI gefragt habe zwar code erhalten weiß aber nicht wie Mann das einbaut. Also das Bild in Shop als Hintergrund und auf den Bild eine Grafik mit den Wasserzeichen.

Wenn keine helfen kann vielleicht ein Tipp welsche Dateien und welsche Zeilen wären toll.

.

Weil im Shop kann jeder das Bild herunterladen, und das sollte aber verhindert werden. Und F12 und Rechtsklick kann Mann ja zu leicht umgehen.

Wasserzeichen kannst eigentlich mit jedes program selber machen so wie ich es auf diesem Bild gemacht habe und da braucht man auch keine ki für. Aber selbst um Wasserzeichen zu entfernen gibt es schon gute programme für also sicher ist heute nichts mehr.

naja dann mus ich ja immer 2 bilder hochladen

google lieber mal ohne KI da gibt es genug Tutorials im Netz und nein man muss keine 2 Bilder hochladen, wie kommst du darauf?

Beispiel, mit einer einfachen suche bei Google: Wasserzeichen für Bilder erstellen

Klar muß ich zwei hochladen oder würdest  du ein Bild kaufen wo ein Wasserzeichen drauf ist.

Ach du möchtest Bilder verkaufen, naja wenn du einen Artikel als Download anbietest musst du ja auch 2 Dateien hochladen, 1x das Produkt und falls nötig eine Vorschau 1x ein Vorschaubild

ja klar sonst würde oben ja nicht Shop System da stehen.

Na ich teste mal und wenn es klappte kann ich die lösung ja mal hier posten. kann aber dauern wegen Arbeit

liebe Community ich habe jetzt den code nur zeigt er auf alle bilder im Fotogallerie an also nicht nur die bilder sondern auch header bild und logo und bei benachrichtigung ist ja die glocke da wird es auh angezeigt.

hier zum nachschauen : https://wir-wollen-chatten.de/gallery/

bin grade icn der nachtschicht wüder dann den code mal posten der in Head reinkommt.

nur wo finde ich den header teil also slider und logo da ich es im Themes und include nicht finde.

Moin Zillo, bitte entferne das Logo von W-P von den Templates auf deiner Seite. Diese Templates hast du selbst erstellt, jedoch nicht im Auftrag von Web-PHP.

Gruß Stefan

ups jo mus ich noch machen .

geht ja erstmal um das wasserzeichen.

auf https://wir-wollen-chatten.de/gallery/

so ein Update:  also in das Plugin Fotogalerie habe ich bei :

Includes/ansicht.php

Includes/start.php

Includes/details.php

Includes/dia_show.php

Diesen Code eingebaut ganz oben vor <?PHP

<style>
    .watermarked {
        position: relative;
        display: inline-block;
    }

    .watermarked img {
        display: block;
    }

    .watermarked .watermark {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background-color: rgba(255, 255, 255, 0.5); /* Halbtransparenter Hintergrund */
        padding: 5px 10px;
        font-size: 16px;
        color: black;
        font-weight: bold;
        border-radius: 5px;
        pointer-events: none; /* Verhindert das Anklicken des Wasserzeichens */
    }
</style>
<style>
        .wasserzeichen {
            display: none;
        }
    </style>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        var images = document.querySelectorAll("img");
        images.forEach(function(img) {
            var container = document.createElement("div");
            container.className = "watermarked";

            var watermark = document.createElement("div");
            watermark.className = "watermark";
            watermark.innerText = "HeSch4000";

            img.parentNode.insertBefore(container, img);
            container.appendChild(img);
            container.appendChild(watermark);
        });
    });
</script>

nun wird aber auf Header, Logo und icon bei Button Banachrichtigung wasserzeichen angezeigt.ich wollte jetzt mit   class="wasserzeichen" und 

.wasserzeichen {
      
display: none !important;
      
visibility: hidden !important;
}

bei header und logo das wasserzeichen weg machen, habe schon im Design geschaut nicht gefunden.

Sooo Liebe Community,

ein kleine Update zum Thema Wasserzeichen. Nicht mit Text sondern Mit Wasserzeichen Bild für Deine webseite wäre es gut wenn du dein Logo nimmst.

Zurzeit habe ich das in Plugins Fotogalerie.

plugins/fotogalerie/includes/

in :

ansicht.php

details.php

dia_show.php

kategorie2.php

start.php

ganz oben vor <?PHP

<style>
    .watermarked-container {
        position: relative;
        display: inline-block;
    }

    .watermarked {
        display: block;
    }

    .watermark {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.3;
        pointer-events: none; /* Verhindert das Anklicken des Wasserzeichens */
    }

    .watermark img {
        width: 150px; /* Breite des Wasserzeichen-Bildes */
        height: auto; /* Höhe automatisch anpassen */
    }
</style>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        var images = document.querySelectorAll("img.watermarked");
        images.forEach(function(img) {
            var container = document.createElement("div");
            container.className = "watermarked-container";

            var watermark = document.createElement("div");
            watermark.className = "watermark";

            var watermarkImg = document.createElement("img");
            watermarkImg.src = "/plugins/wasserzeichen.png"; // Pfad zu deinem Wasserzeichen-Bild

            watermark.appendChild(watermarkImg);

            img.parentNode.insertBefore(container, img);
            container.appendChild(img);
            container.appendChild(watermark);
        });
    });
</script>

und bei allen <img s baust du das class="watermarked" ein also   <img class="watermarked"  Speichern Fertig. nach F5 hast du dein Logo aud allen Bilder in der galerie und durch das class="watermarked" ist das wasserzeichen nur auf die bilder und nicht auf alle.

Liebes web-php theam könnt ihr das als update einbauen? das mann nur noch per admin bereich ein name oder ein bild reinsetzt??

Ach nochwas durch opacity: 0.3; kannst du die stärke vom wasserzeichen bestimmen