Das Forum der Foren
Willkommen im offiziellen Support-Forum von Forumieren! [Tutorial] Anzeigen/Verstecken der Indexmodule Icon_king

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind, loggen Sie sich ein.

[Tutorial] Anzeigen/Verstecken der Indexmodule Icons-100

Erstellen Sie ein kostenloses Forum wie dieses hier.
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
» Komme nicht mehr in mein Forum rein
von Tekkido Heute um 10:40

» [Mitteilung] Benutzerdefinierte Push-Benachrichtigungen
von Bigtuber Heute um 1:40

» [#15517][phpBB2] [phpBB3] Verschwundene Foren
von Bigtuber Gestern um 15:33

» [#15522] Haftung bei Marktplatz ( Second Hand ) ?
von Hana19 Gestern um 10:13

» [phpBB3] Preispakete
von William Gordon Gestern um 10:10

» [phpBB2] Forum wiederherstellen nach einem Jahr (oder mehr)
von Keks So 13 Okt 2019 - 0:20

» [phpBB3] Overfly funktioniert bei Chrome nicht
von Bigtuber Fr 11 Okt 2019 - 14:29

» Unangebrachte Werbung - Tab öffnet sich
von Tabula Rasa Do 10 Okt 2019 - 15:24

» [ModernBB] Wie kann ich die Beschreibung meiner Website ausblenden?
von Bigtuber Do 10 Okt 2019 - 13:52

» [#15487][phpBB2] Bilder werden nicht automatisch verkleinert
von FlotteLotte Mi 9 Okt 2019 - 19:12

» https plötzlich wieder http
von Bigtuber Mi 9 Okt 2019 - 17:36

»  [phpBB2] bild wird in chrome nicht angezeigt, lazy loading deaktivieren?
von Bigtuber Mi 9 Okt 2019 - 17:32

» [phpBB2] Doppelpunkt ersetzen
von Nycto Di 8 Okt 2019 - 21:10

» Die Werbeoase hat ihre Pforten eröffnet
von suessemaus Mo 7 Okt 2019 - 18:26

» User kann sich nicht Anmelden, weil E-Mail adresse bereits vorhanden ist
von sledge112 Mi 25 Sep 2019 - 20:02

» Wie wird die PWA (Progressive Web App) sichtbar angeboten?
von Studendekopp Di 24 Sep 2019 - 20:49

» [#15404][phpBB2] Seitenzahlen in den Gruppen
von Bigtuber Mo 23 Sep 2019 - 17:40

» [AwesomeBB] Gästen erlauben, Blogeinträge zu kommentieren
von amylola So 22 Sep 2019 - 19:14

[Tutorial] Anzeigen/Verstecken der Indexmodule

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[Tutorial] Anzeigen/Verstecken der Indexmodule Empty [Tutorial] Anzeigen/Verstecken der Indexmodule

Beitrag von Gast am Di 5 Okt 2010 - 21:49

Anzeigen und Verstecken der Indexmodule


  1. Informationen:

    Wenn du den folgenden Schritten des Tutorials folgst, kannst du ein Script in deinem Forum einbauen, womit man die Indexmodule anzeigen oder verstecken kann, jenachdem, wie du es haben möchtest. Auf dem jetzt folgenden Screenshot seht ihr, wie dies später einmal aussieht:

    [Tutorial] Anzeigen/Verstecken der Indexmodule 29ofygx

    [Tutorial] Anzeigen/Verstecken der Indexmodule 32x32_10Wichtig: Dieses Script funktioniert nur bei den Forenversionen phpBB3, Invision und punBB.

  2. Wie funktioniert das Script?

    Das Script muss nicht gesondert bearbeitet werden, sondern ist einfach einzubauen. Es kommt allerdings auf die Seite der Indexmodule an, wo das Script eingesetzt werden soll, da dort jeweils ein anderes Script verwendet werden muss.

    Wenn die Indexmodule werden nicht wieder angezeigt, wenn du die Seite wechselst oder auf ein Thema im Forum gehst. Dies kann natürlich aufgehoben werden, wenn du die Browsercache löschst oder die Seite neulädst.

  3. So wird das Script installiert:

    Du musst jeweils zwei Module für die Indexmodule erstellen, die du dann jeweils oberhalb und unterhalb der gesamten Indexmodulreihe einsetzt, dazu kommen wir aber später. Um nun die beiden Module zu erstellen gehst du auf: Adminbereich ► Module ► Portal & Widgets ► Index-Module und klicke auf den [Tutorial] Anzeigen/Verstecken der Indexmodule 5cd1ki - Button

    [Tutorial] Anzeigen/Verstecken der Indexmodule E5plc7
    [Tutorial] Anzeigen/Verstecken der Indexmodule I1ciex

    Nach klicken auf den Button [Tutorial] Anzeigen/Verstecken der Indexmodule 5cd1ki, gelangst du auf die folgende Seite:

    [Tutorial] Anzeigen/Verstecken der Indexmodule 30u5led

    Name des Moduls ► Du kannst jeden beliebigen Namen für das Modul nehmen, der Einfachheit halber könnte man den Namen "Modul Oben" und "Modul unten" wählen.

    Die Standardaufstellung nutzen ► Nein.

    Titel des Moduls ► Leer lassen.

    Quelle des Moduls ► Kopiere den Code von unten in die Quelle des Moduls
    [Tutorial] Anzeigen/Verstecken der Indexmodule 32x32_10Erinnerung: Das Script funktioniert nicht in Foren, wo die Indexmodule auf beiden Seiten genutzt werden.

  4. Das Script, welches genutzt wird:

    • Für Foren, wo die Indexmodule auf der linken Seite genutzt werden:

      Kopiere diesen Code für den Teil über den Indexmodulen in das Feld "Quelle des Moduls" des ersten Moduls:

      <div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #f5ebf7 url(https://2img.net/h/oi42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>

      Du kannst die Teile des Scripts in rot und blau nach Belieben und Aussehen des Forums ändern. Smile

      Der Teil in rot setzt die Hintergrundfarbe des Pfeils, der Teil in blau setzt das Bild des Pfeils.

      Kopiere diesen Code für den Teil unter den Indexmodulen in das Feld "Quelle des Moduls" des zweiten Moduls:

      <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script>


    • Für Foren, wo die Indexmodule auf der rechten Seite genutzt werden:

      Kopiere diesen Code für den Teil über den Indexmodulen in das Feld "Quelle des Moduls" des ersten Moduls:

      <div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(https://2img.net/h/oi42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>

      Du kannst die Teile des Scripts in rot und blau nach Belieben und Aussehen des Forums ändern. Smile

      Der Teil in rot setzt die Hintergrundfarbe des Pfeils, der Teil in blau setzt das Bild des Pfeils.

      Kopiere diesen Code für den Teil unter den Indexmodulen in das Feld "Quelle des Moduls" des zweiten Moduls:

      <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>


5. Das Einfügen der Module

Nach dem Erstellen der Module, musst du im Adminbereich folgendes tun: Du gehst auf Administrationsberiech ► Module ► Portal & Widgets ► Index-Module, klick unter dem Teil zum Einfügen der Indexmodule auf den Button "Persönliches Modul". Klicke dort nun auf das Modul, welches über die Indexmodule gestellt werden soll, klicke auf dieses und ziehe das Modul über die Reihe der Indexmodule. Dann ziehe das Modul, welches unter die Indexmodule gestellt werden soll, unter die Reihe der Module. Vergesse nicht auf "Absenden" zu klicken. Das Ganze sollte dann so aussehen:

[Tutorial] Anzeigen/Verstecken der Indexmodule 2gy536x

Und von mir viel Spaß! Very Happy


Dieses Tutorial wurde vom englischen Support erstellt, geschrieben von Luky, ins Französische übersetzt von Zen und ins Deutsche übersetzt von ~Julian~.

Dieses Tutorial steht unter dem Copyright von hilfe.forumieren.com. Eine Veröffentlichung dieses Tutorial außerhalb von Forumieren ist nicht gestattet.
Anonymous
Gast
Gast


Nach oben Nach unten

[Tutorial] Anzeigen/Verstecken der Indexmodule Empty Re: [Tutorial] Anzeigen/Verstecken der Indexmodule

Beitrag von Gast am Do 7 Okt 2010 - 20:07

Anzeigen und Verstecken der Indexmodule [phpBB2]


  1. Informationen:
    Für die Version phpBB2 ist eine Templateveränderung nötig, da die Indexmodule beim Einsetzen des Script teilweise bis gar nicht reagieren. Hier ist die zweite Variante des Einsetzens des Scripts bei der Version phpBB2, wenn es über die Möglichkeit 1 von oben nicht funktioniert.

    Zu erst geht ihr auf: Adminbereich ► Anzeige ► Templates ► Allgemeines ► overall_header und bearbeitet das Template über den zahnrad - Button

    [Tutorial] Anzeigen/Verstecken der Indexmodule 32x32_10Wichtig:
    Diese Änderung muss nur gemacht werden, sollte es zu Anzeigeproblemen kommen oder die Indexmodule schieben sich über das Forum.


  2. Zu ersetzende Codes:

    Ersetze folgenden Teil:
    <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
    <tbody>
    <tr>
    <td valign="top">
    <div id="{ID_LEFT}" width="{C1SIZE}">
    <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR}
    <!-- BEGIN saut -->
    <div style="height:{SPACE_ROW}px"></div>
    <!-- END saut -->
    <!-- END giefmod_index1 -->
    </div>

    Durch folgenden Teil:
    <div id="forum-widget" style="height: 13px; width: 16px; cursor: pointer; float:left; background: #f5ebf7 url(https://2img.net/h/oi42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="my_setcookie('wid',(my_getcookie('wid')=='1'?'0':'1'),1,0);updateWid();"></div>
    <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
    <tbody>
    <tr>
    <td valign="top">
    <div id="{ID_LEFT}" width="{C1SIZE}">
    <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR}
    <!-- BEGIN saut -->
    <div style="height:{SPACE_ROW}px"></div>
    <!-- END saut -->
    <!-- END giefmod_index1 -->
    </div>
    <script type="text/javascript">

    function updateWid() {
    if(my_getcookie('wid')&& my_getcookie('wid')=='1') {
    $('#left').parent().addClass("widHidden");
    jQuery('#forum-widget').css('background-position','0 0');
    }
    else {
    $('#left').parent().removeClass("widHidden");
    jQuery('#forum-widget').css('background-position','0 -13px');
    }
    };

    updateWid();

    </script>

  3. CSS-Code:
    Und damit die Änderung auch wirksam wird, muss im Adminbereich unter Anzeige ► Bilder & Farben ► Farben ► CSS-Stylesheet ein CSS-Code eingetragen werden und zwar folgender:

    .widHidden { display: none; }
Diese Scriptänderung wurde von Etana aus dem französischen Supportforum geschrieben und übersetzt ins Deutsche von ~Julian~.
Die Texte und Codes aus diesem Thema unterliegen dem Copyright von https://hilfe.forumieren.com
Anonymous
Gast
Gast


Nach oben Nach unten

[Tutorial] Anzeigen/Verstecken der Indexmodule Empty Re: [Tutorial] Anzeigen/Verstecken der Indexmodule

Beitrag von #Frank am Sa 21 Jan 2012 - 21:23

Hinweis:
Wer das Script von oben bei sich im Forum eingesetzt hat, der sieht seit gestern keine Pfeile mehr.
Das Bild der Pfeile ist nicht mehr verfügbar ( https://2img.net/h/oi42.tinypic.com/vg54yu.png ).
[Tutorial] Anzeigen/Verstecken der Indexmodule Vg54yu
Ihr müsst dort eine Transparente Grafik erstellen, die die ungefähren Masse von 26 Px Höhe und 13 Px Breite haben muss.
Diese muss in dieser Art erstellt werden:
[Tutorial] Anzeigen/Verstecken der Indexmodule 310

Wenn ihr andere Pfeile haben wollt, dann könnt ihr diese im Grafikbereich bestellen.
Diese setzt ihr dann in euer Modul wie oben beschrieben ein.
Hier noch einige Beispiele zu den Pfeilen:
[Tutorial] Anzeigen/Verstecken der Indexmodule 313

[Tutorial] Anzeigen/Verstecken der Indexmodule 314

[Tutorial] Anzeigen/Verstecken der Indexmodule 810

[Tutorial] Anzeigen/Verstecken der Indexmodule 812

[Tutorial] Anzeigen/Verstecken der Indexmodule Pfeile10

[Tutorial] Anzeigen/Verstecken der Indexmodule Pfeile11

[Tutorial] Anzeigen/Verstecken der Indexmodule Gg10

[Tutorial] Anzeigen/Verstecken der Indexmodule Gg11

[Tutorial] Anzeigen/Verstecken der Indexmodule 910

[Tutorial] Anzeigen/Verstecken der Indexmodule 911
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34610
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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