Tutorial MySQL - Nachrichten Skript - von Webbausteine.de

Ich beschreibe hier die Version vom 20.12.2013

Mit diesem Skript könnt Ihr sehr einfach Nachrichten auf Eurer NOF-Seite darstellen. Ihr könnt über einen Editor diese Nachrichten von überall aus ändern und braucht dafür NOF noch nicht einmal zu starten. Es können beliebig viele Benutzer vom Admin freigeschaltet werden, die dann Beiträge in die Datenbank schreiben können. Die Beiträge können in Kategorien gegliedert werden und es gibt eine Suchfunktion, die den gesamten Text nach dem eingegebenen Begriff durchsucht. Beiträge können durch den Admin freigeschaltet werden. Benutzer können nur ihre eigenen Beiträge editieren.

Zunächst müsst Ihr Euch die hierfür benötigten Skripte bei Werner-Zenk.de in neuerer Version downloaden.

Voraussetzung ist eine MySQL Datenbank, die Ihr lediglich bei Eurem Provider als neue Datenbank einrichten müsst und PHP 5.6 (oder höher). Sämtliche benötigten Tabellen erstellt das Skript “installation.php” von Webbausteine.de selbstständig. Gewisse Kenntnisse in HTML, CSS, JavaScript und PHP werden nur notwendig, wenn Ihr das Erscheinungsbild dieser “Nachrichten” ändern und an Eure Wünsche anpassen wollt.

Der Einbau in NOF ist denkbar einfach und Ihr könnt auch die CSS für die in dem Skript bereits eingearbeiteten Klassen anpassen.

Nachdem Ihr Euch die ZIP-Datei herunter geladen habt, entpackt Ihr diese. Ihr erhaltet ein Verzeichnis

  • mysql_nachrichten

Öffnet dieses Verzeichnis und öffnet die Datei

  • verbindung.php

mit z.B. Eurem Windows-Editor. Dort tragt Ihr dann Eure, bei der Erstellung der Datenbank vom Server zur Verfügung gestellten, Verbindungsdaten gleich im ersten Bereich ein. Das sieht dann ungefähr so aus:

#####  1  #####

    // Datenbank-Host und Datenbank-Name
    $SERVER = "mysql:host=db123725987.db.1and1.com;
              dbname=db123725987";
    $BENUTZER = "dbo123725987"; // Datenbank-User (Benutzername)
    $PASSWORT = "DeinPasswortHierEintragen"; // Datenbank-Passwort

Jetzt kopiert Ihr sämtliche Dateien aus diesem Verzeichnis “mysql_nachrichten” mit Eurem FTP-Programm direkt auf Euren Server und zwar in das Verzeichnis auf dem die Seite liegt, auf der Ihr dieses Skript einbauen wollt. So braucht Ihr dann keinerlei Pfade in den Skripten zu ändern.

Als nächstes ruft Ihr in Eurem Browser einmalig das Skript zur Installation der Datenbank auf:

  • installation.php

also z.B.:

www.DeineDomain.de/html/installation.php

Nun seid Ihr bereits fertig und könnt Eure Beiträge direkt in den Editor der Anwendung eintragen. Diese Eintragungen sind selbsterklärend.

Den Editor (die Seite: “nachrichten_editor.php”) ruft Ihr auch wieder direkt im Browser auf mit z.B.

www.DeineDomain.de/html/nachrichten_editor.php

und speichert Euch diese URL am besten gleich unter Euren Browser-Favoriten ab.

Hier eine Ansicht des Editors:

In der Datei:

  • verbindung.php

könnt Ihr sehr viele vorbereitete Einstellungen individuell anpassen, die vom Autor sehr gut kommentiert und daher selbsterklärend sind. Dort könnt Ihr z.B. auch andere Benutzer für weitere Beiträge freischalten, die Größe von Bildern bestimmen (auch mit einem Wasserzeichen versehen), die Anzahl der Beiträge je Seite festlegen, eine Sitemap anzeigen lassen, eigene HTML-Tags hinzufügen und vieles mehr.


 

Einbau in NOF

Der Einbau in NOF ist denkbar einfach, denn Ihr inkludiert lediglich die Seite “nachrichten.php”.

Dazu stellt Ihr die Seite, auf der Ihr das einbauen wollt, einfach auf die Dateierweiterung .php um:

> Menü oben > Bearbeiten > Benutzerdefinierte Namen > Dateierweiterung .php wählen

Denkt dran, dass Ihr eine .php Seite nur auf Eurem Server testen könnt oder mit einem Lokalen Host.

Ihr zieht Euch ein Textfeld auf die Breite auf, die das Skript anzeigen soll und tragt den Include-Befehl in den HTML-Code Editor des Textfeldes ein:

> Textfeld aufziehen (Cursor blinkt im Textfeld) > mittlere Button oben im Fenster “Text-Eigenschaften” > Button “HTML” > Code einfügen

<?php include "nachrichten.php"; ?>

 

CSS der Nachrichten

Für diejenigen von Euch, die sich bereits etwas mit CSS auskennen, möchte ich unten noch meine CSS für die Nachrichten-Seite hier zeigen, die Ihr auch ganz ähnlich im Head der “Demo” Seite vom Autor wiederfinden könnt und die ich aber vielleicht auch noch ändere.

Diese Style-Anweisungen habe ich in meinen Windows-Editor kopiert und als Datei

  • nachrichten.css

gespeichert und dann in mein Projekt-Verzeichnis “Assets” kopiert. Anschließend habe ich diese Datei in meine “Assets-Verwaltung” eingelesen und in der “Design-Ansicht” der Datei den Master-Rahmen meiner Startseite zugeordnet, auf der ich das Nachrichten-Skript eingebaut habe. Diese CSS-Datei könnt Ihr natürlich beliebig anpassen.

/* CSS-Definitionsdatei für Nachrichten von Tommy */

  /* Link */
  a:link, a:visited {
   color: #0000EE;
   text-decoration: None;
  }
  a:hover {
   color: #EE0000;
  }

  /* Suche */
  form#suche {
  text-align: right;
  }

  /* Kategorien */
  p#kategorien {
   text-align: center;
  }

  /* Nachrichten */
  dl.nachrichten {
   padding: 0.5rem;
  }

  /* Nachrichten - Überschrift*/
  dl.nachrichten dt span {
   font-size: 1.3rem;
  }

  /* Nachrichten - Bild */
  dl.nachrichten dd img.bild {
  margin: 1rem 1rem 1rem 0;
  padding: 0.1rem;
  /* EDIT - Rahmen um Bild hier entfernt */
  /*border: Solid 0.2rem #C0C0C0;*/
  float: left;
 }

  /* Nachrichten - Hintergrund zeilenweise einfärben */
  dl.nachrichten:nth-child(even) {
   background-color: #EAEAEA;
  }
  dl.nachrichten:nth-child(odd) {
   background-color: #F5F5F5;
  }

 /* "NEU"-Markierung der Nachrichten */
 dl.nachrichten dt span.neu {
  color: #EE0000;
  font-size: 0.98rem;
  font-style: Oblique;
  text-shadow: 1px 1px 2px #FFFF00;
 }

 /* Navigation (Vorherige Seite - Nächste Seite) */
 p#navigation {
  text-align: center;
 }

Viel Spaß!

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik