Posts gespeichert unter 'Web'

100+ Besucher!

Gestern habe ich einen Schrecken bekommen, als ich meine Counterstatistiken in Googles Analytics angeschaut habe: 87 Besucher am Freitag! Heute werden für gestern 108 Visits angezeigt – und heute bisher sogar schon 130!

Wie kommt das, dass mein Blog auf einmal *so* gut besucht ist? Die meisten Leute kommen durch Google, der am häufigsten eingegebene Suchbegriff ist “schülervz schwarz”, den ganze 78 Personen eingegeben haben und dann bei mir gelandet sind. Vielleicht bist ja auch du dabei? Aber dass die meisten über Google  kommen war auch schon vor 2, 3 Wochen so. Was hat sich aber geändert, dass jetzt nicht mehr “nur” 35 – 40 sondern mehr als hundert Personen pro Tag herkommen? Ich denke es hängt damit zusammen, dass die Seite www.svz-styles.de offline genommen wurde. Bei vielen Suchphrasen kam noch über Treffern zu meiner Seite die genannte Seite svz-styles.de. Da es sie nun nicht mehr gibt, kommen immer mehr zu mir :-)

Ich hoffe nicht, dass eine böse E-Mail von den SchülerVZ-Betreibern dafür verantwortlich ist, dass ich nun weniger Konkurrenz habe …

Nachtrag:  svz-styles.de wurde nicht offline genommen, deren Server ist lediglich überlastet. Die Seite wird wohl demnächst wieder verfügbar sein.

jetzt kommentieren? 20. Januar 2008

How many HTML-Elements can you name in 5 minutes?

Named so far:

A, ADDRESS, AREA, B, BIG, BLOCKQUOTE, BODY, BUTTON, CITE, COL, DEL, DIV, EM, FIELDSET, FORM, H1, H2, H3, H4, H5, H6, HEAD, HTML, I, IMG, INPUT, INS, LABEL, LEGEND, LI, LINK, META, OBJECT, OL, OPTION, P, PARAM, Q, S, SCRIPT, SELECT, SMALL, SPAN, STRIKE, STRONG, STYLE, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TITLE, TR, UL,

You forgot:

ABBR, ACRONYM, APPLET, BASE, BASEFONT, BDO, BR, CAPTION, CENTER, CODE, COLGROUP, DD, DFN, DIR, DL, DT, FONT, FRAME, FRAMESET, HR, IFRAME, ISINDEX, KBD, MAP, MENU, NOFRAMES, NOSCRIPT, OPTGROUP, PRE, SAMP, SUB, TT, U, VAR,

57

Naja, manche habe ich schon vergessen. Aber den Großteil gewusst :)  und ich meine, wer braucht schon Frame-Elemente oder solche wie Applet oder Center, die ja eh deprecated sind.

Edit: auch noch ein CSS-Test:

Named so far:

background, background-attachment, background-color, background-image, background-position, border, border-bottom, border-bottom-color, border-bottom-style, border-bottom-width, border-color, border-left, border-left-color, border-left-style, border-left-width, border-right, border-right-color, border-right-style, border-right-width, border-style, border-top, border-top-color, border-top-style, border-top-width, border-width, bottom, clear, color, display, float, font, font-family, font-size, font-style, font-weight, height, left, margin, margin-bottom, margin-left, margin-right, margin-top, max-height, max-width, min-height, min-width, outline, outline-color, outline-style, outline-width, padding, padding-bottom, padding-left, padding-right, padding-top, position, right, text-decoration, top, visibility, width,

You forgot:

