wenn du den Bildhoover vom vorherigen Beitrag (Basti ) meinst,
Die Bilder mit Mouseovereffekt könnten von https://littlesnippets.net/ stammen.


ACCORDEON:

ich habe auf einer Testseite ein Accordeon eingebaut:

CSS
____________________________________________________

<style type="text/css">
/*<![CDATA[*/
.jtpl-footer__inner, .jtpl-section-aside__inner, .jtpl-section-main {
max-width: 1700px !important; /*Wert einstellbar*/
}
/*]]>*/
</style>


<style type="text/css">
/*<![CDATA[*/ /*......accordeon.....*/
.accordion1 {
max-width:600px;
margin: 0 auto;
}

.accordion1 [type=radio],
.accordion1 [type=checkbox] {
display:none;

}

.accordion1 label {
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
border: 1px solid #fff;
border-bottom: 0;
border-radius: 5px 5px 0 0;
display: block;
margin: 3px 0 0;
padding: 7px;
background: linear-gradient(#00828C,#00828C);
box-shadow: 0 1px 1px #000;
transition: all 1s ease-in;
}

.accordion1 label:hover {
background:linear-gradient(#B2D9DC,#B2D9DC);
color: #fff;
}

.accordion1 label:before {
content: '»';
padding: 0 12px 0 5px;
}

.accordion1 [type=radio]:checked ~ label:before,
.accordion5 [type=checkbox]:checked ~ label:before {
content: '-';
padding: 0 14px 0 7px;
}

.accordion1 [type=radio]:checked ~ label + div,
.accordion1 [type=checkbox]:checked ~ label + div {
overflow: auto;
height: 9em;
border-radius: 0 0 5px 5px;
}

.accordion1 div {
height: 0;
padding: 0 10px;
overflow: hidden;
background: #fff;
border: 1px solid #990000;
transition: all 0.5s ease-in;
}

.accordion1 p {
color:#000;
}

.accordion1 h3 {
color:#003399;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
padding: 5px 10px;
}

/*]]>*/
</style>

Werte einstellbar
-------------------------------------------------

HTML:
___________________

<div class="accordion1">
<section>
<input type="checkbox" id="c1" name="ca" value="" /> <label for="c1">PRIVATE & HOBBY</label>
<div>
<br />

<p>
Eigene Interessen teilen, Hobbys, Familie, Verein, Nebenjob, Aktivitäten, Vernetzen auf Facebook und Twitter, Auch kostenlos


</p>
</div>
</section>

<section>
<input type="checkbox" id="c2" name="ca" value="" /> <label for="c2">VEREINSLEBEN</label>
<div>
<p>
Werbung für den Verein, Spielpläne, Termine, Sitzungen, Mitgliederinfo, Ziele des Vereins, Fotos und Videos, Veranstaltungen


</p>
</div>
</section>
<input type="checkbox" id="c3" name="ca" value="" /> <label for="c3">UNTERNEHMER & FIRMEN</label>
<div>
<br />

<p>
Aktive Kundengewinnung, Werbung für Ihr Unternehmen, Ihr Unternehmen präsentieren, Prestigegewinn, Immer Präsent, 24 h am Tag 365 Tage geöffnet, Kommunikation mit dem Kunden, Wichtige Infos zeigen
</p>
</div>
</div>

Html-Code habe ich hier eingefügt wie auf meiner Testseite,
könntest du einach Überschriften und Texte ändern, für mehr Inhalte einfach Code-Inhalte dementsprechend ergänzen.

Von Dolphin würde ich (meine Meinung) abraten, sieht zwar schön aus, HTML-Widget & Gästebuch, Newsletter usw. nicht möglich, keine eigene HTML / CSS Programmierung möglich, zu teuer. Für den Creator wird leider ausser Preiserhöhung seit Jahren nichts mehr getan.

Guten Tag AZ
und allen anderen Forümler natürlich auch ein hallo ...

Die Trigger-Akkordeons von https://redesign-stockholm.jimdofree.com/akkordeon/ sehen ganz toll aus.
Ich würe dies gerne auch auf einer Seite versuchen. Kannst du mir den Code für den Headbereich hier rein stellen?

Vielen Dank im voraus!