Ankündigung

Einklappen
Keine Ankündigung bisher.

Jimdo Hover/Mouseover Farbwechsel

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Jimdo Hover/Mouseover Farbwechsel

    Hey Community

    Ich bin neu hier im Forum und auch leider absoluter HTML Nichtskönner.
    Versuche mich aber so langsam in das ein oder andere Thema einzulesen.

    Natürlich habe ich auch gleich eine Frage, bei der mir sicher jemand helfen kann.

    Ich habe eine Jimdo Homepage, bei der ich einen ausklappbaren Text einfügen möchte.
    Das hat soweit auch tatsächlich funktioniert.

    Jetzt möchte ich allerdings noch den Link/Button "mehr..." noch editieren.

    Und zwar dahingehend, dass er die Farbe von Schwarz auf Cyan wechselt, wenn man mit der Mouse darüber fährt.
    Also einfach einen klassischen Mouseover/Hover Effekt.

    Aktuell habe ich folgende Codeschnipsel auf meiner Jimdo-Seite eingefügt:

    im HEAD Bereich:


    <script type="text/javascript">
    //<![CDATA[
    var whichIsOpen = 0;
    function showText(index) {
    if(whichIsOpen != 0) {
    hideText(whichIsOpen);
    }
    document.getElementById('aufklappen' + index).style.display = 'none';
    document.getElementById('text' + index).style.display = 'block';
    document.getElementById('zuklappen' + index).style.display = 'block';
    whichIsOpen=index;
    }
    function hideText(index) {
    document.getElementById('aufklappen' + index).style.display = 'block';
    document.getElementById('text' + index).style.display = 'none';
    document.getElementById('zuklappen' + index).style.display = 'none';
    whichIsOpen=0;
    }
    //]]>

    </script>





    im HTML Widget auf der entsprechenden Text-Seite:


    <p>

    eingeblendeter Text

    </p>

    <p id="aufklappen1">
    <a href="javascript:showText(1);"><strong><font color="black">mehr...</font></strong></a>
    </p>

    <p id="text1" style="display: none;">

    dieser Text wird bei klicken auf mehr... zusätzlich angezeigt/aufgeklappt

    </p>

    <p id="zuklappen1" style="display: none;">
    <a href="javascript:hideText(1);"><strong><font color="black">weniger...</font></strong></a>
    </p>



    Kann mir jemand sagen, wo ich welchen Code einfügen muss, damit ich die Farbe beim Mouseover bestimmen kann?

    Vielen Dank schonmal im Voraus.

    VG
    Basti




  • #2
    Üblicherweise werden die Farben im CSS geändert.
    https://arnego2.com <Webseiten, Umbau ab €80 und einiges mehr>

    VPS 8GB RAM 50 GB ROM < Server in der EU, 1rstes Jahr €38

    Kommentar


    • #3
      Da kann ich arnego2 nur zustimmen. Ein Farbwechsel ist am besten und leichtesten mit CSS realisierbar. Das was du gerade oben machst hat sowieso nichts mit einem Farbwechsler am Hut. Ich würde dir raten nicht mithilfe von Javascript ein Farbwechsler zu erstellen.

      Gruss Localfu
      PS: Wenn euch mein Post gefallen hat, dann lasst mir ein "Daumen hoch" da!

      Kommentar


      • #4
        Zitat von Localfu Beitrag anzeigen
        Ich würde dir raten nicht mithilfe von Javascript ein Farbwechsler zu erstellen.
        Ich würde ganz auf Javascript verzichten und alles mit Css machen

        https://codepen.io/basti1012/pen/WNxvXgL
        Zuletzt geändert von basti1012; 11.10.2020, 21:13.
        Mein (Basti1012) Forum und Chat

        Kommentar


        • #5
          Hallo zusammen, vielen Dank für die schnellen Antworten!

          @basti1012: Ich habe mir auch schon mal deinen Link angeschaut.

          Ich habe deinen CSS und HTML Code einfach mal 1:1 auf meine Seite kopiert, weil ich damit dann einfach mal rumspielen wollte.
          Allerdings kann ich den CSS Code irgendwie nicht in meinem Head Bereich oder im HTML Bereich auf meiner Seite abspeichern.

          Den HTML Part kann ich problemlos einfügen, sieht aber dann natürlich anders aus, da ja der CSS Part fehlt.

          Klapptext.jpg

          Wo muss denn der CSS Code hin?

          Vielen Dank!


          VG an alle.
          Basti

          Zuletzt geändert von Basti; 12.10.2020, 10:02.

          Kommentar


          • #6
            Die css kannst du auch in einer vorhandener Css Datei reinkopieren, an besten immer am Ende der datei.
            Wenn du noch keine Css Datei hast und nur inline Css hast dann muss die css in <head>
            HTML-Code:
            <!doctype html>
            <html lang="de">
                <head>
                    <title>bla</title>
                    <style>
                        hier der css Code
                    </style>
                </head>
                <body>
                    html code
                </body>
            </html>
            oder in einer Extra Css Datei speichern
            Fatei erstellen mit den namen style.css
            Dann meinen Css Code darein kopieren
            und dann in den Html einbinden
            HTML-Code:
            <!doctype html>
            <html lang="de">
                <head>
                    <title>bla</title>
                     <link rel="stylesheet" href="style.css">
                </head>
                <body>
                    html code
                </body>
            </html>
            Mein (Basti1012) Forum und Chat

            Kommentar


            • #7
              Allerdings kann ich den CSS Code irgendwie nicht in meinem Head Bereich oder im HTML Bereich auf meiner Seite abspeichern.
              Hilft hier der 3. Unterpunkt vielleicht weiter?
              https://help.jimdo.com/hc/de/article...enen-Code-ein-
              Oder hast Du es so schon versucht und er nimmt das CSS nicht an?

              Kommentar


              • #8
                Ich habe mal gerade meine alte jimdo Seite rausgesucht, da hatte ich immer solche sachen getestet.
                Ich muß sagen das es für mich einfach nur Mist ist.
                Für Leute die sowas in Baukasten System erstellen wollen und vieleicht auch nicht anders können ist es vieleicht ganz gut.
                Habe da jetzt eine halbe Stunde rumgespielt und kriege meinen Code da auch nicht rein.
                Auch nicht mit der Anleitung die Sempervivum gepostet hat.

                Mein Tipp:
                wechsel nach bplaced.net , da kannst du alles selber erstellen und mußt nicht den Baukasten kram nehmen.
                Vorraussetzung ist aber das du die Grundlagen kennst.
                Mein (Basti1012) Forum und Chat

                Kommentar


                • #9
                  bplaced.net
                  ist ein Hoster
                  Generell sind Baukästen so ausgelegt das der Kunde sich an den Hoster kettet.
                  Eine Horrorstory: Ich hatte unser Domain über den Hoster gekauft und der erst günstige Preis wurde nach 2 jahren angehoben von 11$ zu 27$. Das hat dann bei mir genug Energie freigesetzt und das Domain ging zu einem Domain Hoster.

                  Kein Jahr nach dem Domain Umzug wurde der Reseller Hosting Vertrag von 95$ auf 585$ angehoben. Den Rest könnt ihr euch denken.
                  Ich nehme nicht an das solche Praktiken einzigartig sind.
                  https://arnego2.com <Webseiten, Umbau ab €80 und einiges mehr>

                  VPS 8GB RAM 50 GB ROM < Server in der EU, 1rstes Jahr €38

                  Kommentar


                  • #10
                    Habs hinbekommen! Danke euch!

                    Kommentar


                    • #11
                      Verrätst Du uns auch, wie Du es jetzt gelöst hast?

                      Kommentar

                      homepage-forum.de - Hilfe für Webmaster! Statistiken

                      Einklappen

                      Themen: 56.808   Beiträge: 430.110   Mitglieder: 28.559   Aktive Mitglieder: 48
                      Willkommen an unser neuestes Mitglied, daetr2095.

                      Online-Benutzer

                      Einklappen

                      193 Benutzer sind jetzt online. Registrierte Benutzer: 1, Gäste: 192.

                      Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

                      Die neuesten Themen

                      Einklappen

                      • arnego2
                        Antwort auf SameSite Cookie
                        Eine rewrite rule schreibt die URL um.
                        Als Beispiel: Wer keine www als Subdomaine vor seinem Seitennamen haben will nimmt eine Rewrite rule die alle Besucher von www.deine-domain.de auf deine-domain.de umleitet.
                        So wird auch dual content vermieden.
                        Wozu setzt du einen Cookie. Die...
                        Gestern, 14:41
                      • arnego2
                        Antwort auf Formularvalidierung - Wie macht ihr es?
                        Die Frage ist ob das mit Corona auch so bleibt.
                        Die Ausbildung macht sicher Sinn wenn die Betriebe bei der Strategie bleiben. bei Web komischerweise suchen viele Freelancer um die preise zu drücken. Qualität ist dabei oft kommt der Gedanke erst wenn die Seiten online gehen und nicht das tun...
                        Gestern, 14:35
                      • arnego2
                        Antwort auf LINK prüfen
                        In der GSC oder der Google Search Console gibt es die Daten, ich glaube auch in Bing Webmaster Tools, oder der Yandex Console.
                        Gestern, 14:21
                      • arnego2
                        Antwort auf Dynamik der Krise (Update Politik)
                        Die Update festeste Lösung die ohne Plugins auskommst ist html5. Der Update von html4 zu 5 hat über 10 Jahre gedauert.
                        Der Bäcker ist dafür am besten dran wenn er eine nicht dynamische Seite hat.

                        Je aufwendiger es wird desto komplexer sollten es kommen. Sich ein Theme zu nehmen...
                        Gestern, 13:30
                      • Localfu
                        Antwort auf Formularvalidierung - Wie macht ihr es?
                        Wow, so teuer, krass. Das Zertifikat hat nicht die gleiche Außenwirkung wie vergleichbar mit einer Berufsausbildung. Wäre das nicht eher interessant für dich in den Bereich eine Ausbildung zu machen? Da hast du einen hohen Zeitaufwand bekommst aber ein Ausbildungszeugnis, dass dir in vielen Bereich...
                        Gestern, 12:35

                      Die neuesten Beiträge

                      Einklappen

                      • ST747
                        SameSite Cookie
                        Hallo,

                        ich setze ein eigenes Cookie und hatte jetzt zufällig festgestellt. das Javascript bringt jetzt einen Warnhinweis, dass die Funktion bald
                        nicht mehr unterstützt wird, wegen fehlender Angabe Attribute Samesite.
                        Standard wird zwar None gesetzt, aber dabei auch Secure=false....
                        The SameSite attribute of the Set-Cookie HTTP response header allows you to declare if your cookie should be restricted to a first-party or same-site context.
                        05.03.2021, 18:52
                      • arnego2
                        Antwort auf SameSite Cookie
                        Eine rewrite rule schreibt die URL um.
                        Als Beispiel: Wer keine www als Subdomaine vor seinem Seitennamen haben will nimmt eine Rewrite rule die alle Besucher von www.deine-domain.de auf deine-domain.de umleitet.
                        So wird auch dual content vermieden.
                        Wozu setzt du einen Cookie. Die...
                        Gestern, 14:41
                      • Megabyte
                        Formularvalidierung - Wie macht ihr es?
                        Hallo Coders...

                        Für mein Projekt zur Webmaster-Zertifizierung ist eine der Aufgaben die Erstellung eines kompletten Formulars (also mit ALLEN Elementen wie Checkbox, Select, Radiobuttons etc. Dieses Formular MUSS dreifach (!!!!!!) auf Plausibilität geprüft werden (Pflichtfeld, Syntax,...
                        02.03.2021, 22:35
                      • arnego2
                        Antwort auf Formularvalidierung - Wie macht ihr es?
                        Die Frage ist ob das mit Corona auch so bleibt.
                        Die Ausbildung macht sicher Sinn wenn die Betriebe bei der Strategie bleiben. bei Web komischerweise suchen viele Freelancer um die preise zu drücken. Qualität ist dabei oft kommt der Gedanke erst wenn die Seiten online gehen und nicht das tun...
                        Gestern, 14:35
                      • ST747
                        LINK prüfen
                        hallo, es gibt kostenpflichtige und kostenlose Tools, um alle Links auf der Website zu prüfen.
                        es gibt doch öfters mal eine url die nicht mehr funktioniert, da sollte der link entfernt werden.
                        gibt es da erfahrung, eine empfehlung?
                        gerhard...
                        05.03.2021, 22:30
                      • arnego2
                        Antwort auf LINK prüfen
                        In der GSC oder der Google Search Console gibt es die Daten, ich glaube auch in Bing Webmaster Tools, oder der Yandex Console.
                        Gestern, 14:21
                      • arnego2
                        Antwort auf Dynamik der Krise (Update Politik)
                        Die Update festeste Lösung die ohne Plugins auskommst ist html5. Der Update von html4 zu 5 hat über 10 Jahre gedauert.
                        Der Bäcker ist dafür am besten dran wenn er eine nicht dynamische Seite hat.

                        Je aufwendiger es wird desto komplexer sollten es kommen. Sich ein Theme zu nehmen...
                        Gestern, 13:30
                      • Localfu
                        Antwort auf Formularvalidierung - Wie macht ihr es?
                        Wow, so teuer, krass. Das Zertifikat hat nicht die gleiche Außenwirkung wie vergleichbar mit einer Berufsausbildung. Wäre das nicht eher interessant für dich in den Bereich eine Ausbildung zu machen? Da hast du einen hohen Zeitaufwand bekommst aber ein Ausbildungszeugnis, dass dir in vielen Bereich...
                        Gestern, 12:35
                      • Localfu
                        Antwort auf Dynamik der Krise (Update Politik)
                        Zu PHP: Da sich die Leute nicht weiterentwickeln wollen oder nicht können, ist das eine schwierige Sache eine neue Version mit neuen Funktionsumfang herauszubringen. Es ist wichtig, dass sich das Web weiterentwickelt und dazu gehören auch die Werkzeuge wie Programmiersprachen und den Technologien,...
                        Gestern, 12:31
                      • daniel5959
                        Antwort auf LINK prüfen
                        Hallo,

                        Googlesuche = broken link check - hier ein Fund in deutsch

                        7 Tools für Broken Links >> https://www.hosteurope.de/blog/mit-d...-broken-links/

                        daniel5959
                        05.03.2021, 23:44
                      Lädt...
                      X