azimuth, background-repeat, border-collapse, border-spacing, caption-side, clip, content, counter-increment, counter-reset, cue, cue-after, cue-before, cursor, direction, elevation, empty-cells, font-size-adjust, font-stretch, font-variant, letter-spacing, line-height, list-style, list-style-image, list-style-position, list-style-type, marker-offset, marks, orphans, overflow, page, page-break-after, page-break-before, page-break-inside, pause, pause-after, pause-before, pitch, pitch-range, play-during, quotes, richness, size, speak, speak-header, speak-numeral, speak-punctuation, speech-rate, stress, table-layout, text-align, text-indent, text-shadow, text-transform, unicode-bidi, vertical-align, voice-family, volume, white-space, widows, word-spacing, z-index,

61Die ganzen, die ich hier vergessen habe, sind zum größten Teil ja relativ unwichtig. Klar, die Leute, die mit einem Screen-Reader unterwegs sind werden das vielleicht anders sehen. Aber für mich sind sie nicht von hoher Relevanz und ich habe Eigenschaften wie azimuth, volume oder speak-punctuation noch nie eingesetzt.

Auch mal testen? HTML, CSS

jetzt kommentieren? 13. Dezember 2007

Tune up ur SchülerVZ!

So, nun bereits mein 3. Beitrag über das SVZ – aber wohl vorerst auch mein letzter.

Wie ich bereits im ersten Beitrag über das VZ (da ging es um das Speichern von Bildern) beschrieben habe, kann man mit der Firefox-Erweiterung Greasmonkey eigene Javascripts einbinden – um zum Beispiel das SchülerVZ aufzumotzen.


Auf der Seite userscripts.org gibt es eine Scriptsammlung (fast) aller verfügbaren Scripts für Greasemonkey – unter anderem eben auch welche, die das StudiVZ oder das SchülerVZ mit neuen Funktionen ausstatten. Beispiele gefällig? Eine Sidebar mit Anzeige aller Freunde die online sind, größere Benutzerfotos, Autologin beim Betreten der Startseite und so weiter …

So,  und weil ich so nett bin, erkläre ich euch Schritt für Schritt am Beispiel eines Scripts, dass die Gruppen fett markiert, die man gemeinsam mit jemandem hat.

1. Wie im anderen Beitrag beschrieben, muss erst einmal Greasemonkey installiert werden.

2. Gehe auf die Seite userscripts.org und gib oben rechts im Suchfeld “StudiVZ” ein, drücke danach zum Abschicken Enter.

3. Suche dir ein Script aus der Übersicht heraus, und öffne die detaillierte Ansicht, per Klick auf den Namen. (Ich mache das jetzt mit dem Script “StudiVZ: Gemeinsame Gruppen hervorheben”)

4. Unterhalb des Suchfeldes gibt es nun einen Button “Install this script”, dieser muss gedrückt werden. Bei der nachfolgenden Meldung wenige Sekunden warten, und auf “Installieren” klicken.

5. Nun muss das Script noch auf das SchülerVZ aktiviert werden – bisher läuft es nur unter www.studivz.net, dazu auf das Greasemonkey-Icon (unten rechts, das Affengesicht) rechtsklicken und “Benutzerscripte verwalten” wählen.

6. In der Leiste links dann das installierte Script aussuchen und rechts unter dem Punkt “Auf diese Seiten anwenden” “Hinzufügen” klicken, dort die Adresse http://*schuelervz.net/* angeben (bzw. je nach Script eventuell http://*schuelervz.net/profile.php oder so — das kommt darauf an, was für eine StudiVZ-URL bisher angegeben ist) und OK klicken. Unter dem Punkt “Nicht auf diese Seiten anwenden” ggf. ebenfalls eine Adresse angeben – das kommt ebenfalls darauf an, ob das Script dort bereits für das StudiVZ eine URL angegeben hat oder nicht. Z.B. für das Autologin wird dort eine Angabe benötigt, für die meisten anderen Skripte nicht.

7. Auf www.schuelervz.net gehen und sich an der neuen Funktion erfreuen :-) Viel Spaß!

bisher 3 Kommentare 05. Dezember 2007

Aus pink wird schwarz oder bunt — koloriere dein SchülerVZ neu!

