Posts mit dem Label css werden angezeigt. Alle Posts anzeigen
Posts mit dem Label css werden angezeigt. Alle Posts anzeigen

Samstag, 31. Januar 2009

viele fragen, wie sie ihre persönliche seite oder auch ihre group im design verändern können.

es gibt fertige layouts - entweder die unter "customize site" > Choose a Theme die vorgefertigten seiten oder unter "customize site" > Choose a Theme ganz unten die fertigdesigns: http://customizedthemes.multiply.com/

wem die nicht zusagen, der kann selber "hand anlegen":

customize site > Choose a Theme > Custom Colors (link über dem 3. fertiglayout) > Select Theme to Customize > entweder clean oder andros wählen (ausprobieren) hintergrund von deiner festplatte suchen > unter dem einzustellenden hintergrund links > Customize Colors > Color Scheme: > da kannst du die farbkästchen durch anklicken sehen, dich entscheiden und nachträglich immer noch alles selber einzeln ändern mit der farbpipette


wenn du ein design hast, das du behalten willst, kannst du es speichern:

customize > custom css > kopieren und als .txt-datei speichern

dann unten haken rein in validate css und auf save klicken

oft erscheint dann im kopf oben, dass ein ; < semikolon fehlt >> der cursor steht im css text genau an der stelle

ehe man dann das paarmal macht, kann man gleich gucken wo noch ; fehlen und sie dahintersetzen bis ganz unten

dann den css text nochmal kopieren und sichern und validate css abschicken, dann hast du das gereinigete css

liebe grüße
von susanne

viele fragen, wie sie ihre persönliche seite oder auch ihre group im design verändern können.

es gibt fertige layouts - entweder die unter "customize site" > Choose a Theme die vorgefertigten seiten oder unter "customize site" > Choose a Theme ganz unten die fertigdesigns: http://customizedthemes.multiply.com/

wem die nicht zusagen, der kann selber "hand anlegen":

customize site > Choose a Theme > Custom Colors (link über dem 3. fertiglayout) > Select Theme to Customize > entweder clean oder andros wählen (ausprobieren) hintergrund von deiner festplatte suchen > unter dem einzustellenden hintergrund links > Customize Colors > Color Scheme: > da kannst du die farbkästchen durch anklicken sehen, dich entscheiden und nachträglich immer noch alles selber einzeln ändern mit der farbpipette


wenn du ein design hast, das du behalten willst, kannst du es speichern:

customize > custom css > kopieren und als .txt-datei speichern

dann unten haken rein in validate css und auf save klicken

oft erscheint dann im kopf oben, dass ein ; < semikolon fehlt >> der cursor steht im css text genau an der stelle

ehe man dann das paarmal macht, kann man gleich gucken wo noch ; fehlen und sie dahintersetzen bis ganz unten

dann den css text nochmal kopieren und sichern und validate css abschicken, dann hast du das gereinigete css

liebe grüße
von susanne

Mittwoch, 21. Januar 2009

Google Open Source Blog: CSS Selector Shell Released

http://google-opensource.blogspot.com/2009/01/css-selector-shell-released.html
Der Suchmaschinenbetreiber hat ein neues Tool bereitgestellt, das Webdesignern bei der Arbeit mit CSS helfen soll, indem es zeigt, was der Browser aus den Stylesheets macht
Es handelt sich um ein kleines Javascript-Tool, das Google CSS Selector Shell genannt hat. Google hat den Code zum Download bereitgestellt, hostet die Anwendung aber auch selbst mit seiner AppEngine, so dass sie sich online nutzen lässt. Das CSS wird in eine Box kopiert, das Tool liest dann das CSS Object Model aus, um zu ermitteln, was der Browser beim Parsen daraus gemacht hat. Das soll helfen, auf die Eigenheitend der einzelnen Browser in Bezug auf CSS einzugehen und zeigen, warum CSS-Hacks (http://www.internet-professionell.de/praxis/2006/08/25/20060810025.aspx) in manchen Browsern funktionieren und in anderen nicht. (Daniel Dubsky)
http://www.internet-professionell.de/news/2009/01/21/css_helfer_von_google

Google Open Source Blog: CSS Selector Shell Released

http://google-opensource.blogspot.com/2009/01/css-selector-shell-released.html
Der Suchmaschinenbetreiber hat ein neues Tool bereitgestellt, das Webdesignern bei der Arbeit mit CSS helfen soll, indem es zeigt, was der Browser aus den Stylesheets macht
Es handelt sich um ein kleines Javascript-Tool, das Google CSS Selector Shell genannt hat. Google hat den Code zum Download bereitgestellt, hostet die Anwendung aber auch selbst mit seiner AppEngine, so dass sie sich online nutzen lässt. Das CSS wird in eine Box kopiert, das Tool liest dann das CSS Object Model aus, um zu ermitteln, was der Browser beim Parsen daraus gemacht hat. Das soll helfen, auf die Eigenheitend der einzelnen Browser in Bezug auf CSS einzugehen und zeigen, warum CSS-Hacks (http://www.internet-professionell.de/praxis/2006/08/25/20060810025.aspx) in manchen Browsern funktionieren und in anderen nicht. (Daniel Dubsky)
http://www.internet-professionell.de/news/2009/01/21/css_helfer_von_google

Sonntag, 11. Januar 2009

CSS - Optimierer und Kontrolle

http://www.cleancss.com/
Die meisten Seitenthemen, die freundlicherweise hier auf Multiply zum Benutzen zur Verfügung gestellt werden, haben, nach meiner Erfahrung, doch noch so einige kleine Macken.
Als Neustarter tut man sich etwas schwer, die einzelnen Korrekturen vorzunehmen. Am Einfachsten den CSS Code in den Cleaner eingeben (sogar in deutscher Sprache) und korrigieren lassen.
Davor aber in den OPTIONEN ALLE HAKEN ENTFERNEN!

CSS - Optimierer und Kontrolle

http://www.cleancss.com/
Die meisten Seitenthemen, die freundlicherweise hier auf Multiply zum Benutzen zur Verfügung gestellt werden, haben, nach meiner Erfahrung, doch noch so einige kleine Macken.
Als Neustarter tut man sich etwas schwer, die einzelnen Korrekturen vorzunehmen. Am Einfachsten den CSS Code in den Cleaner eingeben (sogar in deutscher Sprache) und korrigieren lassen.
Davor aber in den OPTIONEN ALLE HAKEN ENTFERNEN!

Donnerstag, 11. Dezember 2008

Großbuchstaben für tags

Entsprechend der englischen Sprache werden tags, die wir eingeben, nur in Kleinbuchstaben gezeigt.
Wer seine deutschen tags korrekt in deutscher Sprache eingeben möchte, setzt in seinen CSS CODE
___________________________

div.relatedlinks a, div.relatedlinks a:link, div.relatedlinks a:visited {
text-transform: capitalize;
}

_________________________

wie immer :
Abschnitt kann gekennzeichnet werden mit :

/* für Großbuchstaben in tags*/ oder so

Haken in VALIDATE CSS nicht vergessen und DONE klicken.

Großbuchstaben für tags

Entsprechend der englischen Sprache werden tags, die wir eingeben, nur in Kleinbuchstaben gezeigt.
Wer seine deutschen tags korrekt in deutscher Sprache eingeben möchte, setzt in seinen CSS CODE
___________________________

div.relatedlinks a, div.relatedlinks a:link, div.relatedlinks a:visited {
text-transform: capitalize;
}

_________________________

wie immer :
Abschnitt kann gekennzeichnet werden mit :

/* für Großbuchstaben in tags*/ oder so

Haken in VALIDATE CSS nicht vergessen und DONE klicken.

Montag, 24. November 2008

Gästebuch aufräumen

Wer auf seiner Profilseite und in seiner group das Gästebuch aufräumt und manche Einträge entfernt (durch delete), dem "erscheint" dann eine nicht so charmante  Mitteilung auf der Hauptseite :

Gästebuch

um den Eintrag loszuwerden folgenden Code im CSS eingeben :

------------------------------------------------------------------

.guestbook .replydeleted {
display: none;
}

------------------------------------------------------------------

wie immer, kann man sich das mit einem Eintrag kenntlichmachen :

/*hier schreib ich mir was auf*/

und VOR den code setzen.

Den o.g. code aber bitte VOR DEN SICHERUNGSCODE setzen, den hoffentlich alle bereits eingesetzt haben!

Vor dem SAVE Haken in VALIDATE CSS einsetzen !

Gästebuch aufräumen

Wer auf seiner Profilseite und in seiner group das Gästebuch aufräumt und manche Einträge entfernt (durch delete), dem "erscheint" dann eine nicht so charmante  Mitteilung auf der Hauptseite :

Gästebuch

um den Eintrag loszuwerden folgenden Code im CSS eingeben :

------------------------------------------------------------------

.guestbook .replydeleted {
display: none;
}

------------------------------------------------------------------

wie immer, kann man sich das mit einem Eintrag kenntlichmachen :

/*hier schreib ich mir was auf*/

und VOR den code setzen.

Den o.g. code aber bitte VOR DEN SICHERUNGSCODE setzen, den hoffentlich alle bereits eingesetzt haben!

Vor dem SAVE Haken in VALIDATE CSS einsetzen !

Gästebuch aufräumen




Gästebuch aufräumen




Sonntag, 23. November 2008

CSS Erklärung von Seitenabschnitten

http://multiplythemes.com/wp-content/uploads/2008/03/pageandcss.jpg
Wer gerne an seiner Seiten CSS bastelt, oder generell mal wissen will, welche CSS Bezeichnungen welche Abschnitte seiner Seite betreffen. Welcher Abschnitt ist z.B. gemeint mit .div.owner_nav border : ??

CSS Erklärung von Seitenabschnitten

http://multiplythemes.com/wp-content/uploads/2008/03/pageandcss.jpg
Wer gerne an seiner Seiten CSS bastelt, oder generell mal wissen will, welche CSS Bezeichnungen welche Abschnitte seiner Seite betreffen. Welcher Abschnitt ist z.B. gemeint mit .div.owner_nav border : ??

Dienstag, 18. November 2008

CSS einfach erklärt

CSS (Cascade Style Sheet) ist die Sprache die benutzt wird um zu bestimmen wie eine Seite aussieht und was auf ihr passiert. Genauer : welches DING, WAS, WIE und/oder WIE OFT und WOMIT machen soll.

einfaches Beispiel mit anderen Begriffen:

.kuehlschrank { lebensmittel kuehlen;}

.hund {bellen;}

 

oder

.hund {bellen: wenn besuch kommt, laut;}

der PUNKT am Anfang bedeutet : neues DING

WAS und WIE und WOMIT muss zwischen Klammern { und } stehen, damit der Befehl verstanden wird.

ALT 123 auf der Tastatur eingeben für { und ALT 0125 für }

Fehlt eine Klammer, wird der Befehl nicht ausgeführt, 2 oder mehrere Klammern bringen Durcheinander.

Das Ende von WAS (bellen) wird mit DOPPELPUNKT beendet.

Das Ende ALLER Einzel-Befehle innerhalb der Klammern wird mit einem SEMIKOLON ; angegeben.

Anderes Beispiel :

.waschen.auto {
nimm-schwamm: gelb;
wasser-farbe: transparent;

wiederholung: keine-wiederholung;
}

Also : Auto mit gelbem Schwamm einmal mit klarem Wasser waschen.

(wäre nett, wenn´s auf diese Art ginge *g*)

Soviel zum Anfang.

.gruessen.seitenbesucher {

freundlich;

wiederholung: x-mal;

}
= Den Seitenbesucher immer freundlich grüssen

und

.seitenbesucher {

fragen : wenn im Kopf ein ? erscheint, schriftlich;

}

= falls etwas unklar ist, schriftlich nachfragen.

CSS einfach erklärt

CSS (Cascade Style Sheet) ist die Sprache die benutzt wird um zu bestimmen wie eine Seite aussieht und was auf ihr passiert. Genauer : welches DING, WAS, WIE und/oder WIE OFT und WOMIT machen soll.

einfaches Beispiel mit anderen Begriffen:

.kuehlschrank { lebensmittel kuehlen;}

.hund {bellen;}

 

oder

.hund {bellen: wenn besuch kommt, laut;}

der PUNKT am Anfang bedeutet : neues DING

WAS und WIE und WOMIT muss zwischen Klammern { und } stehen, damit der Befehl verstanden wird.

ALT 123 auf der Tastatur eingeben für { und ALT 0125 für }

Fehlt eine Klammer, wird der Befehl nicht ausgeführt, 2 oder mehrere Klammern bringen Durcheinander.

Das Ende von WAS (bellen) wird mit DOPPELPUNKT beendet.

Das Ende ALLER Einzel-Befehle innerhalb der Klammern wird mit einem SEMIKOLON ; angegeben.

Anderes Beispiel :

.waschen.auto {
nimm-schwamm: gelb;
wasser-farbe: transparent;

wiederholung: keine-wiederholung;
}

Also : Auto mit gelbem Schwamm einmal mit klarem Wasser waschen.

(wäre nett, wenn´s auf diese Art ginge *g*)

Soviel zum Anfang.

.gruessen.seitenbesucher {

freundlich;

wiederholung: x-mal;

}
= Den Seitenbesucher immer freundlich grüssen

und

.seitenbesucher {

fragen : wenn im Kopf ein ? erscheint, schriftlich;

}

= falls etwas unklar ist, schriftlich nachfragen.

Sonntag, 16. November 2008

!! WICHTIG !! Sicherungscode eingeben!!

Kürzlich haben Spaßvögel  auf verschiedenen Seiten wie die Vandalen gehaust und dort ziemliches Durcheinander hinterlassen. Die genaue Ursache ist nicht bekannt. Multiply rät dringend zu 2 Dingen :

1. niemals einer Person das persönliche Passwort geben, auch der Multiply Support der vllt. in besonderen Fällen mal auf einer Seite eingreifen muss, benötigt dafür KEIN PASSWORT. Anfragen zur Herausgabe des Passworts sind Multiply zu melden.

2. Zur Sicherung der eigenen Seite sowie der Gruppenseiten empfiehlt Multiply folgenden SICHERUNGSCODE in die CSS einzutragen.

---------------------------------------------------------------------------------------------

/*Sicherungscode*/

Layer1, .Layer2, #Layer1, #Layer2 { display: none ! important; }

--------------------------------------------------------------------------------------------

Zur Eingabe wie gewohnt in CUSTOM CSS den Code UNTER den vorhandenen setzen.

Das Wort Sicherungscode kann durch ein x-beliebiges Wort ersetzt werden.

In Kürze werden alle von Multiply angebotenen Standard Seitenthemen bereits mit dem Code ausgestattet sein.

Bei Seitenthemen, die nicht von Multiply stammen, wird geraten den Code dann immer einzugeben.

!! WICHTIG !! Sicherungscode eingeben!!

Kürzlich haben Spaßvögel  auf verschiedenen Seiten wie die Vandalen gehaust und dort ziemliches Durcheinander hinterlassen. Die genaue Ursache ist nicht bekannt. Multiply rät dringend zu 2 Dingen :

1. niemals einer Person das persönliche Passwort geben, auch der Multiply Support der vllt. in besonderen Fällen mal auf einer Seite eingreifen muss, benötigt dafür KEIN PASSWORT. Anfragen zur Herausgabe des Passworts sind Multiply zu melden.

2. Zur Sicherung der eigenen Seite sowie der Gruppenseiten empfiehlt Multiply folgenden SICHERUNGSCODE in die CSS einzutragen.

---------------------------------------------------------------------------------------------

/*Sicherungscode*/

Layer1, .Layer2, #Layer1, #Layer2 { display: none ! important; }

--------------------------------------------------------------------------------------------

Zur Eingabe wie gewohnt in CUSTOM CSS den Code UNTER den vorhandenen setzen.

Das Wort Sicherungscode kann durch ein x-beliebiges Wort ersetzt werden.

In Kürze werden alle von Multiply angebotenen Standard Seitenthemen bereits mit dem Code ausgestattet sein.

Bei Seitenthemen, die nicht von Multiply stammen, wird geraten den Code dann immer einzugeben.

Samstag, 15. November 2008

Wichtig! CSS Code sichern!

Wer auf seiner Seite im CSS CODE Ergänzungen/Änderungen vornimmt, sollte wenigstens die Ergänzungen, die nach und nach angefügt wurden, sonst den gesamten Code mit kopieren/einfügen in ein Word/Notepad übernehmen, um nach mißglückten Änderungen den  "Seitensalat" zu vermeiden.

Auch sollte jeder HTML Code z.b. im Begrüßungsblock vor Änderungen auf Word/notepad gesichert werden!

Zusatztipp : Zum Üben von Änderungen/Ergänzungen im CSS Code eine private Übungsgruppe einrichten mit CLEAN THEME( in CHOOSE A THEME das erste in der Reihe, was im Übrigen das Standard Theme einer Seite ist, bei HP´s und group), weil beim Clean Theme das Fenster im CUSTOM CSS vollkommen leer ist und man da den Überblick behält.

Wenn der code korrekt ist, dann den code kopieren und in die "richtige" Seite einfügen.

Wichtig! CSS Code sichern!

Wer auf seiner Seite im CSS CODE Ergänzungen/Änderungen vornimmt, sollte wenigstens die Ergänzungen, die nach und nach angefügt wurden, sonst den gesamten Code mit kopieren/einfügen in ein Word/Notepad übernehmen, um nach mißglückten Änderungen den  "Seitensalat" zu vermeiden.

Auch sollte jeder HTML Code z.b. im Begrüßungsblock vor Änderungen auf Word/notepad gesichert werden!

Zusatztipp : Zum Üben von Änderungen/Ergänzungen im CSS Code eine private Übungsgruppe einrichten mit CLEAN THEME( in CHOOSE A THEME das erste in der Reihe, was im Übrigen das Standard Theme einer Seite ist, bei HP´s und group), weil beim Clean Theme das Fenster im CUSTOM CSS vollkommen leer ist und man da den Überblick behält.

Wenn der code korrekt ist, dann den code kopieren und in die "richtige" Seite einfügen.