HomeArtikelDownloadsForum
PCFreunde.deArtikelTutorialsNetzwerk & OnlinesVZ Designs verändern
Besucher online: 31
Hinweis
Diese Seite steht zum Verkauf.
Mehr Infos

Schnellsuche

Kategorien
Dienstag, 9. November 2010 Seite 1/3
sVZ Designs ändern
Die Optik der beliebten sozialen Netzwerke "SchuelerVZ", "StudiVZ" und "MeinVZ" sind nicht jedermanns Geschmack. Dieses Tutorial beschreibt, wie man das Design dieser Seiten selbst anpassen kann.
Designs im Firefox ändern
Fenster mit CSS-Code (Quelle: PCFreunde.de)
Fenster mit CSS-Code (Quelle: PCFreunde.de)
Das Firefox-Addon Stylish ermöglicht euch die Optik von Webseiten individuell anzupassen. Wenn ihr euch nicht selbst ein solches Design basteln möchtet könnt ihr auch fertige Styles aus dem Netz verwenden.

Auf der Seite http://svz-styles.de/Styles.html findet ihr einige fertige Designs. Wählt dort eines nach eurem Geschmack aus und klickt auf die Schaltfläche "Install with Firefox and Stylish". Danach öffnet sich ein neues Fenster, wo nach weniger Zeit ein CSS-Code erscheint.

Hinzufügen eines neuen Styles (Quelle: PCFreunde.de)
Hinzufügen eines neuen Styles (Quelle: PCFreunde.de)
Diesen kopiert ihr in die Zwischenablage und klickt auf das kleine Symbol von Stylish unten rechts im Browserfenster. Dort wählt ihr nun "Stil erstellen" und anschließend im neuen Auswahlbereich die Option "Neuer Stil" aus. Hier erscheint ein neues Fenster.

In das Feld "Name" könnt ihr nun einen beliebigen Namen eintragen und in das größere Feld darunter fügt ihr nun den in die Zwischenablage kopierten CSS-Code ein. Danach klickt ihr noch auf Speichern und euer neuer Stil ist erstellt.
Endergebnis
Das von euch ausgewählte Design sollte auf allen VZ-Seiten beim Aufruf angezeigt werden.
Das Ergebnis (Quelle: PCFreunde.de)
Das Ergebnis (Quelle: PCFreunde.de)
Weiter
© Copyright PCFreunde.de
Autor des Artikels
2.435 Punkte
Dieser Artikel wurde bisher
6.438 mal gelesen.
Schreiben des Artikels
(+100 Punkte)
Bitte melde dich an und bewerte diesen Artikel!
7 von 10 Mitgliedern
finden diesen Artikel gut
(+49 Punkte)
Inhaltsverzeichnis
Kommentare
Schreib uns deine Meinung zu diesem Artikel - einfach registrieren und los!
Kommentar schreiben
 
ATI Gott
09.11.2010 16:04
Für dein erstes Tutorial ziemlich gut. Wie sieht es aber mit dem Internet Browser oder dem Neuling Google Chrome aus? Dann hättest du die meist verbreiteten Browser zusammen.

Sonst ein absolut verständliches Tutorial. Weiter so! :wink:
 
madschuli
09.11.2010 16:45
Wenn du den Internet Explorer meinst, das wird erwähnt, dass dieser keine individuellen Styles unterstützt.
 
DYnamiC
10.11.2010 14:19
Vielen Dank.
Ich freue mich sehr, dass es euch gefällt. :)
Ja für den Google Chrome gibt es auch eine Möglichkeit mit dem selben Add-On wie bei Mozilla Firefox "Stylish".
Man muss es insgesamt ganauso machen wie bei Mozilla auch, nur dass man "Install with Google Chrome" auswählen sollte.
Nachdem man im Fenster mit dem CSS-Code den Code kopiert hat, muss man unten auf das kleine "Stylish"-Symbol einen Rechtsklick machen und auf "Optionen" gehen.
Dort werdet ihr auf eine Seite kommen, wo alle installierten Styles angezeigt werden und ihr könnt auf "Add new Style" klicken.
Dort müsst ihr nun einen Namen für euer Style auswählen und es Aktivieren (Hacken bei Enable).
Wichtig ist, dass ihr nachdem ihr dann anschließend den CSS-Code in die große freie Fläche eingefügt habt, ihr unter dem Feld auf "Specify" klickt und danach "URLs on a Domain" auswählt und in das Feld rechts daneben eure gewünschte "Designseite"-Adresse eingebt.
Also z.B.: schuelervz.net

Damit ist Chrome auch dabei ;)
Viele Grüße

DYnamiC
 
Alle BeiträgeKommentar schreiben
Community Login
eMail:
Passwort:
Auto-Login