Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Grid-Layout für alle Forumversionen verfügbarvon 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
» Eigene Bildergalerie entfernen
von Skouliki Di 17 Sep 2024 - 11:13
» Neu: Grid layout-Design für AwesomeBB und ModernBB
von Joost Fr 16 Aug 2024 - 7:44
» [Invision] Profil Drop Down verschoben
von Skouliki Sa 20 Jul 2024 - 17:01
» [Invision] Erklärung PWA Aktivierung + Mobile Version Problem
von Skouliki Do 18 Jul 2024 - 23:47
» [Invision] Beschreibung der Kategore einfügen
von Joost Mi 17 Jul 2024 - 8:52
» [Invision] Gefällt mir Button erscheint nicht
von Joost Mo 15 Jul 2024 - 18:14
» Goldhauch´s Plauderforum
von Joost Fr 12 Jul 2024 - 19:34
» [Invision] User Style Änderung - Code geht nicht
von Skouliki Do 11 Jul 2024 - 23:03
» [PunBB] Forum aufsplitten/teilen - ist das möglich?
von Joost Mi 10 Jul 2024 - 17:46
» Technische Wartung in der Zentrale: Montag 1 Juli, und Montag 8 Juli
von Joost Mo 24 Jun 2024 - 17:20
» [phpBB2] Mystic - new beginning RPG
von Raine Kamiya Fr 21 Jun 2024 - 20:52
» Neue Mitarbeiter gesucht
von Joost Fr 21 Jun 2024 - 20:26
» Lange Ladezeiten
von Skouliki Mi 19 Jun 2024 - 19:35
» Gründer E-Mailadresse ändern
von Skouliki Fr 7 Jun 2024 - 12:49
» Nach Wartung Datenbankfehler
von Joost Mo 3 Jun 2024 - 12:34
» Wartung geplant Montag, 3. Juni 2024
von Joost So 2 Jun 2024 - 8:04
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in Grid-Layout für alle Forumversionen verfügbar ( 1 )
» Beitrag von Trueman in Eigene Bildergalerie entfernen
( 1 )
» Beitrag von Trueman in Eigene Bildergalerie entfernen
( 1 )
» Beitrag von Silicon9 in [Klassische Version] Gründer/Admin Passwort vergessen / Forum löschen
( 1 )
[Invision] Modul "Kürzlich geteilte Bilder" einklappen
2 verfasser
Seite 1 von 1 • Teilen
[Invision] Modul "Kürzlich geteilte Bilder" einklappen
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!
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- Geselle
- Beiträge : 121
Anmeldedatum : 29.12.17
Re: [Invision] Modul "Kürzlich geteilte Bilder" einklappen
Hallo
Gehen Sie zur Indexbox-Vorlage und suchen Sie diese
ersetzen Sie es durch dieses
Speichern. Veröffentlichen
Gehen Sie dann zu unserem CSS und fügen Sie diesen Code hinzu
Speichern
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- Moderatorin
- Beiträge : 872
Anmeldedatum : 16.04.19
gnadenlos mag diesen Beitrag
Re: [Invision] Modul "Kürzlich geteilte Bilder" einklappen
Danke @Skouliki!
Allerdings gibt es noch ein Problem. Das Modul bleibt nicht zugeklappt. Wenn die Startseite neu geladen wird, ist es wieder aufgeklappt.
Allerdings gibt es noch ein Problem. Das Modul bleibt nicht zugeklappt. Wenn die Startseite neu geladen wird, ist es wieder aufgeklappt.
gnadenlos- Geselle
- Beiträge : 121
Anmeldedatum : 29.12.17
Re: [Invision] Modul "Kürzlich geteilte Bilder" einklappen
Entschuldigung für die Verzögerung
Ersetzen Sie diesen Code, den Sie in der Indexvorlage eingeben
mit diesem
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- Moderatorin
- Beiträge : 872
Anmeldedatum : 16.04.19
gnadenlos mag diesen Beitrag
gnadenlos- Geselle
- Beiträge : 121
Anmeldedatum : 29.12.17
Skouliki- Moderatorin
- Beiträge : 872
Anmeldedatum : 16.04.19
Ähnliche Themen
» Neu: Entdeckt die neue Funktion „Kürzlich geteilte Bilder
» Kürzlich gezeigte Bilder
» Frage zu "Modul neue Themen" ausblenden/einklappen
» [Invision] Problem mit dem (Profil-)Modul
» [Invision] Index Modul grösse festlegen
» Kürzlich gezeigte Bilder
» Frage zu "Modul neue Themen" ausblenden/einklappen
» [Invision] Problem mit dem (Profil-)Modul
» [Invision] Index Modul grösse festlegen
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten