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

Eintrag in das persönliche CSS

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

• 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*/


1. Geht in den Administrations-Bereich > Module > HTML und JAVASCRIPT > Javascript Codes Verwaltung
   
2. Aktiviert die Javascript-Code Verwaltung und Klickt auf "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".
   

Script für die Versionen phpBB2/phpBB3/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

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

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>');});