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] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Gestern um 8:06

» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20

» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54

» [Klassische Version]  Gründer/Admin Passwort vergessen / Forum löschen
von Skouliki Di 17 Sep 2024 - 11:14

[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 : 121
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 : 906
Anmeldedatum : 16.04.19
[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 : 121
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 : 906
Anmeldedatum : 16.04.19
[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 : 121
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 : 906
Anmeldedatum : 16.04.19
[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