Beiträge von Sempervivum
-
-
Ja, ich mag diese Pseudoelemente auch nicht besonders, weil es ein bisschen undurchsichtig ist.
-
Der Kern der Sache ist dieses:
Code
Alles anzeigen#player-play.blink .player__play-inner:before{ animation: pulse-shadow 2s infinite; } @keyframes pulse-shadow { 0% { border-color: green; } 50% { border-color: white; } 100% { border-color: green; } }
Die Klasse .blink fügst Du ja dem Element #player-play hinzu. Von diesem ausgehend muss man dann zu dem Element .player__play-inner gehen, wo die Pseudoelemente :before und :after die beiden Balken durch border-color darstellen. Für den zweiten Balken musst Du es nur erweitern:
Code#player-play.blink .player__play-inner:before, #player-play.blink .player__play-inner:after { animation: pulse-shadow 2s infinite; }
Und der Kreis ist border direkt von #player-play.
-
*smile* ich dachte, wenn ich dir das Prinzip zeige, kannst Du es selber vervollständigen.
-
Das war ein falscher Link. Sieh mal hier, ob es das ist, was Du dir vorstellst:
-
-
Das gängige Verfahren ist, dass es ein Topmenü nur einmal auf der Hauptseite gibt und dass dieses auch für die Unterseiten gilt.
Zitatertens holt er nicht die ganze seite. es wird nur das spiel angezeigt, der rest nicht .obwohl die seite auch ein topmenü hat.
Doch, er holt die ganze Seite. Das Topmenü von spiel1.html wird nicht angezeigt wegen Zeile 50 in topmenu.css:
Wenn Du dir die Seite mit dem HTML-Inspektor ansiehst, siehst Du, dass alles eingezogen wird einschl. head und Navigation. Obwohl die Browser diesbezüglich tolerant sind, sollte das nicht sein, sondern nur das "Netto-HTML" ohne head, Navigation und body-Tags eingezogen werden.
-
Wo hast Du das denn her? Hier:
https://stackoverflow.com/ques…s-class-on-pseudo-element
steht:
ZitatThere's no way to give an HTML attribute of any kind to a psuedo element.
D. h. ein Pseudoelement kann keine Klasse haben.
-
Das Styling von Pseudoelementen wird z. B. hier beschrieben:
-
Mit margin:auto funktioniert es auch, wenn man display:flex für den umgebenden Container setzt:
https://stackoverflow.com/ques…perties/33856609#33856609
(nach "Center a flex item vertically and horizontally" suchen).
-
Ja, das mit der vertikalen Zentrierung ist so eine Sache. vertical-align funktioniert nur in Tabellenzellen und für Bilder. Aber heute, wo es Flexbox gibt, ist es kein Problem mehr: align-items:center und justiy-content:center und es funktioniert.
-
Zitat
Das Problem hatte ich auch, als ich versucht habe, es nachzustellen, aber es war eine Täuschung: Die Unterschrift war nicht unter, sondern auf dem Bild, aber weil die Hintergrundfarbe nicht teiltransparent war, hatte es den Anschein, dass sie darunter lag. Macht man die Hintergrundfarbe transparent, funktioniert es:
Code
Alles anzeigen<style> figure { position: relative; display: inline-block; } figcaption { position: absolute; bottom: 0; width: 100%; text-align: center; background-color: rgba(64,64,64,0.5); color: white; } </style> <figure> <img src="images/food1.jpg" /> <figcaption>Food 1</figcaption> </figure>
Wie Du siehst, empfehle ich außerdem, die neuen semantischen Tag figure und figcaption zu verwenden.
-
Du kannst ja auch lokal testen, dann brauchst Du es nicht hochzuladen. Wenn es allerdings um Ajax geht, brauchst Du einen Webserver, aber den kannst Du auch lokal installieren. Oder einen Editor installieren, der ihn mit bringt wie MS Visual Studio.
-
Ja, das ist der Kern der Sache und das sollte funktionieren. Noch einfacher wird es, wenn du load() verwendest. Wenn Du deine Seite jetzt bei bplaced hast, brauchst Du doch jsfiddle nicht mehr?
-
Dann poste doch mal den aktuellen Code. Ich erinnere mich, mehrere Varianten entwickelt zu haben und wahrscheinlich hast Du es für deine Zwecke ja auch abgeändert.
-
Ja, das siehst Du richtig. Und wenn man es richtig macht, funktioniert auch alles. Das Problem bei Greasemonkey war möglicher Weise, dass man mit jQuery ja nur den HTML-Text lädt und nicht die Bilder, CSS- und JS-Dateien. Sind diese relativ verlinkt, funktioniert es nicht. Aber wenn Du es auf deiner eigenen Site machst, ist das kein Problem.
-
Diese Frage kommt nicht zum ersten Mal. Speichert man die Position und setzt sie auf der neuen Seite bekommt man keinen unterbrechungsfreien Ablauf hin. Die einzige Möglichkeit, die ich kenne, ist, eine Hauptseite mit der Musik zu haben und die Unterseiten mit Javascript/jQuery hinein zu laden. Siehe hier:
https://www.homepage-forum.de/…ntent-by-ajax-jquery-load
Beispiel:
http://ulrichbangert.de/china/index.php
(Hier wird in den Inhalten navigiert, nicht mit dem horizontalen Menü oben. Das Prinzip ist aber das selbe.)
Zitat2b.Wie macht man das mit einen topmenü?,wenn ich da ein link ändere,das es auf alle unterseiten im topmenü dann auch geändert wird ,ohne jede seite wieder zu bearbeiten zu müssen.
Dieses Problem erübrigt sich, wenn mand die Unterseiten mit Javascript lädt, weil es die Hauptseite mit dem Menü nur einmal gibt.
-
Da dieses core.js offenbar von github ist, würde ich es nicht ändern, sondern den Code ganz unten vor dem schließenden </body> auf der HTML-Seite einfügen. Und nicht vergessen, ihn in Script-Tags einzubetten.
-
Basti war schon auf dem richtigen Wege. Mit jQuery-click kannst du einen Klick auf ein Element simulieren:
Versuche dies:
-
Das Canvas wird schon an die Größe des Browserfensters angepasst. Oder willst Du es nicht für das ganze Fenster verwenden sondern nur für einen bestimmten Container? Dann müsstest Du das entspr. umändern.
Zitatmuss ich jetzt alles andere auf der hp höhere z-index werte geben als diese sterne??
Ein z-index kann auch negativ sein, wenn Du dem Canvas einen negativen Wert gibst, brauchst Du nicht allen anderen Elementen einen z-index zu geben.