Beiträge von Lupus_III

Lupus_III · 2. März 2024

Danke .scatello, das sind viele gute Gründe den phpMailer zu verwenden. Eigentlich hätte ich die Information auch googlen können , aber Deine Erklärung ist einfach verständlicher!

Lupus_III · 2. März 2024

Ich komme jetzt nochmal mit diesem Thema.

Eine Lösung habe ich jetzt ohne weitere Hilfe gefunden. Trotzdem danke für die Unterstützung hier. Was bei mir immer noch ein Fragezeichen auslöst ist die Aussage, dass die Mail-Funktion von PHP nur eine Krücke sei.

Warum ist das so und warum ist die Einbindung des PHP-Mailers keine Krücke und somit die beste Lösung?

Lupus_III · 4. Februar 2024

Ich weiß nicht wo der Code rein soll.

Hier ist mein HTML/ PHP Code. Soll das $mail->CharSet = "UTF-8"; in den PHP-Codebereich integriert werden?

PHP

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./fontawesome-free-6.2.1-web/css/all.min.css">
  <link rel="stylesheet" href="css/button_headline.css">
    <link rel="stylesheet" href="css/fonts.css">    
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/nav_style.css">
    <link rel="stylesheet" href="css/backtotop.css">
    <link rel="stylesheet" href="css/kontakt.css">
    <link rel="stylesheet" href="css/accordion.css">
  
    
    <title>Kontakt</title>
</head>
<body>
  <div class="to-top"></div>
  
    <!--ANCHOR Navigation-->
    <header>
          <div class="logo">
          <img src="img/logo_1.svg" alt="Logo"></div>
          <nav>
            <ul>
              <li><a href="index.html" >Home</a></li>
              <li class="sub-menu"><a href="#">Gesundheitsvorsorge</a>
                <ul>
                  <li class="li_weit"><a href="gesundheit_hund.html">Für Hunde</a></li>
                  <li class="li_weit"><a href="gesundheit_katze.html">Für Katzen</a></li>
                </ul>
              </li>
              <li class="sub-menu"><a href="#">Ernährungsberatung</a>
                <ul>
                  <li class="li_weit"><a href="hunde_1.html">Für Hunde</a></li>
                  <li class="li_weit"><a href="katzen_1.html">Für Katzen</a></li>
                </ul>
              </li>
              <li><a href="hunde_2.html">Therapien</a></li>
              
              <li><a href="leistungen.html">Leistungen</a></li>
      
      <!--<li class="sub-menu"><a href="#" class="active">Leistungen</a>
        <ul>
          <li class="li_weit"><a href="leistungen.html">Leistungsübersicht</a> </li> 
        </ul>
      </li>-->
              <li><a href="kontakt.php" class="active">Kontakt </a></li>
            </ul>
          </nav>
          <div class="menu-toggle">
            <i class="fa fa-bars" aria-hidden="true"></i>
          </div>
        </header>
        <!--Navigation Ende-->

      <!-- ANCHOR Content-->
      <div class="container_2">
        <?php
        if(!empty($_POST["send"])) {
          $email_subject = "Terminanfrage";
          $userName = $_POST["userName"];
          $userEmail = $_POST["userEmail"];
          $userPhone = $_POST["userPhone"];
          //$userTermin = $_POST["userTermin"];
          //$userTime = $_POST["userTime"];
          $userMessage = $_POST["userMessage"];
          $toEmail = "kontakt@tierheilpraxis-koehler.de";
          
          $mailHeaders = "Name: " . $userName .
          "\r\n Betreff: ". $email_subject  .  
          "\r\n E-Mail: ". $userEmail  . 
          "\r\n Telefon: ". $userPhone  . 
        // "\r\n Termin: ". $userTermin  . 
          //"\r\n Uhrzeit: ". $userTime  . 
          "\r\n Nachricht: " . $userMessage . "\r\n";

        if(mail($toEmail, $userName, $mailHeaders)) {
            $message = "Ihre Nachricht wurde versandt. <br> Ich werde mich so schnell wie möglich bei Ihnen melden";
        }
      }
    ?>
        <div class="kontakt_left">
        <p>Ich freue mich auf Deine Kontaktaufnahme. <br> 
        Gerne kannst Du dazu das Kontaktformular nutzen oder mich einfach anrufen.  </p>
                <p><b>Tierheilpraxis
                    Gabriele Köhler</b> <br><br>
                    <i class="fas fa-map-marker-alt"></i> &nbsp; Kresswiesen 76 <br>
                74523 Schwäbisch Hall-Sulzdorf <br><br>
                Telefon <br><i class="fas fa-phone"></i>&nbsp;
                <a href="tel:+491706650504">   +49 170 6650504 <br> <br></a>
                    <i class="fas fa-envelope"></i> &nbsp;
                    <a href="mailto:kontakt@tierheilpraxis-koehler.de">kontakt@tierheilpraxis-koehler.de</a><br><br>
                    Öffnungszeiten: <br>
                    Termine nach Vereinbarung
            </p>
                    
                <p class="pklein"> Hinweis: Ich beantworte Deine E-Mail in der Regel innerhalb von 24 Stunden. Solltest Du keine Antwort in Deinem Posteingang finden, prüfe bitte Deinen SPAM-/Junk-Ordner.</p>
  </div>
      <div class="form-container kontakt_right">
      <h2>KONTAKT</h2>
              <form name="contactFormEmail" method="post">
                <div class="input-row">
                  <label>Name <em>*</em></label> 
                  <input type="text" name="userName" required id="userName"> 
                </div>
                <div class="input-row">
                  <label>E-Mail <em>*</em></label> 
                  <input type="email" name="userEmail" required id="userEmail"> 
                </div>
                <div class="input-row">
                  <label>Telefon <em>*</em></label> 
                  <input type="text" name="userPhone" required id="userPhone">
                </div>
                <div class="input-row">
                  <label>Nachricht <em>*</em></label>    
                    <textarea name="userMessage" required id="userMessage"></textarea>
                </div>
                <p class="kontakttext">* = Pflichtfeld</p>
                <p class="kontakttext">Ich habe die Datenschutzerklärung gelesen und stimme zu.</p>
                <div class="input-row">
                  <input type="submit" name="send" value="Senden">
                  <?php if (! empty($message)) {?>
                  <div class='success'>
                    <strong><?php echo $message; ?>    </strong>
                  </div>                
                  <?php } 
                  ?>
                </div>
              </form>
      </div>
    </div>

 <!-- ANCHOR Footer-->
 <footer>    
      <div class="left center">
        <p>Tierheilpraxis <br>
          Gabriele Köhler <br><br>
          <i class="fas fa-map-marker-alt"></i> Kresswiesen 76 <br>
      74523 Schwäbisch Hall-Sulzdorf <br><br>
      Besuche mich auch auf ... <br>
  <a href="https://www.facebook.com/profile.php?id=61556095381517" target="_blank"> <i class="fab fa-facebook"></i></a> <br>
</p>
      </div>
      <div class="right center">
        <img src="img/barf-zertifikat.png" width="200" alt="Barf Zertifikat" >
      </div>
      <div class="right center">        
        <p> <a href="tel:+491706650504"> <i class="fas fa-phone"></i> Fon: +49 170 6650504 <br></a>
          <i class="fas fa-envelope"></i>
          <a href="mailto:kontakt@tierheilpraxis-koehler.de">kontakt@tierheilpraxis-koehler.de</a>
           
          <br><br> <i class="fas fa-clock"></i> 
      Öffnungszeiten: <br>
      Nach Vereinbarung <br><br>
      <a href="dokumente/impressum.pdf" target="_blank">Impressum</a>  <br>
      <a href="dokumente/datenschutz.pdf" target="_blank">Datenschutzerklärung</a>
      <br>
      <a href="http://lupus-media.de"> &copy; <span id="currentYear"></span> made by LUPUS-Media </a> 
      <br>
      
        </p>
      </div>
      
  </footer>


  
      <!--ANCHOR Scripts-->
      <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

    <!--Slidessteuerung-->
      <script>
        var simpleSlides = function () {
        var i;
        var slides = document.querySelectorAll(".slides");
        for (i = 0; i < slides.length; i++) {
        slides[i].setAttribute("style","display:none");
        }
        count++;
        if (count > slides.length) { count = 1; }
        slides[count-1].setAttribute("style","display:block");
        setTimeout(simpleSlides, 3600);
        }
        
        var count = 0;
        simpleSlides();
        </script>
        <!--Ende Slidessteuerung-->
      
      <!--Navigation Start-->
      <script>
        $(document).ready(
          function() {
            $('.menu-toggle').click(function() {
              $('nav').toggleClass('active')
            })
  
            $('ul li').click(function() {
              $(this).siblings().removeClass('active');
              $(this).toggleClass('active');
            })
          }
        )  
      </script>
      <!--Navigation Ende-->
      <!-- Button up -->
      <script src="js/backtotop.js"></script>
      <!-- Button up -->

      <script src="js/app.js"></script>
      <script src="js/slideshow.js"></script>

       <!-- Script Copyright-->
       <script src="js/time.js"></script>
        <!--  Script Ende-->
</body>
</html>

Alles anzeigen

Lupus_III · 4. Februar 2024

Ich verstehe das nicht. Ich verwende den PHP-Mailer 5.5. Darin ist eine const UTF-8 enthalten. Siehe Screenshot.

pasted-from-clipboard.png

Lupus_III · 3. Februar 2024

Ich habe in der Kontaktseite diesen Eintrag.

Das ist bei mir Standard. Es muss einen anderen Grund geben oder muss UTF-8 auch in die PHP-Anweisung und wenn ja , wie?

Lupus_III · 3. Februar 2024

Ich habe ein Kontaktformular (PHP), das E-Mails mit der Methode POST an eine Mailadresse verschickt. Dabei werden die Umlaute wie ä,ö,ü usw in kryptischen Zeichen angezeigt.

Beispiel

Code

GlÃ¼ckwunsch

Gibt es eine Möglichkeit dies auszuschließen?

Lupus_III · 28. Januar 2024

Code

CSS


.simpleSlides{
    width: 100%;
    
}
.slides {
    display: none;
    width: 100%;
}


/***************************************************/
/* Fotos werden von links eingeschoben */
.animate-left {
    position: relative;
    animation: animateleft 0.8s;
}

@keyframes animateleft { 
    from { left :-1500px; opacity:0 } 
    to { left:0; opacity:1 };
}
/******************************************************/

Alles anzeigen

Code

HTML/JS
 <!-- Galerie -->    
    <div class="simpleSlides">
      <img class="slides animate-left" src="img/galerie/IMG_1.jpg">
      <img class="slides animate-left" src="img/galerie/IMG_2.jpg">
      <img class="slides animate-left" src="img/galerie/IMG_3.jpg">
      <img class="slides animate-left" src="img/galerie/IMG_4.jpg">
      <img class="slides animate-left" src="img/galerie/IMG_5.jpg">
    </div>
    <script>
      var simpleSlides = function () {
    var i;
    var slides = document.querySelectorAll(".slides");
    for (i = 0; i < slides.length; i++) {
    slides[i].setAttribute("style","display:none");
    }
    count++;
    if (count > slides.length) { count = 1; }
    slides[count-1].setAttribute("style","display:block");
    setTimeout(simpleSlides, 3600);
    }
    
    var count = 0;
    simpleSlides();
    </script>

Alles anzeigen

Versuche es mal damit. Die Pfade der Images musst Du halt anpassen.

Lupus_III · 10. Januar 2024

Hallo zusammen,

