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
» 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

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von maddo in [AwsomeBB] LogIn Farbe Weiß auf weiß
( 1 )


[Invision] Modul "Kürzlich geteilte Bilder" einklappen

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [Invision] Modul "Kürzlich geteilte Bilder" einklappen

Beitrag von gnadenlos So 12 März 2023 - 17:05

URL-Adresse des Forums: https://xt660.forumieren.de/
Persönliches CSS(Ja/Nein): ja
Templateänderungen(Ja/Nein): ja

Hallo,

die Funktion "Einklappen" ist im Modul für "Kürzlich geteilte Bilder" nicht vorhanden.
Gibt es hierfür eine Lösung?

Besten Dank im Voraus!


Zuletzt von gnadenlos am Di 21 März 2023 - 11:24 bearbeitet; insgesamt 3-mal bearbeitet
gnadenlos
gnadenlos
Geselle
Geselle

Männlich Beiträge : 117
Anmeldedatum : 29.12.17
keine
Mozilla Firefox Invision

Nach oben Nach unten

Erledigt Re: [Invision] Modul "Kürzlich geteilte Bilder" einklappen

Beitrag von Skouliki Sa 18 März 2023 - 9:46

Hallo

Gehen Sie zur Indexbox-Vorlage und suchen Sie diese

Code:

<!-- BEGIN switch_forum_images -->
<div class="borderwrap">
   <div class="maintitle floated">
      <h3>{switch_forum_images.TITLE}</h3>
   </div>
   <div class="container-imgs-list" style="max-height: 500px" id="imageList">
        {switch_forum_images.SCRIPTS}
   </div>
</div>
<!-- END switch_forum_images -->

ersetzen Sie es durch dieses

Code:

<!-- BEGIN switch_forum_images -->
<div class="forabg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist">
 <li class="header">
 <dl class="icon">
 <dd class="dterm"><div class="table-title"><h2>{switch_forum_images.TITLE}</h2><div class='btnclass'>-</div></div></dd>
 </dl>
 </li>
 </ul>
 <div class="container-imgs-list" style="max-height: 500px" id="imageList">
 {switch_forum_images.SCRIPTS}
 </div>
 </div>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_images -->
 
<script>
  $('.btnclass').click(function() {
    $('.container-imgs-list').toggleClass('actoff');
    if ($('.btnclass').text() === '+') {
  $('.btnclass').text('-')
  } else if ($('.btnclass').text() === '-') {
  $('.btnclass').text('+');
  };
  });
</script>

Speichern. Veröffentlichen

Gehen Sie dann zu unserem CSS und fügen Sie diesen Code hinzu

Code:

div#bc6 {
  display: none;
}
 
.actoff {
  display: none;
}
 
.forabg .inner .topiclist .header {
  position: relative;
}
 
.btnclass {
  position: absolute;
  right: 5px;
  top: 0px;
 color: #fff;
    background-color: #5a5959;
    padding: 1px 5px;
  }

Speichern
Skouliki
Skouliki
Moderatorin
Moderatorin

Weiblich Beiträge : 842
Anmeldedatum : 16.04.19
einklappen - [Invision] Modul "Kürzlich geteilte Bilder" einklappen Empty
Google Chrome PunBB

gnadenlos mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [Invision] Modul "Kürzlich geteilte Bilder" einklappen

Beitrag von gnadenlos Sa 18 März 2023 - 11:03

Danke @Skouliki!

Allerdings gibt es noch ein Problem. Das Modul bleibt nicht zugeklappt. Wenn die Startseite neu geladen wird, ist es wieder aufgeklappt.
gnadenlos
gnadenlos
Geselle
Geselle

Männlich Beiträge : 117
Anmeldedatum : 29.12.17
keine
Mozilla Firefox Invision

Nach oben Nach unten

Erledigt Re: [Invision] Modul "Kürzlich geteilte Bilder" einklappen

Beitrag von Skouliki Di 21 März 2023 - 10:01

Entschuldigung für die Verzögerung
Ersetzen Sie diesen Code, den Sie in der Indexvorlage eingeben

Code:

<!-- BEGIN switch_forum_images -->
<div class="forabg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist">
 <li class="header">
 <dl class="icon">
 <dd class="dterm"><div class="table-title"><h2>{switch_forum_images.TITLE}</h2><div class='btnclass'>-</div></div></dd>
 </dl>
 </li>
 </ul>
 <div class="container-imgs-list" style="max-height: 500px" id="imageList">
 {switch_forum_images.SCRIPTS}
 </div>
 </div>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_images -->
 
<script>
  $('.btnclass').click(function() {
    $('.container-imgs-list').toggleClass('actoff');
    if ($('.btnclass').text() === '+') {
  $('.btnclass').text('-')
  } else if ($('.btnclass').text() === '-') {
  $('.btnclass').text('+');
  };
  });
</script>

mit diesem
Code:

<!-- BEGIN switch_forum_images -->
<div class="forabg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist">
 <li class="header">
 <dl class="icon">
 <dd class="dterm"><div class="table-title"><h2>{switch_forum_images.TITLE}</h2><div class='btnclass'>-</div></div></dd>
 </dl>
 </li>
 </ul>
 <div class="container-imgs-list" style="max-height: 500px" id="imageList">
 {switch_forum_images.SCRIPTS}
 </div>
 </div>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_images -->
 
<script>
 
$(document).ready(function(){
  $('.btnclass').click(function() {
    $('.container-imgs-list').toggleClass('actoff');
    if ($('.btnclass').text() === '+') {
  $('.btnclass').text('-');
  localStorage.removeItem('btnput');
  location.reload();
  } else if ($('.btnclass').text() === '-') {
  $('.btnclass').text('+');
  localStorage.setItem('btnput','off');
  };
  });
 
  if (localStorage.getItem('btnput') === 'off') {
  $('.container-imgs-list').toggleClass('actoff');
  $('.btnclass').text('+');
  } else { localStorage.removeItem('btnput');
  }
  })
</script>
Skouliki
Skouliki
Moderatorin
Moderatorin

Weiblich Beiträge : 842
Anmeldedatum : 16.04.19
einklappen - [Invision] Modul "Kürzlich geteilte Bilder" einklappen Empty
Google Chrome PunBB

gnadenlos mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: [Invision] Modul "Kürzlich geteilte Bilder" einklappen

Beitrag von gnadenlos Di 21 März 2023 - 11:24

Hallo @Skouliki,

jetzt klappt das prima. Besten Dank nochmals!

Gruß
gnadenlos
gnadenlos
gnadenlos
Geselle
Geselle

Männlich Beiträge : 117
Anmeldedatum : 29.12.17
keine
Mozilla Firefox Invision

Nach oben Nach unten

Erledigt Re: [Invision] Modul "Kürzlich geteilte Bilder" einklappen

Beitrag von Skouliki Di 21 März 2023 - 11:40

cheers I love you

Thema ist erledigt und wurde ins Archiv verschoben.
Regeln des Forums der Foren
Skouliki
Skouliki
Moderatorin
Moderatorin

Weiblich Beiträge : 842
Anmeldedatum : 16.04.19
einklappen - [Invision] Modul "Kürzlich geteilte Bilder" einklappen Empty
Google Chrome PunBB

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