Accordion Effect

Hier könnt ihr nützliches reinstellen, wenn ihr was gefunden habt.

Moderator: HTML-Laie

Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Accordion Effect

Beitrag von moni »

Hallo Zusammen
habe eine sehr Internate Variante vom eine Galerie gefunden hier die Seite

http://www.cssnewbie.com/example/css-on ... ontal.html

das Skript einfach nur kopieren und nach bedarf Hintergrund gestalten...
seht unten

Code: Alles auswählen

#spring {
   background-color: #CCFF99; }
#summer {
   background-color:#FF6633; }
#autumn {
   background-color: #FFCC00; }
#winter {
   background-color:#99FFFF; }
Viele Grüße ...Monika
Benutzeravatar
chriss
Webmaster
Webmaster
Beiträge: 178
Registriert: Do 21. Apr 2011, 15:03
Mein Vorname: Christian

Re: Accordion Effect

Beitrag von chriss »

Der effekt ist echt müll... google mal
jquery -> accordion

Da gibts wesentlich bessere
Bitte kommentiert nicht ständig meine Beiträge. Wer sie nicht lesen will, der soll mich einfach ingnorieren.
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Accordion Effect

Beitrag von moni »

Weiß du Chriss es sind Leute was auch zufrieden mit dem Müll sein können...
wenn du genau in den Welt schauen kannst da muss Du doch sehen das der Welt voll der Müll ist und mit dem Müll verdienen sich die meisten die Taschen voll..
so viel zum Thema Müll aus meiner Sicht....

und zur diese Galerie warum ich sie gut finde ..weil sie kein JS hat und einfach zu installieren ist ..mag wohl sein das sie nicht das gelbe vom dem Ei ist, aber für die ganz normaler Otto Gebrauchter finde sie ich sie ausreichend ...
allerdings wenn du in deine freien Zeit noch Zeit übrig hast und bereit bist für für uns was anders zu vorstellen , da sind wir sehr dankbar und freuen uns auf andere Ideen,
und was sehr wichtig ist auch gleich dazu auch den ausführlichen und sehr überschaubaren Erklärung wie so was zu Installieren ist....
Viele Grüße ...Monika
Benutzeravatar
chriss
Webmaster
Webmaster
Beiträge: 178
Registriert: Do 21. Apr 2011, 15:03
Mein Vorname: Christian

Re: Accordion Effect

Beitrag von chriss »

und genau das ist der grund, wieso die nPage seiten kaum besucher haben.
weil sich viele user mit dem erst besten und dem was am einfachsten ist zufrieden geben.

Es gibt im Netz über jedes Thema durschnittlich vielleicht 50 Seiten. Die Zahl ist geschätzt.
Das bedeutet, das der Internetnutzer nicht zwagsläufig auf DEINE seite angewiesen ist.

Daraus resultiert, das die meisten User eine seite, die in Zugänglichkeit und Benutzerfreundlichkeit nicht tip-top in ordnung ist sofort wieder verlassen.
Wenn man sich also schon die Mühe macht, eine Seite mit Inhalt zu füllen, dann sollte man sich aus dem konkurenzkampf des netztes doch nicht durch ein schlechtes Accordeon kicken, wobei es ein geringer mehraufwand ist, ein benutzerfreundliches JavaScipt Accordeon zu integrieren.

Hoffe dir leuchtet mein Sandpunkt ein :p
Bitte kommentiert nicht ständig meine Beiträge. Wer sie nicht lesen will, der soll mich einfach ingnorieren.
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Accordion Effect

Beitrag von moni »

Ich glaube wir reden ein wenig einander vorbei...
ich bin doch sehr interessiert an einigen neuen Sachen .. und schau mir schon einiges ein...
versuche ständig mir was neues beizubringen..
Das Problem ist bei mir.... es hapert sehr oft an den richtigen Verständnis !

und solange ich mit etwas nicht richtig klar komme , da kann ich auch nicht anzuwenden...Logisch !!
um etwas versteh zu können da brauche ich Hilfe dazu...und solange ich keine Hilfe habe und auch welche bekomme,
so lange werde mich mit einfachen Dingen auch sehr zufrieden ,genau wie die Galerie was ich hier gezeigt habe !

Hoffe stark das auch jetzt bei dir eingeleuchtet hat !
Viele Grüße ...Monika
Benutzeravatar
chriss
Webmaster
Webmaster
Beiträge: 178
Registriert: Do 21. Apr 2011, 15:03
Mein Vorname: Christian

Re: Accordion Effect

Beitrag von chriss »

Um ehrlich zu sein, leuchtet es bei mir nicht ein, da ich nicht verstehe, was an der offiziellen version des Accoudion UI so schwer verständlich sein soll.
http://docs.jquery.com/UI/Accordion
Bitte kommentiert nicht ständig meine Beiträge. Wer sie nicht lesen will, der soll mich einfach ingnorieren.
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Accordion Effect

Beitrag von moni »

:-)
1 ) ist auf englisch ...
2)und sie ist zum anklicken.... und meine ist auf mosuerover Funktion ..gefällt mir besser mouserover
3) auch die seitliche verschieben hat mir besser gefallen