ich verwende für eine Webseite den PHP-Mailer 6.1.8. Von meinem Webprovider werde ich aufgefordert eine höhere Version zu nutzen, weil seit Dezember 2023 PHP 8.0 veraltet ist. Eine weitere Nutzung ist mit zusätzlichen Kosten verbunden.

Frage: kann ich problemlos auf den PHP-Mailer 6.1.8 wechseln, ohne dass die Funktionalität eines Formulars, das ich mit dem PHP-Mailer verschicke, beeinträchtigt wird?

Lupus_III · 12. Dezember 2023

Zitat von m.scatello

Ich bin alles andere als ein JavaScript-Spezialist, aber nach 3 eingebauten alert's habe ich den Fehler finden können, warum du nicht?

Weil ich
1. wahrscheinlich zu doof bin und
2. anscheinend nicht so viel Ahnung von Javascript habe wie du und deshalb
3. darauf hoffe, dass mir jemand bei dem Problem hilft und nicht wie Du einfach die Fehler anzeigst.

Ist das zuviel verlangt?

Alles anzeigen

Lupus_III · 12. Dezember 2023

Ich möchte Einträge in p-tags in sections durch durchstreichen kennzeichen, wenn das Datum kleiner als das aktuelle ist.

Vielleicht kann sich jemand anschauen, was ich gebastelt habe, aber nicht funktioniert. Danke für Eure Hilfe!

HTML

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="advent.css">
    <title>Adventskalender</title>
</head>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        var currentDate = new Date();
        var currentYear = currentDate.getFullYear();
        var sections = document.querySelectorAll(".tag");

        sections.forEach(function (section) {
            var dateString = section.textContent.split("|")[0].trim(); // Extrahiert das Datum aus dem Abschnittstext
            var sectionDate = new Date(currentYear + " " + dateString);

            // Vergleicht die Daten und durchstreicht den Text, wenn das Datum vergangen ist
            if (sectionDate < currentDate) {
                var paragraph = section.querySelector("p");
                paragraph.style.textDecoration = "line-through";
            }
        });
    });
</script>

