Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» [Invision] Erklärung PWA Aktivierung + Mobile Version Problem
von Alastor Gestern um 12:41

» Goldhauch´s Plauderforum
von Joost Fr 12 Jul 2024 - 19:34

» [Invision] User Style Änderung - Code geht nicht
von Skouliki Do 11 Jul 2024 - 23:03

» [PunBB] Forum aufsplitten/teilen - ist das möglich?
von Joost Mi 10 Jul 2024 - 17:46

» Technische Wartung in der Zentrale: Montag 1 Juli, und Montag 8 Juli
von Joost Mo 24 Jun 2024 - 17:20

» [phpBB2] Mystic - new beginning RPG
von Raine Kamiya Fr 21 Jun 2024 - 20:52

» Neue Mitarbeiter gesucht
von Joost Fr 21 Jun 2024 - 20:26

» Lange Ladezeiten
von Skouliki Mi 19 Jun 2024 - 19:35

» Gründer E-Mailadresse ändern
von Skouliki Fr 7 Jun 2024 - 12:49

» Nach Wartung Datenbankfehler
von Joost Mo 3 Jun 2024 - 12:34

» Wartung geplant Montag, 3. Juni 2024
von Joost So 2 Jun 2024 - 8:04

» Anti-Spam-Prüfung bei Mitgliedern
von Skouliki So 12 Mai 2024 - 18:10

» Die Heidekriger (WaCa) mit Punktesystem
von Rama So 21 Apr 2024 - 20:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Di 9 Apr 2024 - 14:03

» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14

» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in [Invision] User Style Änderung - Code geht nicht
( 2 )


» Beitrag von Skouliki in Lange Ladezeiten
( 2 )


» Beitrag von gnadenlos in Lange Ladezeiten
( 1 )


» Beitrag von Joost in Lange Ladezeiten
( 1 )


» Beitrag von Skouliki in [Invision] User Style Änderung - Code geht nicht
( 1 )


[Tutorial] Tabelle oberhalb der Fußzeilenlinks (ohne Templatebearbeitung)

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Tutorial [Tutorial] Tabelle oberhalb der Fußzeilenlinks (ohne Templatebearbeitung)

Beitrag von inde Mi 6 Sep 2017 - 14:40

Tabelle oberhalb der Fußzeilenlinks einbinden
(ohne Templatebearbeitung) - [Alle Versionen]
TUTORIAL

Hallo liebe Administratoren, Smile

da bereits danach gefragt wurde, wie man eine Tabelle oberhalb der Fußzeilenlinks in Forumieren-Foren einbringen kann möchte ich euch heute eine Möglichkeit vorstellen.

Zunächst aber nachfolgend noch einen Auszug aus unserer AGB. Dies schließt auch mit ein, dass die Fußzeilenlinks stets als letzte Links innerhalb des Forums stehen müssen!
Dienstbeschränkungen
....Wir halten Sie dazu an, weder das Copyright, noch die im Forenfuß angezeigten Informationen zu entfernen, da diese das Forum als zur Forumieren.com-Familie gehörend kennzeichnen. Veränderungen oder Löschungen dieser Merkmale werden als Verstoß gegen die Allgemeinen Geschäftsbedingungen behandelt.


Die vorgestellte Variante funktioniert auf allen Versionen und wird ohne die Bearbeitung der Templates umgesetzt, sodass auch ungeübte User dieses Tutorial für sich umsetzen können. Zusätzlich wurden im eingestellten CSS-Code auch Kommentare hinzugefügt, sodass ihr an entsprechender Stelle individuelle Veränderungen für euer Forum vornehmen könnt. Nachfolgend ein Beispiel wie so etwas in einem Forum Version ModernBB aussehen könnte.
[Tutorial] Tabelle oberhalb der Fußzeilenlinks (ohne Templatebearbeitung) Footer11


Eintrag in das persönliche CSS

Tragt bitte zunächst den nachfolgenden CSS-Code in euer persönliches CSS ein. Den Code könnt ihr dann später noch individuell anpassen. Sei es farblich oder aber auch mit Grafiken oder weiteren Links.
Code:
/*Tabelle oberhalb der Fußzeilen links*/
.my-footertable {/*Tabelle*/
    background: #999 none repeat scroll 0 0;/*Hintergrund der Tabelle*/
    width: 100%;/*Weite der Tabelle*/
}
.my-footerrow {/*Spalten*/
    color: #fff;/*Schriftfarbe allgemein*/
    font-family: Georgia;/*Schriftart*/
    font-size: 18px;/*Schriftgröße*/
    font-style: italic;/*Schriftstyle*/
    line-height: 1.2em;/*Zeilenhöhe*/
    padding: 6px;/*Abstände in der Spalte*/
    vertical-align: top;/*Ausrichtung nach oben*/
    width: 25%;/*Weite eine Spalte*/
}
.my-footerrow a {/*Links*/
    color: #ff0 !important;/*Linkfarbe*/
    text-decoration: none;/*ohne Unterstreichung*/
}
.my-footerrow a:hover {/*Links beim Hovern*/
    color: #00f !important;/*Linkfarbe*/
    text-decoration: none !important;/*ohne Unterstreichung*/
}