Im folgenden möchte ich euch erklären, wie ihr den pinken Style des SchülerVZ ändern könnt – weil es ja viele Leute gibt, die dieses Pink nicht mögen. Also – führt das folgende Tutorial durch, und ihr werdet dem SchülerVZ einen völlig anderen Anstrich geben können: egal ob dunkel oder hell, weiß oder schwarz, rot, grün oder blau – für jedermann gibt es einen passenden Stil!

1. Benutzt ihr bereits Firefox oder Opera? Das Tutorial zeigt den Weg für Firefox-User, beim Opera sind andere Arbeitsschritte notwendig, wenn ihr also meinem Weg folgen wollt, dass müsst ihr euch die aktuelleste Firefox-Version von mozilla-europe.org herunterladen und danach installieren.

2.  Ladet euch von addons.mozilla.org die Firefox-Erweiterung »Stylish« herunter. Zum grundsätzlichen Verständnis: Stylish kann CSS-Stylesheets importieren, mit denen ihr das Aussehen von Websites oder auch Firefox-Elementen verändern könnt. Ihr könntet zum Beispiel generell festlegen, dass überall die Schriftfarbe blau sein soll. Man kann aber eben auch speziell einer bestimmten Website ein anderes Aussehen verpassen – und genau das möchte ich hier machen. Jetzt aber erstmal weiter mit dem Installieren der Extension. Folge einfach den Meldungen, solltest du dabei Probleme haben, schaue dir mein Tutorial zum Speichern von Bildern im SchülerVZ an, dort wird auch das Installieren einer Erweiterung erklärt. Danach sollte unten in der Statusleiste das Icon von einem Farbpinsel auf einem Blatt sein: Stylish erfolgreich installiert.

3. Öffne eine der unten folgenden Dateien und drücke nacheinander die Tastenkombinationen STRG+A (um den gesamten Inhalt zu markieren) und STRG+C (und den Inhalt in die Zwischenablage zukopieren).

(Ich muss dazu sagen, dass die Stile nicht von mir selbst erstellt sind, sondern ich sie von svz-styles.de gedownloadet und teilweise modifiziert habe, damit sie “runder” sind. Auf dieser Seite findet ihr noch viele weitere Styles und eine ganz ausführliche Anleitung, falls ihr Opera benutzt)
Klicke dann auf das Stylish-Icon und wähle “Stil erstellen” -> “Neuer Stil …”. Gib im ersten Feld den Stilnamen ein und füge in dem großen Textfeld per STRG+V den Stil-Code ein. Speichere den Stil dann per Klick auf den gleichnamigen Button. Bei manchen Stilen kommt nun eine Fehlermeldung: “Der Code für diesen Stil enthält Fehler …”, diese Meldung kannst du ignorieren und den Stil “Trotzdem verwenden”.

4. Gehe nun in das SchülerVZ und bewundere deinen neuen Style :-)

5. Solltest du das Bedürfnis nach einem anderen Stil haben, öffnest du diesen, kopierst ihn, wählst erneut “Neuer Stil …”, fügst den anderen Stil dann in das Textfeld ein und speicherst ihn, nachdem du den Namen eingegeben hast. Damit du dann nicht beide Stile parallel laufen lässt, musst du erneut auf das Stylish-Icon klicken und dort das Häckchen bei dem nicht gewünschten Stil wegmachen, so dass dann eben nur noch der Stil aktiv ist, den du auch wirklich haben möchtest. (Das funktioniert nur auf schülervz.net oder im Stilverwaltungs-Fenster, das du per Klick auf “Stile verwalten” im Stylish-Menü erreichst).

Ich hoffe die Stile funktionieren alle problemlos, solltest du Anregungen oder Fragen haben, benutze dazu einfach die Kommentarfunktion.
Ich wünsche dir nun noch mehr Spaß am SchülerVZ!

Für weitere Styles besucht www.userstyles.org oder www.svz-styles.de

Update 29.3.2008:

Besucht bitte das SVZ-Community-Wiki und schaut euch diesen Artikel an, dort wird alles beschrieben, wie es auch für die aktuelle Version funktioniert.

Ich empfehle den Weg mit Stylish, da ihr bei der Methode kein “pinkes Flackern” habt.

Update 10.4.2010:

Verwendet die Anleitung bei SVZ-Styles.de, sie wird regelmäßig aktualisiert.

bisher 36 Kommentare 01. Dezember 2007

Bilder im SchülerVZ speichern

Ein herzliches Hallo zu meinem 3. Eintrag :-)

Die meisten von euch kennen vermutlich das SchülerVZ und viele von euch werden sich vermutlich bisher schon gefragt haben: »Wie zum Teufel bekomme ich denn Bilder von anderen SchülerVZ-Fotoalben auf meinen PC gespeichert?«

Die Antwort war darauf bisher immer »Gehe in den Quelltext und suche die Bild-URL heraus« – das das nichts für jedermann ist, ist klar. Kaum jemand kennt sich mit HTML aus und noch weniger kommen mit dem komplexen Quellcode vom SchülerVZ klar. Das habe auch ich mir gedacht und ein Script entwickelt, das es euch viel einfacher macht, Bilder zu speichern. Die einzige Voraussetzung dafür ist, dass ihr Firefox benutzt. Sollte das nicht der Fall sein, solltet ihr das schleunigst nachholen: Download Firefox. Folgt danach einfach folgender Anleitung.

1. Kontrolliere ob du die Erweiterung »Greasemonkey« installiert hast, gehe dazu in das Add-ons-Fenster im Menü »Extras«. Ist in dieser Liste Greasemonkey eingetragen, kannst du gleich zum 3. Schritt springen, fahre ansonsten einfach mit dem 2. Schritt fort.
2. Lade dir Greasemonkey von der Firefox-Addons-Seite herunter: addons.mozilla.org, klicke dort auf den großen grünen Button »Installieren«. Warte 4 Sekunden und klicke dann auf »jetzt installieren«. Warte danach noch einmal, bis der Download abgeschlossen ist. Starte danach Firefox neu.

3. Überprüfe ob Greasemonkey aktiv ist, es müsste ein Affengesicht auf braunem Hintergrund in der rechten Ecke der Statusleiste (unterhalb des Browserinhalts) zu sehen sein:

Greasemonkey aktiv.

Sollte dies nicht der Fall sein und das Affengesicht vor grauem Hintergrund liegen, klicke einmal mit der linken Maustaste darauf, es müsste daraufhin braun werden.

4. Lade dir das Userscript hier herunter: http://gabriel-wilkes.de/svz-savepic.user.js, in dem folgenden Dialog musst du auf »Installieren« klicken.

5. Das wars schon – in Zukunft siehst du unter jedem SchülerVZ-Fotoalbumsbild einen Button »Bild speichern!« unter dem du das Bild aufrufen und per Menü Datei, Befehl »Seite speichern unter« das Bild an einem beliebigen Ort speichern kannst.

Viel Spaß beim Ausprobieren!

Solltet ihr Dankesgrüße oder Feedback haben – nutzt dazu einfach die Kommentarfunktion zu diesem Beitrag.

Nachtrag 9.3.08:  Nachdem es zwischenzeitlich möglich war, Bilder einfach per Rechtsklick zu speichern, ist dieser nun blockiert. Um die Bilder dennoch zu speichern, kann man ein Bild “verschieben” (nur in Firefox getestet). Dazu klickst du auf das Bild, hälst die Maustaste gedrückt und ziehst es entweder auf den Desktop um es direkt zu speichern oder ziehst es in die Adresszeile. Wenn du dann die Maustaste loslässt, wird das Bild direkt angezeigt.

Siehe auch die Kommentare für weitere Hinweise.

bisher 37 Kommentare 24. November 2007

Pages: Prev 1 2

neuere Beiträge