XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   2 kleine Fragen! (http://xhtmlforum.de/showthread.php?t=43917)

sandra 16.01.2007 14:40

2 kleine Fragen!
 
Hallo an alle!

Ich habe da mal 2 kleine Fragen zum Layout.

Frage 1:
Hat jemand ein paar Links für mich, wo ich was dazu nachlesen kann,
wie ich meine Formulare so schön dezent einfärben kann, wie auf dieser Seite:
Startseite: molfi.de

Ja, und bei der Gelegenheit:
Welche Schrift verwendet diese Seite?

Und, nur so ganz nebenbei:
Hat jemand einen Link für mich wo ich z.B. dieses dezente Symbol für die Verlinkung (Pfeil nach oben rechts) finden kann.

Ich hoffe, meine Fragen sind nicht so ganz falsch platziert.

Vielen Dank im voraus.

Viele Grüße
Sandra

mazzo 16.01.2007 14:45

zu Frage 1:
Webstandards-Projekt - Formulare mit <abbr title="Cascading Style Sheets">CSS</abbr> gestalten (Teil 1)
(background und focus-Eigenschaft)

zur Frage 2:
Du nimmst Dir ne Grafik und schaltest die per :before vor den Link. Da der IE das nicht kann, geht es auch per background und entsprechendem padding-left für den Link. Dann wiederum kann es passieren, dass das Icon noch auf einer Zeile steht und der Linktext auf der nächsten. Muss man abwägen.

Grundsätzliches zum Gebrauch der CSS-Eigenschaften findest Du auf CSS 4 You - The Finest in Stylesheets.

sandra 16.01.2007 15:12

Hallo mazzo!

Dank´ Dir für die super schnelle Antwort.
Insbesondere für den ersten Link!

Die Antwort auf Frage 2/3 ist mir nicht so ganz klar.
D.h. für mich sind noch 2 Fragen offen:

1.) Wo finde ich das Symbol?
2.) Wie heisst die Schrift?

Ich bedanke mich für weiter Infos!

Viele Grüße
Sandra

celine@23 16.01.2007 15:44

symbole findest du zum Beispiel hier Gifs-Gratis

wenn dir ein symbol auf der seite gefällt machst du mit der maus einen "rechtsklick" drauf, dann öffnet sich das kontextmenü und du wählst "grafik speichern unter"

die schriftart kann ich dir nicht sagen. aber in der regel wird das mit css. definiert die name.css findest du im quelltext der jeweiligen seite. die kannst du dir mit einem browser ansehen. bei deinem link kann man die css irgendwie nicht einsehen frag mich nicht warum.

celine@23 16.01.2007 16:16

nehme mal lieber diesen link hier

Symbole, Buttons und Icons zum Download | Dr. Web Weblog


hier gibt es bessere gifs die anderen sind alle animiert davon würde ich unbedingt abraten.

sandra 16.01.2007 18:58

Danke celine!

Der zweite Link war der richtige.

Warum man den Code bzw. die Schrift nicht lesen kann?
Vermutlich deshalb, weil es ein CMS ist.

Also:
2 meiner Fragen wurden nun super schnell gelöst.
Ob sich noch jemand findet für die 3 Frage.
Sollte eigenlich einfach sein.
Weil, diese Schrift scheint jetzt in Mode zu sein.
Verdana ist out. Und ich glaube die von mir gesuchte die isses :roll:

Viele Grüße
Sandra

inta 16.01.2007 19:31

Wenn ich das richtig sehe, dann ist die Schriftart "Trebuchet MS". Die Schriftart ist aber nicht auf allen Systemen vorhanden (im Zweifelsfall nur bei Windows, aber selbst da bin ich mir nicht sicher, ob die immer mit dabei ist), also wähle eine gute Alternative ;)

celine@23 17.01.2007 00:24

in typo3 werden die schriften auch mit css formatiert !

wähle auf jeden fall eine schrift die jeder browser interpretieren kann. du kannst die schrift mit css dann immer noch deinen bedürfnissen anpassen.

andir 17.01.2007 12:24

Die zugehörige Style-Anweisung ( geerbt von Body ) lautet:

Code:

'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif
Das bekommt man mit der Firefox-Erweiterung firebug 1.02.b raus, ein Stöbern in der CSS hätts vermutlich auch getan ;)


Trebuchet MS haben meist nur Windows-Rechner drauf, also ein Fallback für andere Systeme nicht vergessen.

Als Alternativschriften bieten sich zwecks ähnlichem Verhalten, bitte selbst ausprobieren) vielleicht Arial ( haben Windows und viele ältere Macs) und Helvetica (eigentlich alle Macs) und Swiss ( Beinahe-Klon der Helvetica, fast überall vorhanden/installierbar) an.
Wie es mit Linux und Derivaten aussieht und noch anderen Betriebssystemen k.A.


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:17 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023