Chat Footer Anleitung (Support für das Chatscript)

sala99, Donnerstag, 09. November 2023, 20:09 (vor 393 Tagen)
bearbeitet von sala99, Freitag, 10. November 2023, 00:31

Guten Abend alle zusammen

Hier für schritt für schritt Anleitung für denn Chat Footer der denn Ganz unten angezeigt wird
Bitte Die datei oder ganzen Chat als Backup vorher sichern ! wen was schief läuft das ihr immer eine sicherung da habt

(1.) Als erstes macht ihr euer Euer program für den Webspace auf ( in diesen fall bei uns ist das FileZilla Client )

(2.) nun sucht ihr euch Folgende Datei ( footer_inc.php )

(2.1) für die wo keine vorhanden ist euch das Notepad++ auf und legt euch eine neue datei mit den namen (footer_ince.php) an da sie die vorraussetzung dafür ist

(3.) nun Öffnet ihr die datei mit eueren Program wo mit ihr euere datei bearbeiten könnt ( bei uns ist es das Notepad++ )

(4.) nun kopiert ihr euch diesen Code und fügt es in Eure datei ein
Kurzer Hinweis an dieser stelle die datei sollte auf UTF 8 Codierung Ohne Bom im Notepadd++ sein




<div id="datenschutz">
  <!--FONT AWESOME-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <footer>
    <div class="footer">
      <div class="row">
        <a href="hier kommt kommt facebbok fanpage oder gruppe"><i class="fa fa-facebook"></i></a>
        <a href="hier euer Twitter name "><i class="fa fa-twitter"></i></a>
      </div>

      <div class="row">
        <ul>
          <i class="fa fa-music" style="font-size:16px;color:#f9f9f9"></i><li><a href="hier link zum Beispiel Impressum">Impressum</a></li>
          <i class="fa fa-music" style="font-size:16px;color:#f9f9f9"></i><li><a href="hier link zum Beispiel datenschutz">Datenschutz</a></li>
          <i class="fa fa-pie-chart" style="font-size:16px;color:#f9f9f9"></i><li><a href="link 3">platz halter für ein link name</a></li>
          <i class="fa fa-address-card-o" style="font-size:16px;color:#f9f9f9"></i><li><a href="link 4">platz halter </a></li>
          <i class="fa fa-id-badge" style="font-size:16px;color:#f9f9f9"></i><li><a href="link 5">platz halter</a></li>
          <i class="fa fa-home" style="font-size:16px;color:#f9f9f9"></i><li><a href="link 6">platz halter</a></li>
          <i class="fa fa-info" style="font-size:16px;color:#f9f9f9"></i><li><a href="link 7">platz halter </a></li>
          <i class="fa fa-info-circle" style="font-size:16px;color:#f9f9f9"></i><li><a href="link 8">platz halter</a></li>
        </ul>
      </div>
      <div class="row">
        <ul>
          <li><a href="hier ein link zur 2 spalte">hier der link name </a></li>
        </ul>
      </div>
      <div class="row">
        <br/>
        Alle Grafiken auf dieser Webseite unterliegen dem Urheberrecht sollten sie Bilder hier von verwenden wollen
        <br/>
        so bitte wenden Sie sich an die Seitenbetreiber !!!
        <br/>
        Copyright © 2022 hier der seiten name  Designed By: nur wenn jemand sich ein eignen style gebaut hat
        <br/>
        <a class="footerlink" style="text-decoration:none; background-color:transparent;" href="http://webdesign.weisshart.de/chat.php">Script &copy; webdesign weisshart</a>
      </div>
    </div>
  </footer>
</div>
<!--Ab hier könnt ihr euch eure eingnen farben anpassen von Footer und Die größe und breite und die schrift-->
<style>

.footer {
  background: #000;
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  text-align: center;
  border: solid 0.1px;
  border-image: linear-gradient(344deg, #d9a8a8, #e7951b, #e91e36, #262ab7, #e392ca, #f45936, #a76fed) 5;
}

.footer .row {
  width: 100%;
  margin: 1% 0%;
  padding: 0.6% 0%;
  color: gray;
  font-size: 0.8em;
}

.footer .row a {
  text-decoration: none;
  color: gray;
  transition: 0.5s;
}

.footer .row a:hover {
  color: #fff;
}

.footer .row ul {
  width: 100%;
}

.footer .row ul li {
  display: inline-block;
  margin: 0px 30px;
}

.footer .row a i {
  font-size: 2em;
  margin: 0% 1%;
}

@media (max-width: 720px) {
  .footer {
    text-align: left;
    padding: 5%;
  }

  .footer .row ul li {
    display: block;
    margin: 10px 0px;
    text-align: left;
  }

  .footer .row a i {
    margin: 0% 3%;
  }
}

/* Font Icon */
.footer ul i {
  color: #f9f9f9 !important;
  font-style: italic;
  position: relative;
  left: 21px;
}

/* List */
.footer ul {
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  letter-spacing: 0px;
  word-spacing: 0px !important;
  line-height: 22px;
  font-style: italic;
}

/* Link */
.footer ul a {
  font-size: 9px;
}

/* List */
div footer .footer .row ul {
  word-spacing: -0.8px !important;
}

</style>

Und nun speichert die Datei ab und ladet sie hoch
Nun solltet ihr ein Optisch guten footer haben
ihr könnt ihn farblich alles Anpassen

Hoffe es hilft euch allen etwas weiter

Lg sala99