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

[gnadenlos]

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!

[Skouliki]

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

[gnadenlos]

Danke @Skouliki!

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

[Skouliki]

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>


[gnadenlos]

Hallo @Skouliki,

jetzt klappt das prima. Besten Dank nochmals!

Gruß
gnadenlos

[Skouliki]

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