Erstellen eines neuen Javascripts inklusive einer HTML-Tabelle

Innerhalb der Scripte habe ich euch eine Tabelle als Beispiel mit 4 Spalten eingesetzt, bedenkt jedoch auch das einige User in eurem Forum auch kleinere Auflösungen benutzen (mitunter nur bis 1024px), da kann dann solch eine Tabelle mitunter auch dazu führen, dass die darin enthaltenen Informationen ungewollte einen Zeilenumbruch erfahren, was unschön aussehen könnte.

  • Um in der Tabelle entsprechende Spalten zu entfernen entfernt einfach eine Spalte durch entfernen einer Codezeile (<td .....bis ........</td>).
  • Je nachdem wie viele Spalten ihr dort dann noch stehen haben möchtet müsst ihr dann jedoch auch noch im CSS-Code in der nachfolgenden Deklaration den Selektor width verändern. Beispiel eine Tabelle mit 2 Spalten=50%, mit 3 Spalten=33%.

Code:
.my-footerrow {
    width: 25%;/*Weite eine Spalte*/
Hinweis:
Nutzt bitte das passende Script zu eurer Version des Forums!

  1. Geht in den Administrations-Bereich > Module > HTML und JAVASCRIPT > Javascript Codes Verwaltung
  2. Aktiviert die Javascript-Code Verwaltung und Klickt auf "ABSENDEN". Absenden
  3. Klickt auf den Button "EIN NEUES JAVASCRIPT ERSTELLEN" und erstellt das Script mit den nachfolgenden Einstellungen:
  4. Titel: My Footer
  5. Platzierung: Auf allen Seiten
  6. Javascript Code: Fügt den nachfolgenden Code an dieser Stelle ein.
  7. Klickt dann auf den Button "BESTÄTIGEN". Bestätigen

[Tutorial] Tabelle oberhalb der Fußzeilenlinks (ohne Templatebearbeitung) Footer12

Script für die Versionen phpBB2/phpBB3/ModernBB

BB2 BB3 ModernBB
Code:
$(function(){$('#page-footer').before('<div id="my-footer">
<table class="my-footertable">
   <tbody>
      <tr>
         <td class="my-footerrow">
             <a href="http://hilfe.forumieren.com/forum">Hilfe Forumieren</a><br />
                <a href="#top">Nach Oben</a><br />
                <a href="/">Zur Startseite</a>
         </td>
         <td class="my-footerrow">
            Spalte 2
         </td>
         <td class="my-footerrow">
            Spalte 3
         </td>
         <td class="my-footerrow">
            Spalte 4
         </td>
      </tr>
   </tbody>
</table></div>');});

Script für die Version Invision

Invision
Code:
$(function(){$('#gfooter').before('<div id="my-footer">
<table class="my-footertable">
   <tbody>
      <tr>
         <td class="my-footerrow">
             <a href="http://hilfe.forumieren.com/forum">Hilfe Forumieren</a><br />
                <a href="#top">Nach Oben</a><br />
                <a href="/">Zur Startseite</a>
         </td>
         <td class="my-footerrow">
            Spalte 2
         </td>
         <td class="my-footerrow">
            Spalte 3
         </td>
         <td class="my-footerrow">
            Spalte 4
         </td>
      </tr>
   </tbody>
</table></div>');});

Script für die Version PunBB

PunBB
Code:
$(function(){$('#pun-foot').before('<div id="my-footer">
<table class="my-footertable">
   <tbody>
      <tr>
         <td class="my-footerrow">
             <a href="http://hilfe.forumieren.com/forum">Hilfe Forumieren</a><br />
                <a href="#top">Nach Oben</a><br />
                <a href="/">Zur Startseite</a>
         </td>
         <td class="my-footerrow">
            Spalte 2
         </td>
         <td class="my-footerrow">
            Spalte 3
         </td>
         <td class="my-footerrow">
            Spalte 4
         </td>
      </tr>
   </tbody>
</table></div>');});
Hinweis:
Arbeitet bitte innerhalb der Codezeilen sowie auch bei der Umsetzung des Tutorials sorgfältig! Unser Team stellt euch zwar die Tutorials zur Verfügung, jedoch bedeutet dies keinesfalls, dass es dafür auch eine Unterstützung im Support-Bereich gibt!



Geübte User unter euch können innerhalb der Codes auch noch weiteres einbringen, ich bin mir sicher da wird einigen von euch schon das Passende einfallen. Wink


Wir hoffen, euch gefällt dieses Tutorial! Smile

Euer Team von Forumieren king
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten