Ergebnis 1 bis 5 von 5

Thema: Accordion Farben ändern

  1. #1
    HTML Newbie
    Registriert seit
    08.01.2016
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Accordion Farben ändern

    Hallöchen,

    ich habe diesen Code in meinem Accordion (klingt echt komisch : )

    HTML-Code:
    <!doctype html><
    html lang="en">
    <head>
      <meta charset="utf-8">
      <title>jQuery UI Accordion - Customize icons</title>
      <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
      <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
      <link rel="stylesheet" href="/resources/demos/style.css"> 
     <script>  $(function() {
        var icons = {
          header: "ui-icon-circle-arrow-e",
          activeHeader: "ui-icon-circle-arrow-s"
        };
        $( "#accordion" ).accordion({
          icons: Icons
        });
        $( "#toggle" ).button().click(function() {
          if ( $( "#accordion" ).accordion( "option", "icons" ) ) {
            $( "#accordion" ).accordion( "option", "icons", null );
          } else {
            $( "#accordion" ).accordion( "option", "icons", icons );
          }
        });
      });  
    </script></head>
    Nun habe ich versucht Farbe ins ganze zubringen. Sprich die Rahmen, die Textfarbe. aber es gelingt mir nicht. habt ihr einen Tipp oder ein Beispiel für mich ?

    Vielen Dank für Tipps und Kritik

    Gruß
    Marcus
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Accordion Farben ändern

    Das reicht nicht aus. Die *.js und *.css fehlen. Stell das ganze mal online und poste deinen Link.

    Warum Englisch?
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    08.01.2016
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Accordion Farben ändern

    Java würde noch gehe, aber CSS funktioniert nicht richtig mit dem WebAcapella oder ich bin zu dumm
    ja keine Ahnung ich versuche das immer in Englisch zu lernen.

    http://www.a-brickwedde.de/17.html

    - - - Aktualisiert - - -

    So hatte ich es erst programmiert allerdings habe ich es nicht geschafft das automatische sliden gegen klicken umzuprogrammieren.
    HTML-Code:
    <style>
    #accordion .item {
    width: 800px;overflow: hidden;
    transition: height ease-in-out 500ms; /* This is the bit that makes the slider...slide */
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;
    border: 1px solid #009090; /* This sets the color and width of the border */
    border-radius: 5px; /* This sets the roundness of the border corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 50px; /* This is the height of the gray portion of each section */
    margin-bottom: 3px;
    }
    #accordion a {
    display: block;
    height: 50px;
    line-height: 50px;
    background: #eeeeee; /* This is for all the old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* This gradient is for firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* This one is for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* and of course we musn't forget ie */
    padding: 2px;
    color: #009090; /* This and the next few lines sets the font up for the header on each box */
    text-decoration: none;
    font-size: 1.5em;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    }
    #accordion p {
    height: 1000px; /* This and the next few lines sets the font up for the content of each box */
    padding: 5px;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 0.8em;
    }
    #accordion div:hover {
    height: 1400px; /* This is the total height when the scroll unfolds see the 150px in the element above */
    }
    #accordion div:hover a {
    border-bottom: 1px solid #009090;
    }
    </style>
    <div id="accordion">
    <div class="item">

  4. #4
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Accordion Farben ändern

    Na, vielleicht ist ja der Ursprung hier zu suchen?!
    https://www.webcodegeeks.com/javascr...rdion-example/

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    08.01.2016
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Accordion Farben ändern

    Super, vielen Dank ich lese mich mal durch

Ähnliche Themen

  1. Farben ändern
    Von Tamara Mikes im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 2
    Letzter Beitrag: 26.08.2007, 23:10
  2. Farben ändern aber wie
    Von andyhot im Forum Webanwendungen - Webapplikationen
    Antworten: 2
    Letzter Beitrag: 24.09.2006, 19:58
  3. Farben bei bestimten Elementen ändern
    Von Magier im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 29.06.2005, 16:19
  4. Scrollbar farben ändern
    Von Rez im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 17.05.2005, 20:04
  5. Farben in CSS ändern
    Von Darkshade im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 08.04.2005, 22:30

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •