Hallo Zusammen,

ich würde gerne auf einer mit Tokyo erstellten Homepage Mouseovereffekte und Akkordeons einfügen.

Durch Google u. und Facebooksuche habe ich schon folgenden Mouseover gefunden. Allerdings weiß ich nicht, wie ich die Bildgröße anpassen kann:


<a href="https://www.dein-Link.de"><img src="Original-Bilddatei" onmouseover="this.src='Mouseover-Bilddatei'"

onmouseout="this.src='Original-Bilddatei'" />


Gibts für Akkordeon einen einfach zu handhabenden Code?

Kann mir bitte jemand weiterhelfen, bzw. gibts bessere Möglichkeiten?

>>Hat in diesem Forum jemand Erfahrung mit Dolphin? Ich überlege für mein nächstes Projekt den Creator zu wechseln, da dieser meiner Meinung nach optisch total veraltet ist. Dophin hat coole Vorlagen, allerdings - wenn ich das richtig verstehe - kann man hier keine eigenen Programmierungen einfügen, oder?
>>Weiß vielleicht jemand, ob der Creator in nächster Zeit ein zeitgemäßes Update erhält?

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!