Wasserzeichen CSS HTML?

Hallo,

Ich würde gerne in HTML und CSS ein wasserzeichen machen, wie geht das?

Das Wasserzeichen soll im hintergrund von einem Text sein, falls ihr versteht was ich meine.

2 Antworten

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, CSS, Programmieren & Softwareentwicklung

21.06.2022, 16:40

Ich würde gerne in HTML und CSS ein wasserzeichen machen, wie geht das?

<style>
body {
   background: url(/pfad/zum/bild.jpg) center center no-repeat fixed
}
</style>

Alex

TimeTravel3

21.06.2022, 16:36

https://developer.mozilla.org/de/docs/Web/CSS/opacity

NackterGerd

21.06.2022, 22:21

Das ist aber nicht wirklich ein Wasserzeichen hinter dem Text

TimeTravel3

22.06.2022, 01:09

@NackterGerd

Gerd, weißt du was ein Wasserzeichen ist?

NackterGerd

23.06.2022, 10:07

@TimeTravel3

Ja klar weiß ich was ein Wasserzeichen ist

Ähnliche Beiträge

Wie kann ich machen dass sich das Hintergrund Bild nicht verzerrt (HTML CSS)?

Hallo zusammen wie ihr auf dem Video sehen könnt verzerrt sich da das Hintergrund Bild. Ich möchte aber dass wenn die breite des Bildschirms breiter oder schmaler wird, dass sich das Bild sozusagen nach Links verschiebt und sich nicht verzerrt.

Hoffe ihr versteht was ich meine 😁

https://www.youtube.com/watch?v=NEBd6TEeuqM

Vielen Dank im voraus!

...zum Beitrag

Farbe automatisch ändern-CSS/HTML?

Hallo, ich möchte, dass meine Überschrift die Farbe wechselt, aber nicht der Hintergrund, sondern die Buchstaben selber. Wie funktioniert das?

...zum Beitrag

Audio-Datei automatisch mit HTML, CSS und JS abspielen?

Wie kann ich eine Audio-Datei einbetten, dass sie beim Starten der Website direkt abgespielt wird?

Bzw. das automatisch im Hintergrund abgespielt wird. Grundgerüst ist hier wie immer HTML.

...zum Beitrag

HTML CSS Hover Animation?

Hallo. Ich versuche eine eigene Website zu erstellen mit HTML und CSS. Nun bin ich auf ein Problem gestoßen. Ich versuche seit langem eine Hover Animation auf ein Text einzufügen. Den CSS Code habe ich von der Webseite ui-snippets.dev . Ich bekomme die Hover Animation nicht zum Funktionieren. Die Animation kommt nur wenn ich beim content ein Text eingebe. Dann ist aber die Animation viel zu groß, da die große vom eingegeben Content Text benutz wird.

Bilder vom Code im Anhang.

...zum Beitrag

Html / Css Text auf Header bzw. Div-Container Text über Hintergrund?

CSS formatiert die Schrift so, dass immer der ganze Querbalken über dem Hintergrund nicht transparent ist. Wie mache ich das? ** Siehe Grafiken **

h1 { font-family: arial, verdana, helvetica; font-size: 40px; font-weight: 200; }

header { position: relative; height: 200px; display: block; background-color: black;

} nav { width: 500px; height: 200px; background-color: aqua; }

...zum Beitrag

.gif Datei als HTML Hintergrund?

Hey Community! ich möchte mittels html & css ein .gif Video als hintergrund in einer .html benutzen. wie wäre dafür der code in html und css?

...zum Beitrag

HTML Tag als Text darstellen?

Hallo. Ich möchte den Tag <h1> nicht als Tag darstellen, sondern als Text. Wie geht das und macht man das in HTML selber oder in CSS?

Hintergrund: Ich versuche gerade eine Seite zu schreiben, wo HTML erklärt wird. Dort gibt es dann einen Satz bzw. Absatz, der wie folgt lautet:

"Die Sprache HTML beschreibt, wie der Browser (oder ein anderes Programm, wie z. B. ein Text-Editor) die Auszeichnungen des Textes zu „verstehen“ hat, nicht, wie er sie dann in der Darstellung umsetzt. So besagt <h1> zwar, dass eine Überschrift folgt, nicht aber, in welcher Schriftgröße oder Schriftschnitt diese darzustellen ist – hier haben sich nur gewisse übliche Standardeinstellungen eingebürgert, die aber nicht Teil der HTML-Spezifikation sind."

Das Problem ist nun, dass im zweiten Satz ab <h1> alles danach als Überschrift groß und fett geschrieben wird (und in einer neuen Zeile), weil er das alles, was danach folgt, als "Überschrift" kennzeichnet bzw. tagt. Das will ich aber nicht. Ich will, dass es als normaler Text dargestellt wird und alles danach auch. Wie genau mache ich das?

...zum Beitrag

html,css,javascript mit python?

Hallo kann ich python mit html css ud javaskript kombiniren? wenn ja mus sich was beachten?

...zum Beitrag

Wie kann ich einen Zufallsgenerator programmieren?

Ich möchte gerne ein Zufallsgeneraor erstellen, der durch Drücken eines Buttons einen zufälligen Text aus einer Liste auswählt und anzeigt.

...zum Beitrag

HTML / CSS: Wie kann ich einen Text horizontal zentrieren?

Wie kann ich einen Text in die Mitte bringen?

So wie ich es versucht habe, funktioniert es ab einer bestimmten Größe nicht mehr! Und gibt es eine Möglichkeit sicherzustellen, dass das Bild zuvor geladen hat?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel</title>
    <style>
      body {
        background-image: url("bild.png");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center center;
        overflow: hidden;
      }

      h1 {
        color: white;
        font-family: Geneva, Verdana, sans-serif;
        font-size: 200px;
        text-align: center;
        /*transition: padding-top 1s,padding-bottom 1s,font-size 1s;*/
        padding-top: 38vh;       
        padding-bottom: 70vh;
      }

      h1 {
        /*animation-name: titel;
        animation-duration: 6s;
        animation-delay: 6s;
        animation-fill-mode: forwards;*/
        animation: titel 6s 6s forwards
      }

      @keyframes titel {
        from {padding-top: 38vh; padding-bottom: 70vh;font-size: 200px;}
        to {padding-top: 0px; padding-bottom: 0px;font-size: 80px;}
      }

      p {
        color: aliceblue
      }
    </style>
    <script src="script.js"></script>
  </head>
  <body>
    <h1>TITEL</h1>
    <p>Test-Text</p>
  </body>
</html>

...zum Beitrag

HTML mit CSS verknüpfen Probleme?

Hallo Zusammen. Ich mache gerade eine Webseite. Ich habe dabei mehrere HTML Seiten und eine CSS seite. Ich hatte die HTML seiten und die CSS seite in einem grossen ordner, nun habe ich die seiten in unterordner getan, um Ordung zu schaffen. 1. gibt es denn HTML Ordner mit allen HTML Seiten drin, zweitens den CSS Ordner mit dem CSS File und letztens denn Pics Ordner mit den Bildern.

Nun geht auf der Seite wenn ich sie lokal aufrufe das CSS nicht mehr. Ich habe schon alles versucht, den cache de browsers geleert und nochmal alles gespeichert. Auch habe ich versucht den Pfad des CSS mit einem Slash vordrann anzugeben, oder ohne, aber alles hilft nichts. Kann mir da jemand helfen?

Hier die Bilder des Codes und der Website:

Das CSS:

Der HTML Code. Rot ist der Pfad zum CSS und Blau die Ordnerstrucktur.

Die Website, wie man sieht ohne CSS

...zum Beitrag

App mit Html, Css und C#?

Wie kann ich mit Html, Css und C# eine Desktop App programmieren? Abgesehen von Blazor WASM App

...zum Beitrag

Html: bild im Hintergrund?

Hii, also ich brauch Hilfe mit HTML (nur HTML und nicht CSS).

Ich will ein Bild einfügen, will aber nicht, dass es im Text steht sondern quasi hinter dem Text.

Wenn es im Text steht, verschiebt sich immer alles und es ist ein riesen Abstand zwischen den Zeilen, genau das will ich vermeiden.

Kann mir jemand weiter helfen?

...zum Beitrag

HTML/CSS: Wie kann ich den Text neben dem zweiten Symbol zentrieren?

Hallo,

ich brauche Hilfe. Ich möchte den Text „Announcements“ so verschieben, dass es neben dem zweiten Symbol zentriert ist (siehe erster Text „My courses“).

Dankeschön.

Es wäre nett, wenn ihr antworten würdet.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }