Donnerstag, 2. März 2006

Gute Ideen...

...darf man eindeutig übernehmen. Daher habe ich die die Idee von Eric übernommen und habe in meinem Stylesheet das Erscheinungsbild des <blockquote>-Befehls definiert. Jetzt läuft das automatisch und spart mir eine Menge Tiparbeit. Ich bin mir sicher, daß ich in der nächsten Zeit auch noch ein paar andere Dinge im Stylesheet definieren werde. Man lernt eben doch nie aus! Stylesheets dieser Welt, ich komme!

irgend was zu sagen? ...

 
Was hat es denn
mit diesem ominösen <block-quote>-Befehl auf sich? Gibts den bei mir auf der dunklen Seite auch?

... link  

 
blockquote ist ein html-Befehl, den man für Zitate nutzt. Normalerweise führt das nur zu einer Einrückung des Textes, die je nach Browser unterschiedlich ist. Ich habe im Stylesheet das ganze jetzt aber mit weißem Hintergrund, anderer Schriftgröße, etc. verbunden, so daß Zitate jetzt deutlich hervorgehoben werden. Vorher habe ich die entsprechenden Befehle immer zusätzlich zum <blockquote>-Befehl eingegeben. Jetzt kann ich mir das sparen.

Der Befehl funktioniert natürlich auch auf der dunklen Seite, aber wie gesagt, in seiner urprünglichen Form rückt er nur den Text ein.

... link  

 
Ich staun ja immer,
was die jungen Leute so alles wissen. Ich mach ja immer noch mit der Blogger.de-Standard-Konfiguration rum, die mir ein netter Mensch auf schwarzen Hintergrund umgepolt hat. Ich habs in der Zwischenzeit grade mal gerallt, die Zu- und Abgänge auf meiner Blogroll zu pflegen. ;-)

... link  

 
Die Bloggroll muss ich auch endlich mal anpassen. Sind inzwischen ein paar Seiten mehr, die ich gerne und regelmäßig lese. Könnte ich eigentlich jetzt mal machen.

Zu allem anderen, ich empfehle als Nachschlagewerke:

1.) Css4you und

2.) Selfhtml.

Kann man auch beides runterladen (kostenlos) und dann lokal auf dem eigenen Rechner nutzen. Da stehen solche Sachen dann drin. Auswendig kann ich das auch nicht (außer den Standard-Befehlen, die ich ständig brauche).

... link  

 
Na dann muss ich wohl mal testen, wie das aussieht
Ich bin ein sinnfreies Zitat

... link  

 
Da sieht mans dann mal wieder. Als nächstes muss ich also herausbekommen, wie man die Hintergrundfarbe nur an der Stelle ändert an der auch Text steht und nicht gleich für die ganze Zeile. Bei kurze Zitaten gefällt mir das sonst nicht.

... link  

 
Ich spende Dir einfach meinen Blockquote. Vielleicht kannst Du damit ja was anfangen:

blockquote {
background: #f6f6f6 url(images/blockquote2.png) no-repeat bottom left;
font-style: italic;
padding: 10px;
padding-bottom: 40px;
margin: 1em;
}

Benötigt wird noch diese kleine Grafik hier:

Den Pfad musst Du dann natürlich noch entsprechend anpassen.


//EDIT:
Die Farben wohl auch ;)

... link  

 
Cool. Danke. Werde es nachher bei mir einbauen.

... link  

 
Nimm mal diese Grafik und stell im CSS die Farbe wieder auf das Grau, dann sollte es passen ;)

... link  

 
Das mit dem weißen Hintergrund finde ich eigentlich nicht schlecht. das hatte ich vorher ja auch eingestellt. Durch den Trick mit der Grafik erscheinen Zitate jetzt immer in einer Box. Oder habe ich dich gerade falsch verstanden?

... link  

 
Ursprünglich beabsichtigt war eigentlich, dass das Zitat in einem Block auftaucht und passend dazu unterhalb des Blocks diese Sprechblasenspitzengrafik erscheint. Damit der Eindruck erweckt wird, es handle sich um eine Sprechblase (wie bei mir).
Im Moment hast du einen weissen Block und darunter eine graue Sprechblasenspitzengrafik. Wenn's Dir gefällt, OK. Aber der Sinn der Sache ist es nicht ganz ;)
Man könnte jetzt die Grafik so bearbeiten, dass der kleine Zipfel weiss ist. Dann ist er auf Deinem hellen Hintergrund aber kaum zu sehen. Also würde ich eine Farbe nehmen, die sich von Deinem hellen Hintergrund abhebt. Wie zum Beispiel das zur Grafik passende hellgrau #f6f6f6
Aber vielleicht findest Du ja noch eine bessere Kombination.
Auf alle Fälle würde ich die zweite von mir gepostete Grafik nehmen, da dort die Umgebung des Zipfels an Deinen Hintergrund angepasst ist.

... link  

 
Ehrlich gesagt, sehe ich weder bei der einen noch bei der anderen Grafik einen Zipfel.

... link  

 
Interessant. Dein System (oder Browser) kann anscheinend keine PNG-Grafiken darstellen. Windoof 98?
Dann versuch es mal mit dieser JPG


Das Ergebnis sollte dann so aussehen:

... link  

 
Verstehe. Ich dachte die Grafik sollte nur dazu dienen eine Box vorzutäuschen. Okay. Aber wie kann ich es anstellen, daß man das dann alles etwas besser sieht? Im Moment habe ich deinen Code bis auf die URL 1:1 übernommen. An welcher schraube muß ich drehen?

... link  

 
Definiere "etwas besser sieht".
Die Farben? Also statt des grauen einen andersfarbigen Hintergrund?
Hast Du eigentlich ICQ? Dann könnten wir das unkomplizierter besprechen.

... link  

 
Ich meine die Nase. ICQ habe (bislang noch) nicht. Kann es mir aber mal runterladen. Dauert einen Moment.

... link  

 
Also die Farbe. Was schwebt Dir denn da vor? Ich würde halt eine Farbe nehmen, die im Kontrast zu Deinem Hintergrund steht. Vielleicht ein Blau. Oder ein sattes Orange. Dementsprechend dann noch im CSS die Farbangabe anpassen und fertig. Sobald Du Dich für ne Farbe entschieden hast, kann ich das ja mal schnell basteln.

... link  


... antworten