[FONT=lucida sans unicode]Macht es eventuell Sinn per @import alle CSS-Dateien in eine zusammenzufassen?[/FONT]
Beiträge von tobias.pohl
-
-
[FONT=lucida sans unicode]Keiner? Das Problem besteht ja darin, dass die kleinen Divs der Buttons linksbündig hintereinander sind.[/FONT]
-
[FONT=lucida sans unicode]Hier das CSS vom Plugin:
CSS
Alles anzeigen.wpsocialite:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }[/FONT][FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode]/* visually hidden from HTML5 Boilerplate */[/FONT] [FONT=lucida sans unicode].wpsocialite .vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }[/FONT] [FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode]/*[/FONT] [FONT=lucida sans unicode] * Socialite[/FONT] [FONT=lucida sans unicode] */[/FONT] [FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode]/*[/FONT] [FONT=lucida sans unicode].socialite-instance { display: none; opacity: 0; }[/FONT] [FONT=lucida sans unicode].socialite-loaded .socialite-button { display: block; opacity: 1; }[/FONT] [FONT=lucida sans unicode].socialite-button iframe { max-width: 100%; max-height: 100%; }[/FONT] [FONT=lucida sans unicode]*/[/FONT] [FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode]/*[/FONT] [FONT=lucida sans unicode] * Socialite Look-a-like defaults[/FONT] [FONT=lucida sans unicode] */[/FONT] [FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode].wpsocialite.large { display: block; list-style: none; padding: 0; margin: 20px; overflow: visible; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large > li { display: block; margin: 0; padding: 10px; float: left; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .socialite { display: block; position: relative; background: url('social-sprite.png') 0 0 no-repeat; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .socialite-loaded { background: none !important; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .twitter-share { width: 55px; height: 65px; background-position: 0 0; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .googleplus-one { width: 50px; height: 65px; background-position: -75px 0; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .facebook-like { width: 50px; height: 65px; background-position: -145px 0; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .linkedin-share { width: 60px; height: 65px; background-position: -215px 0; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .pinterest-pinit { width: 50px; height: 65px; background-position: -367px 0; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .stumbleupon-share { width: 50px; height: 65px; background-position: -439px 0; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .twitter-follow { width: 56px; height: 65px; background-position: -509px 0; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .twitter-follow.socialite-loaded{ width:100%; }[/FONT] [FONT=lucida sans unicode].wpsocialite.large .vkontakte-like { width: 50px; height: 65px; background:red; }[/FONT] [FONT=lucida sans unicode]/*[/FONT] [FONT=lucida sans unicode] * Socialite Custom Default[/FONT] [FONT=lucida sans unicode] */[/FONT] [FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode]/* .small-load { margin: 0 0 0.625em 0; font-weight: bold; padding: 5px; } */[/FONT] [FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode].wpsocialite.small { display: block; list-style: none; padding: 10px; margin: 10px; overflow: visible; }[/FONT] [FONT=lucida sans unicode].wpsocialite.small > li { margin: 0; display:inline; float:left; width:20%; }[/FONT] [FONT=lucida sans unicode].wpsocialite.small .socialite { display: block; position: relative; width: 150px; height: 30px; background: url('custom-default.png') 0 0 no-repeat; }[/FONT] [FONT=lucida sans unicode].wpsocialite.small .socialite-loaded { background: none; }[/FONT] [FONT=lucida sans unicode] [/FONT] [FONT=lucida sans unicode].wpsocialite.small .twitter-share { background-position: 0 0; }[/FONT] [FONT=lucida sans unicode].wpsocialite.small .googleplus-one { background-position: 0 -45px; }[/FONT] [FONT=lucida sans unicode].wpsocialite.small .facebook-like { background-position: 0 -90px; }[/FONT] [FONT=lucida sans unicode].wpsocialite.small .linkedin-share { background-position: 0 -135px; }[/FONT] [FONT=lucida sans unicode].wpsocialite.small .pinterest-pinit { background-position: 0 -175px; }[/FONT] [FONT=lucida sans unicode].wpsocialite.small .stumbleupon-share { background-position: 0 -225px; }[/FONT] [FONT=lucida sans unicode].wpsocialite.small .twitter-follow.socialite-loaded{ width:200px; }[/FONT]
-
[FONT=lucida sans unicode]Hey Leute,
ich nutze für das social sharing das Plugin WPSocialite, weil es erst bei Hover die Scripte lädt. Schönes Plugin, wenn auch etwas begrenzt, was die Netzwerke angeht.
Leider auch bei der Ausrichtung der Buttons. Ich möchte gerne die Buttons zentrieren. Ich nutze einen Shortcode um das Plugin in ein Text-Widget im Footer zu integrieren. Ich habe es schon mit einem Paragraphen mitsamt entsprechendem text-align versucht - bringt aber nix. Hat jemand eine Idee?
Hier ein Screenshot: [/FONT]http://screencast.com/t/JfelSD3u[FONT=lucida sans unicode]
Und hier der Link zur Seite: http://www.proxpand.com
Danke im Voraus.[/FONT]
-
[FONT=lucida sans unicode]Cool, ich werde es mal ausprobieren und Euch Bericht erstatten.
[/FONT] -
[FONT=lucida sans unicode]Der Support vom Hoster gab mir die (klägliche) Info, dass der Einsatz mod_pagespeed noch ganz neu sei und das der Filter derzeit noch nicht einsetzbar sei. In den kommenden Wochen bzw. Monaten werde es die Möglichkeit geben, die Filter in der Admin-Oberfläche zu steuern.
Na ja, befriedigende Aussagen klingen für mich anders - kann es aber nicht ändern.Die JS-Dateien habe ich mittels W3 Total Cache JS Minify (async) zusammengefasst. Klappt eigentlich auch wunderbar, bis auf die Tatsache, dass irgendwie das Hauptmenü nicht mehr funktioniert (bei Hover werden die Untermenüs nicht angezeigt) und das WpSocialite-Plugin funktioniert bei Hover auch nicht. Okay, beim Social Plugin, sage ich mir, liegt es wahrscheinlich daran, dass es JS verwendet, und dieses durch das Zusammenfassen gestört ist. Nur meine These.
Aber beim Menü wird kein JS verwendet, sondern nur CSS (Aussage vom Theme-Entwickler). Nur frage ich mich, wie kann das Minify von JS-Dateien ein CSS-Menü stören?Wenn Du mal meine Seite (http://www.proxpand.com) anschaust, was könnte ich in Sachen Speed noch optimieren?[/FONT]
-
[FONT=lucida sans unicode]Wow, das ist ja eine jahrelange Aufgabe, weil über 20 Dateien. A kommt vielleicht mit B zurecht, aber nicht AB mit C. Genau so, kann es sein, dass AC geht, aber nicht ABC. Weißt Du was ich meine?
Gibt es denn da keine andere Möglichkeit? Wie machen das alle anderen Webseiten-Betreiber / Wordpress-Seiten-Betreiber?[/FONT]
-
[FONT=lucida sans unicode]Hey Leute,
ich möchte gerne die Schriftart Optima Thin auf meiner Webseite verwenden. Leider ist diese nicht bei Google Fonts zu finden.
Die Datei habe ich auf meinem Laptop, aber wie kann ich sie möglichst einfach einbinden?
Danke im Voraus.[/FONT]
-
[FONT=lucida sans unicode]Ja klar, g3h, hatte ich ganz vergessen zu schreiben. Leider der selbe Effekt.
Immer sind da überall so blöde schwarze Punkte etc.
Verzweifel noch. Gibt es da keine Lösung?[/FONT]
-
[FONT=lucida sans unicode]Habe mit dem Support gesprochen. Derzeit ist die Funktion "combine css files" noch nicht verfügbar.
Jetzt muss ich mir überlegen, wie ich das hinbekomme. Habe es eben nochmals mit W3 Total Cache ausprobiert, aber das verunstaltet die ganze Seite.
Hat jemand einen Vorschlag wie ich die ganzen CSS-Dateien kombinieren kann?[/FONT]
-
[FONT=lucida sans unicode]Schon probiert. Kein Effekt.[/FONT]
-
[FONT=lucida sans unicode]W3 Total Cache, aber da habe ich Minifying vom CSS deaktiviert.
Kann man die CSS Dateien nicht einfach manuell in eine Datei packen? Oder gibt es kein Plugin, was da sehr gut funktioniert?[/FONT]
-
[FONT=lucida sans unicode]Ne, habe dieses Plugin deaktiviert und deinstalliert.
Also es hat sich über Nacht nix geändert, es wurden keine CSS-Dateien zusammengefasst. Aber warum?[/FONT]
-
[FONT=lucida sans unicode]Lass bitte erst einmal beim CSS bleiben - es wird noch immer nicht kombiniert. So lange kann das doch gar nicht dauern?[/FONT]
-
[FONT=lucida sans unicode]Hab jetzt mal längere Zeit mit MediaTemple gechatet und die sind selbst noch nicht ganz so fit in dem Thema.
Aktiviert hatte ich es und dann waren diese Zeilen in der .htaccess:
Code# BEGIN (mt) controlled settings [/FONT][FONT=lucida sans unicode]<IfModule pagespeed_module>[/FONT] [FONT=lucida sans unicode] ModPagespeed on[/FONT] [FONT=lucida sans unicode]</IfModule>[/FONT] [FONT=lucida sans unicode]# END (mt) controlled settings[/FONT][FONT=lucida sans unicode]
Lt. Support habe ich noch das hier ergänzt:
So dass es nun so aussieht:
Code# BEGIN (mt) controlled settings [/FONT][FONT=lucida sans unicode]<IfModule pagespeed_module>[/FONT] [FONT=lucida sans unicode] ModPagespeed on[/FONT] [FONT=lucida sans unicode] ModPagespeedEnableFilters combine_css[/FONT] [FONT=lucida sans unicode]</IfModule>[/FONT] [FONT=lucida sans unicode]# END (mt) controlled settings[/FONT][FONT=lucida sans unicode]
Ich soll jetzt ein wenig warten bis der cache geleert ist und schauen was passiert. Bin ja mal gespannt.[/FONT]
-
[FONT=lucida sans unicode]Ist es.
[COLOR=#333333]Und das sorgt dafür, dass die CSS-Dateien zusammengefasst werden?[/COLOR]
[COLOR=#333333]Gibt es noch andere Möglichkeiten? Habe an Plugins schon die Funktion in W3 Total Cache, WP Minify, Better WP Minify etc. ausprobiert.[/COLOR][/FONT]
-
[FONT=lucida sans unicode]Glaube er unterstützt es: http://mediatemple.net/webhosting/shared/ Da steht was von PageSpeed.
Und das sorgt dafür, dass die CSS-Dateien zusammengefasst werden?
Gibt es noch andere Möglichkeiten? Habe an Plugins schon die Funktion in W3 Total Cache, WP Minify, Better WP Minify etc. ausprobiert.[/FONT]
-
[FONT=lucida sans unicode]Hey Leute,
habe das Problem, dass ich mehr als 20 verschiedene CSS-Dateien habe und diese natürlich das Laden der Seite verzögern:Wie kann ich diese zusammenfassen? Habe schon verschiedene bekannte Plugins ausprobiert, jedoch gab es dann immer kleinere oder größere Fehler bei der Darstellung.
Bin über jede Hilfe dankbar.[/FONT]
-
-
[FONT=lucida sans unicode]if($instance['font_title_color'] !='#FFFFFF' OR $instance['title_color'] != '#000000' OR isset($instance['with'])) { ...
Wäre es so richtig?[/FONT]