so habe schon an so was gebastelt und es hat geklappt... aber läuft nicht bei opera ... habe nur Friefox opera und IE
http://blicke1.npage.de/akkordeon_galer ... 01091.html
Viele Grüße ...Monika
Benutzeravatar
chriss
Webmaster
Webmaster
Beiträge: 178
Registriert: Do 21. Apr 2011, 15:03
Mein Vorname: Christian

Re: Accordion Effect

Beitrag von chriss »

das ganze gibt es auch für die horrizontale -> http://plugins.jquery.com/plugin-tags/h ... -accordion
außerdem solltest du generell mal etwas jquery lernen, da es eigentlich fast unersetzlich für eine website ist. dann wüsstest du auch, das du für einen mouseovereffekt nur den eventhandler von .click in .mouseover ändern müsstest.

eigentlich sollte man in unserer gesellschaft ab einem alter von etwa 16 ein solides englisch erwarten.
Bitte kommentiert nicht ständig meine Beiträge. Wer sie nicht lesen will, der soll mich einfach ingnorieren.
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Accordion Effect

Beitrag von moni »

Danke ..das sieht auch schon mal sehr ordentlich aus...
habe runter geladen ..das css und js hoch geladen
sehe hier

Code: Alles auswählen

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>liteAccordion - a horizontal accordion plugin for jQuery</title>
       <link rel="stylesheet" href="http://file1.npage.de/005942/00/html/liteaccordion.css">



        <!--[if lt IE 9]>
            <script>
                document.createElement('figure');
                document.createElement('figcaption');
            </script>
        <![endif]-->
        <script type="text/javascript">

		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-17442910-1']);
		  _gaq.push(['_trackPageview']);

		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();

		</script>

    </head>
    <body>


    <div id="one" class="accordion">
            <ol>
                <li>
                    <h2><span>text text </span></h2>
                    <div>
                        <figure>
                            <img src="http://file1.npage.de/002234/84/bilder/dscf0595.jpg" alt="image" />
                            <figcaption>text </figcaption>
                        </figure>
                    </div>
                </li>
                <li>
                    <h2><span>Slide Two</span></h2>
                    <div>
                        <figure>
                            <img src="http://file1.npage.de/002234/84/bilder/dscf0525.jpg" alt="image" />
                            <figcaption>text text</figcaption>
                        </figure>
                    </div>
                </li>
                <li>
                    <h2><span>Slide Three</span></h2>
                    <div>
                        <figure>
                            <img src="http://file1.npage.de/002234/84/bilder/dscf0613.jpg" alt="image" />
                            <figcaption>Some caption text goes in here...</figcaption>
                        </figure>
                    </div>
                </li>
                <li>
                    <h2><span>Slide Four</span></h2>
                    <div>
                        <figure>
                            <img src="http://file1.npage.de/002234/84/bilder/dscf0468.jpg" width="768" alt="image" />
                            <figcaption>Pew pew pew!</figcaption>
                        </figure>
                    </div>
                </li>
                <li>
                    <h2><span>Slide Five</span></h2>
                    <div>
                        <figure>
                            <img src="http://file1.npage.de/002234/84/bilder/dscf0597.jpg" alt="image" />
                            <figcaption>More caption text here!</figcaption>
                        </figure>
                    </div>
                </li>
            </ol>
            <NOSCRIPT><p>Please enable JavaScript to get the full experience.</p></NOSCRIPT>
        </div>

                ... <!-- Before the closing body tag -->
                   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
      <script src="http://file1.npage.de/005942/00/html/jquery.min.js"></script>


  </body>

mein Frage ist ob du mir das Skript einfach so machen kannst wie der sein soll...auch mit dem mouserover Effekt !
und das der auch IE 6 tauglich ist ...
das mit dem lernen vom jquery da hab ich nichts gegen ..nur ob ich das auch schaffe ist auch mal andre frage...

Zur Problematik ... Erwartungen an Menschen ab 16 Jahre in unseren Gesellschaft ...
Dazu kannst gern ein neuen Thema anfangen.. da kann ich dir auch mein Meinung dazu geben...
sonst hier kommen wir vom eigentlichen Thema hier weit weg ab !!
Viele Grüße ...Monika
Benutzeravatar
philok
Grosser Webmaster
Grosser Webmaster
Beiträge: 585
Registriert: Sa 7. Mai 2011, 11:47
Mein Vorname: Thomas

Re: Accordion Effect

Beitrag von philok »

eigentlich sollte man in unserer gesellschaft ab einem alter von etwa 16 ein solides englisch erwarten.
@ Chriss,

solide Rechtschreibung und Umgangsformen sollte man allerdings auch erwarten können.
Solltest Du allerdings jünger als 16 Jahre sein, dann sei Dir vergeben.
Was bei Google suchen und drauf verweisen kann jeder, die Sache dann allerdings verständlich zu erklären die wenigsten.
Allerdings lebt ein Forum gerade vom Austausch und Erklärungen.

So, nun kannst Du Deinen "Müll" bzw. Senf dazu geben....
Antworten

Zurück zu „Nützliches für den Websitebau“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 26 Gäste