<body>
    
    <div class="advent"> 
        <!--<div class="banner">
            <img src="img/banner.png" alt="">
        </div>-->
       <div class="advent-header">
            <div class="rechts">
                <img src="img/1a.png" alt="">
                <img src="img/2.png" alt="">
            </div>
            <div class="mitte"> 
                <h1>
                Adventskalender 2023            
            </h1>
            <h2>TOLLE ANGEBOTE FÜR EUCH UND EURE FREUNDE! <br>
                AUCH FÜR NICHTMITGLIEDER!
            </h2></div>
            <div class="links">
                <img src="img/3a.png" alt="">
                <img src="img/2a.png" alt="">
            </div>
           
        </div>
        <div class="kalender">
            <section class="tag"><p>01. Dezember | FR.|  AKTION: 5ER KARTE „FASZIENMASSAGE (25MIN)“ KAUFEN UND WIR SCHENKEN DIR 2 WEITERE MASSAGEN DAZU! PREIS: 149</p></section>
            <section class="tag"><p>02. Dezember | SA.|  WISSEN: WIE VIELE KURSE GIBT BRITTA IN EINER WOCHE? ANTWORTE KORREKT UND ERHALTE EINEN 5€ GUTSCHEIN!</p></section>
            <section class="tag"><p>04. Dezember | MO.| FUN: KOMME MIT EINEM PARTNER IM PARTNERLOOK ZUM TRAINIEREN UND SICHERE DIR EINEN TANKGUTSCHEIN (10€)</p></section>
            <section class="tag"><p>05. Dezember | DI.| CASH & GO-AKTION: KAUFE DIR SO VIELE MONATE, WIE DU MÖCHTEST - NUR 60€/MONAT (OHNE VETRAGSBINDUNG, AM STÜCK EINZULÖSEN)</p></section>
            <section class="tag"><p>06. Dezember | MI.| FUN: VERRATE UNS WO SICH DIE 10 NIKOLÄUSE VERSTECKEN! ANTWORTE KORREKT & ERHALTE EINEN MONAT GRATIS FÜR DEINE/N LIEBSTE/N! 
            </p></section>
            <section class="tag"><p>07. Dezember | DO.| CHALLENGE: 3 KLIMMZÜGE FRAUEN,10 KLIMMZÜGE MÄNNER - DANN ERHÄLTST DU EINEN GUTSCHEIN FÜR EINE MASSAGE!</p></section>
            <section class="tag"><p>08. Dezember | FR.| AKTION: SCHLIESSE EINEN EINJAHRES VERTRAG AB UND WIR SCHENKEN DIR 3 MONATE DAZU!</p></section>
            <section class="tag"><p>09. Dezember | SA.| WEIHNACHTSFEIER: GEMÜTLICHES BEISAMMENSEIN</p></section>
            <section class="tag"><p>11. Dezember | MO.| CHALLENGE: 35 SEKUNDEN FRAUEN/ 75 SEKUNDEN MÄNNER AN DER KLIMMZUGSTANGE HÄNGEN - DANN ERHÄLTST DU EINEN MERCHANDISE-ARTIKEL!</p></section>
            <section class="tag"><p>12. Dezember | DI.| WISSEN: WER ARBEITET IM STUDIO ALS VOLLZEITKRAFT? ANTWORTE KORREKT UND ERHALTE EINEN SHAKE-GUTSCHEIN!</p></section>
            <section class="tag"><p>13. Dezember | MI.| AKTION: 10ER KARTE „MTT“ KAUFEN UND WIR SCHENKEN DIR 2 BESUCHE DAZU! PREIS: 320€ 
            </p></section>
            <section class="tag"><p>14. Dezember | DO.| FUN: TRAINIERE HEUTE IN DEINEM LIEBLINGSKOSTÜM UND ERHALTE EINEN MASSAGE-GUTSCHEIN! </p></section>
            <section class="tag"><p>15. Dezember | FR.| CHALLENGE: BRING SALLY UP (LIED) MIT WANDSITZ - DANN ERHÄLTST DU EINEN MERCHANDISE-ARTIKEL!</p></section>
            <section class="tag"><p>16. Dezember | SA.| WISSEN: WIE VIELE FRAUEN UND MÄNNER SIND IM STUDIO ANGESTELLT? ANTWORTE KORREKT UND ERHALTE EINEN MERCHANDISE-ARTIKEL!</p></section>
            <section class="tag"><p>18. Dezember | MO.| FUN: SINGE DEINEM TRAINER/IN EIN STÄNDCHEN UND ERHALTE EIN „PERSONAL-TRAINING“!</p></section>
            <section class="tag"><p>19. Dezember | DI.| CHALLENGE: GEWINNE ZIELSCHIESSEN GEGEN EINEN THERAPEUTEN NACH DEINER WAHL - DANN ERHÄLTST DU EINEN GETRÄNKE-GUTSCHEIN!</p></section>
            <section class="tag"><p>20. Dezember | MI.| WISSEN: WAS SCHÄTZT IHR, WIE GROSS „MARA“ IST? - ANTWORTE KORREKT UND ERHALTE EINEN KAFFEE-GUTSCHEIN!</p></section>
            <section class="tag"><p>21. Dezember | DO.| GEWINNSPIEL: IN WELCHEM JAHR WURDE DAS REHA-SPORTSTUDIO GEGRÜNDET? - DANN ERHALTE EIN REHASPORT-TRAININGSSHIRT! 
            </p></section>
            <section class="tag"><p>22. Dezember | FR.| CHALLENGE: FRAUEN 15 LIEGESTÜTZE, MÄNNER 40 LIEGESTÜTZE - DANN ERHÄLTST DU EINEN GETRÄNKE-GUTSCHEIN NACH WAHL!</p></section>
            <section class="tag"><p>23. Dezember | SA.| CASH & GO-AKTION: KAUFE DIR SO VIELE MONATE, WIE DU MÖCHTEST - NUR 60€/MONAT (OHNE VERTRAGSBINDUNG, AM STÜCK EINZULÖSEN) 
            </p></section>
            <section class="tag"><p>24. Dezember | SO.| WEIHNACHTEN: WIR WÜNSCHEN EUCH EIN SCHÖNES UND BESINNLICHES FEST MIT EUREN LIEBSTEN!</p></section>
            
        </div>
        <footer>
            <img src="img/footer1.png" alt="">
        </footer>
    </div>
    
</body>
</html>

Alles anzeigen

Lupus_III · 16. November 2023

Ich habe weitergetestet. Jetzt hat es geklappt! Danke MrMurphy. Hier kommt der Code =>

HTML

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="fonts.css">
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Fonts lokal einbinden</title>
    
</head>
<body>
    <h1>Titel 1</h1>
    <h2>Titel 2</h2>
    <h3>Titel 3</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt ab, non dicta, repudiandae aliquam asperiores dolor mollitia fugiat, accusamus quis nam aperiam quaerat illo ea repellendus facilis eaque eveniet. Tempore.
    Quisquam eveniet ab ut eos hic corrupti voluptates sint iste asperiores, vitae eius nobis ducimus voluptate molestias maiores ipsa placeat earum. Voluptate esse temporibus quos placeat tenetur a, voluptatibus distinctio?
    Voluptatum nemo saepe, officiis accusamus porro a ab, eos laudantium ducimus doloribus doloremque laborum voluptate iure architecto sunt molestias cum sed sequi eius rerum suscipit. Perspiciatis sint eaque quia necessitatibus?
    Culpa debitis iure iste. Perferendis quas culpa quasi repudiandae cupiditate a cum maxime sed debitis obcaecati corporis in voluptatum incidunt aliquid doloribus sit necessitatibus beatae eum, aliquam tempora dolorem sequi?
    Aut expedita reprehenderit aperiam fugit exercitationem sunt magnam assumenda nesciunt eveniet atque, placeat similique mollitia, accusamus, obcaecati error natus architecto labore asperiores vero porro voluptatibus culpa eligendi qui repellat? Voluptatem.
    Dolore ea aliquid cupiditate doloremque corrupti sequi quo maiores illum autem earum! Quae obcaecati voluptates dolorum minus sint. Nam debitis impedit repellendus a harum et corporis iusto officia illum aliquam?
    Impedit sequi accusantium maiores, facilis inventore sunt fugit, aspernatur laudantium dolor et amet excepturi, quae ad eaque laborum! Consectetur modi a eligendi reiciendis asperiores dolores fugiat itaque eveniet, ea deleniti?
    Dignissimos nobis saepe consequatur eveniet doloribus et quos aliquid ut dolorum nihil voluptatibus beatae eligendi vel quo nemo similique culpa, explicabo labore perspiciatis nam? Labore ea amet corrupti eveniet qui.
    Aperiam voluptatem ut est iste corporis necessitatibus, voluptatum similique? Odit, officia. Voluptatibus aliquam harum veritatis aliquid, reiciendis asperiores est omnis, hic corporis iure quidem. Corrupti laboriosam possimus ea dignissimos nesciunt!
    Voluptas similique, maiores earum veritatis numquam accusantium tempore, nobis repellendus ducimus corrupti sapiente. Recusandae tempore reiciendis dolore explicabo cumque amet in, aperiam itaque at sequi, saepe sint perspiciatis, atque ab.
    Iste, itaque! Dolorum quis impedit, vitae harum laborum modi quam ab perferendis suscipit dicta maxime quia alias minima voluptate quae cupiditate consequuntur dignissimos necessitatibus repellendus nisi id accusantium soluta blanditiis?
    Repellat, illo quaerat cum eos minus blanditiis deleniti porro iusto quos tempore, ad inventore molestias recusandae, molestiae hic? Omnis, impedit! Sapiente aliquid maiores possimus reprehenderit? Placeat laboriosam suscipit ullam quia.
    Fuga vel laboriosam blanditiis perspiciatis necessitatibus optio odit, nihil doloribus at. Non, molestias inventore iure possimus autem architecto ducimus exercitationem animi commodi nisi mollitia maiores quae placeat voluptatem officia rem.
    Cum odio cupiditate deleniti reiciendis asperiores voluptate. Odio, quam nam? Officiis, laborum atque, ratione impedit cupiditate repudiandae numquam temporibus repellendus quam quidem minima laboriosam aliquid dignissimos optio hic, ut iusto.
    Earum ab hic, est nemo nostrum consectetur incidunt pariatur natus. Explicabo placeat officiis illum excepturi consequuntur dicta in dolorum, quod officia aperiam similique molestiae laboriosam a odit optio. Tempore, ut!
    Sequi, rem quas aut possimus culpa sunt, nam accusamus porro dolor animi odio, ut quis commodi iusto deleniti provident. Officia ducimus atque asperiores harum aspernatur blanditiis voluptates, voluptatem veritatis tempore!
    Provident libero labore, itaque quisquam dolor, alias eaque quasi harum aperiam quos vero praesentium velit totam iste, impedit sit rem qui tempore magni. Fugiat, eaque necessitatibus consequuntur iste delectus quos.
    Numquam eius maxime, repudiandae totam harum sed, libero non explicabo ex consequatur esse magnam, enim praesentium veniam ad atque minima! Recusandae unde adipisci enim iste minus inventore accusamus, quasi perferendis!
    Quia enim voluptate minima recusandae impedit saepe est quos. Vero, impedit sapiente ipsa animi aspernatur ut voluptates, blanditiis dignissimos aliquam, dolorum exercitationem omnis laudantium! Quo perspiciatis non aperiam harum sint.
    Adipisci provident blanditiis facere distinctio corrupti? Dolorum, maxime? Quod, eveniet nisi illum placeat nam harum sapiente aperiam voluptas id dolore quae cumque magni rerum saepe magnam incidunt fugit esse eius?
    Itaque amet quis debitis error facere sequi voluptates reprehenderit, non maiores sunt modi veniam tempore suscipit, maxime impedit eos corporis voluptatibus aut placeat. Officia in cum facilis possimus, dolores voluptates?
    Exercitationem natus rem ab placeat tenetur ad veritatis. Aperiam pariatur praesentium impedit voluptatem voluptate nulla ullam possimus placeat atque esse vitae, quidem rem modi, unde neque autem quas sunt. Molestias.
    Officia nostrum expedita commodi tempore fuga rem voluptates cumque voluptate vero, molestiae sunt perferendis ratione, ullam magnam officiis quia! Excepturi, sunt nisi! Velit totam numquam optio sapiente sit ipsa asperiores!
    Molestiae ad rerum pariatur aliquid illo molestias ipsa consectetur, ipsum error accusamus aut nulla minus laudantium alias illum, aperiam doloremque quos quis commodi magni dolorum maiores? Facere fugit eos esse!
    </p>
</body>
</html>

Alles anzeigen

CSS-Fonts

Code

/* poppins-500 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local(''),
         url('poppins-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('poppins-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

  /* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local(''),
         url('roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

  /* klavika */
@font-face {
  font-family: 'Klavika';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('fonts/klavika/klavika-bold-italic.otf') format('otf'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}
 /* Poetsen */
 @font-face {
  font-family: 'Poetsen';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('PoetsenOne-Regular.ttf') format('TrueType'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('PoetsenOne-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}

Alles anzeigen

CSS-Style

Code

html, body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poetsen';
}
h1,h2,h3{
    font-family: 'Poetsen';
    padding:  5px 15px 5px 15px;
}
p{
    font-family: 'Klavika';
}

Alles anzeigen

Lupus_III · 16. November 2023

Hallo zusammen,

ich teste gerade wie ich einen Webfont, den ich downgeloadet habe in eine CSS-Datei einbinden kann. Ich habe die folgende Regel aufgestellt. Leider zegt mit die h2 Überschrift nicht das gewünschte Ergebnis. Hat jemand eine Idee. Kann man ttf-Dateien dafür überhaupt anwenden?

Code

/* PoetsenOne-Regulars */
@font-face {
    font-family: 'PoetsenOne-Regulars';
    font-style: normal;
    font-weight: 500;
     src: url('fonts/PoetsenOne-Regulars.ttf') 
           format('truetype');
 }
body
{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #262626;
    font-family: 'PoetsenOne-Regulars', sans-serif;
}


h2{
    font-family: 'PoetsenOne-Regulars', sans-serif;
    font-size: 60px;
    color: #ffde53 ;
}

Alles anzeigen

Lupus_III · 9. November 2023

Zitat von Sempervivum

Ja, was m.scatello dir empfohlen hat ist eine empfehlenswerte und gebräuchliche Methode. Hier wird es genauer beschrieben:
https://wiki.selfhtml.org/wiki…ien_mit_include_nachladen
Es gibt auch Lösungen mit Javascript aber die sind mit Sicherheit komplizierter.
Ich finde, es lohnt sich schon, einen lokalen Webserver zu installieren. Ist ja schnell gemacht und nicht besonders kompliziert.

Ich habe diese Methode schon öfter zum Einbinden von größeren Navigationen, die öfter geändert werden müssen, benutzt. Was mir bisher fehlt ist die Möglichkeit den aktuell aktiven Link zum Beispiel farblich zu kennzeichnen. Kennt jemand eine Lösung?

Lupus_III · 8. November 2023

Vielen Dank. Da wäre ich jetzt nicht drauf gekommen.

Lupus_III · 8. November 2023

Hallo zusammen,

ich bräuchte mal wieder etwas Unterstützung. Die Indexseite meines neuen Prokjekts zeigt eine horizontale Laufleiste und ist somit größer als 100%. Leider komme ich auch nach längerem Suchen (Inspector) nicht dahinter, was dieses Verhalten auslöst. Alle anderen Seiten zeigen dieses Phänomen nicht. Hat jemand eine Idee?

Hier kommt der Link - https://tierheilpraxis-koehler.de/test/index.html

Lupus_III · 30. Oktober 2023

Vielen Dank. Habs probiert, funktionier gut!!

Lupus_III · 29. Oktober 2023

OMG! Vielen Dank!

Lupus_III · 29. Oktober 2023

Zitat von m.scatello

Sempervivum hat aber geschrieben

Sh....t!

Lupus_III · 29. Oktober 2023

Das tut auch nicht. Ein Klick auf den Pfeil und der Bildschirm ist leer.

Lupus_III · 29. Oktober 2023

Ich habe das Zeichen % gegen = getauscht. Es funktioniert nicht!

Beiträge von Lupus_III

Kontaktformular erzeugt kryptische Zeichen

Kontaktformular erzeugt kryptische Zeichen

Kontaktformular erzeugt kryptische Zeichen

Kontaktformular erzeugt kryptische Zeichen

Kontaktformular erzeugt kryptische Zeichen

Kontaktformular erzeugt kryptische Zeichen

Slider Galerie macht keine Rücksprung

Umsteigen auf PHPMailer 6.9.1

Einträge in Liste kennzeichnen, wenn das Datum in der Vergangenheit liegt

Einträge in Liste kennzeichnen, wenn das Datum in der Vergangenheit liegt

Webfonts in Webseite einbinden

Webfonts in Webseite einbinden

Ein Drop Down Menu für mehrere Seiten eines Webs

Seite passt nicht in Bildschirm

Seite passt nicht in Bildschirm

Testimonial-Slider

Testimonial-Slider

Testimonial-Slider

Testimonial-Slider

Testimonial-Slider