Cube!X (26.10.2012)
-
26.10.2012, 20:54 #1U-Labs Plus-Mitglied
- Registriert seit
- 11.11.2011
- Beiträge
- 1.221
- Blog Entries
- 2
Thanked 4.287 Times in 892 Posts
Schrift in style.css gestalten
Hey Leute,
bin gerade dabei ein persönliches Projekt auf die Beine zu stellen und hätte da mal kurz eine Frage. Bin, wie immer bei Wordpress-Themes, dabei das Theme zu übersetzen und mir ist dabei die style.css in die Finger gekommen. Ich wollte gleich mal die Schrift, welche auf der Homepage des Wordpress-Blogs zu sehen ist (bei den einzelnen Einträgen) vergrößern, den Zeilen-Abstand verändern und die Schrift fett machen. Die ersten zwei Dinge auf meiner Liste konnte ich selbst erledigen, jedoch bekomme ich den Befehl für das "fett" machen nicht hin. Habe natürlich Google schon befragt und auf selfhtml auch genügend Infomaterial dazu gefunden. Das Problem welches mir da nur im Weg steht ist, dass sie es anhand von reinem html-Code zeigen, wie es theoretisch funktionieren müsste. Da meine style.css jedoch anders strukturiert ist (einfacher?) komme ich mit den Begriffen wie "bold", "bolder" oder "font-size" nicht weiter. Vielleicht kennt sich ja jemand aus und kann mir da kurz weiterhelfen (:
Das ist der body, wo die Schrift für die "Homepage" deklariert wird. "margin" ist in diesem Fall der Zeilenabstand zwischen zwei Zeilen. Die "px" direkt hinter "font:" sind nach erfolgreichem Testen die Pixel der Schrift (also die Schriftgröße). Ich weiß nun leider nicht, wo ich Begriffe für das fett-machen einfügen soll.Code:body { font: 15px/20px Arial, serif; margin: 15; padding: 0; color: #333333; background-color: #fff; }
Außerdem noch kurz eine Frage - kann ich in die style.css auch beispielsweise anstatt "Arial" einfach "Helvetica" einfügen und er übernimmt dann auf meiner Seite die Font automatisch oder muss ich da noch etwas machen? Nach mehrmaligen Testversuchen sah die Font nämlich immer nach Arial aus^^
Danke im Vorraus - Held
-
26.10.2012, 20:58 #2Projektleitung
- Registriert seit
- 15.11.2011
- Beiträge
- 8.460
- Blog Entries
- 5
Thanked 9.519 Times in 3.334 Posts
AW: Schrift in style.css gestalten
Jo mit Font-Family.Code:font-weight:bold;
Bietet sich aber an da immer noch Standardschriften als Alternative mit anzugeben falls die jeweilige Schrift auf dem Zielsystem nicht installiert ist.
Spezielle Schriften kannst du aber auch in CSS mit @font-face nachladen, dann gibt es auch keine Probleme mit ggf nicht auf dem Zielsystem installierte Schriften.
-
The Following User Says Thank You to DMW007 For This Useful Post:
-
26.10.2012, 21:15 #3U-Labs Plus-Mitglied
- Registriert seit
- 11.11.2011
- Beiträge
- 1.221
- Blog Entries
- 2
Thanked 4.287 Times in 892 Posts
AW: Schrift in style.css gestalten
Erst einmal natürlich Dank für deine schnelle Antwort, Daniel. Das Problem besteht aber kurioser Weise immer noch. Ich poste mal den kompletten Code vom ersten Stylesheet-Teil:
Würde gern auch drin haben, dass er den Text in den Blogeinträgen als Blocksatz schreibt, also immer so ausgerichtet, dass jede Linie am Ende endet (die Abstände zwischen den Wörtern werden dann entsprechend vergrößert). Ich weiß nicht, ob man dies auch in der style.css schreiben kann.Code:html, body { height: 100%; } body { font: 15px/20px Arial, serif; font-family: Helvetica font-weight: bold margin: 15; padding: 0; color: #333333; background-color: #fff; } h1, h2, h3, h4, h5, h6, span, p, input { margin: 0; padding: 0; } table, tr, td { margin: 0; padding: 0; border-collapse: collapse; } ul, li, ol { margin: 0; padding: 0; } img { border: none; } a { color: #004a7b; text-decoration: underline; } a:hover { text-decoration: none; } a:focus { outline: 0; } .clear { clear: both; }
Also - das "bold" macht gar nichts, also die Schrift ist immer noch normal dünn und das "Helvetica" wird auch nicht angenommen, wobei ich da nicht weiß, ob es richtig eingebunden ist
-
26.10.2012, 21:22 #4
AW: Schrift in style.css gestalten
Ähm, fehlt da nicht was?
mfg.Code:body { font: 15px/20px Arial, serif; font-family: Helvetica; font-weight: bold; margin: 15; padding: 0; color: #333333; background-color: #fff; }
-
The Following User Says Thank You to Mr Amari For This Useful Post:
Cube!X (26.10.2012)
-
26.10.2012, 21:23 #5Projektleitung
- Registriert seit
- 15.11.2011
- Beiträge
- 8.460
- Blog Entries
- 5
Thanked 9.519 Times in 3.334 Posts
AW: Schrift in style.css gestalten
In CSS muss jede Anweisung mit einem Semikolon abgeschlossen werden.
Da du das bei font-family und font-weight nicht tust wird beides ignoriert.
-
The Following User Says Thank You to DMW007 For This Useful Post:
Cube!X (26.10.2012)
-
26.10.2012, 21:30 #6U-Labs Plus-Mitglied
- Registriert seit
- 11.11.2011
- Beiträge
- 1.221
- Blog Entries
- 2
Thanked 4.287 Times in 892 Posts
AW: Schrift in style.css gestalten
Da hätte ich auch selbst draufkommen können [danke an Euch (: ]
Und da ich jetzt mal die Seite im "Inkognito-Modus" geladen habe sehe ich die Veränderungen auch, da sie ansonsten nicht immer neu geladen werden bei F5.
Ich habe jetzt aber trotzdem ein Problem. Bei der Schriftgrößen-Änderungen dachte ich, dass es wirklich nur für die Einträge gilt. Wie ich jetzt mitbekommen habe (und was auch total verständlich ist) ist, dass die ganzen Angaben ja für den gesamten Body zählen, d.h. meine ganzen Schriftelemente auf der Seite sind jetzt fett und größer. Kann man das irgendwie beschränken auf ausschließlich den Blog-Einträgen? Ist dies in der allgemeinen style.css zu finden oder gibt es dafür noch andere .css-Dateien?
Den Blocksatz kann man bei Wordpress direkt beim Eintrag schreiben einstellen *ich steh neben der Spur*
-
26.10.2012, 21:34 #7
AW: Schrift in style.css gestalten
Du müsstest eigentlich nur gucken in welchem Div/Class whatever die Blogeinträge stehen und den Div/Class dann per CSS ansprechen.
Wenn du willst, kann ich mir das per TV angucken und dir helfen.
mfg.
-
The Following User Says Thank You to Mr Amari For This Useful Post:
Cube!X (26.10.2012)
-
26.10.2012, 21:34 #8Projektleitung
- Registriert seit
- 15.11.2011
- Beiträge
- 8.460
- Blog Entries
- 5
Thanked 9.519 Times in 3.334 Posts
AW: Schrift in style.css gestalten
Meistens gibt es einen Container für den Eintrag mit einer eigenen CSS-Klasse (entry oder so, kommt drauf an, kann der Coder des Designs ja nennen wie er will).
Musst du halt gucken wie das konkret in deinem Design umgesetzt wurde.
Falls nicht (was ich mir kaum vorstellen kann) musst du halt selbst eine Klasse definieren und dem jeweiligen Element zuweisen, welches den Artikelinhalt enthält.
Wenn dus nicht finden solltest poste halt mal den Quelltext einer Seite auf der sich ein Artikel befindet.
Trifft in dem Fall aber nicht zu und interessiert einen Anfänger, der sein Ziel überhaupt erstmal valide realisieren möchte wohl kaum.
-
The Following User Says Thank You to DMW007 For This Useful Post:
Cube!X (26.10.2012)
-
26.10.2012, 21:35 #9
AW: Schrift in style.css gestalten
Außer einzelne Deklarationen und die letzte, wird sogar bei den meisten Minifiern direkt mit rausgenommenIn CSS muss jede Anweisung mit einem Semikolon abgeschlossen werden.
@Fabii:
Dazu müssten wir wissen in welcher DIV-Box sich die Elemente in deinem Design befinden. Dann kannst du das ganze mithilfe von #DIV Element nur auf die dementsprechenden divs beschränken bzw. .div element.
Relativ egal obs zutrifft oder nicht - ändert nichts daran das die Aussage falsch ist, jedoch gibt er dann die Info eventuell weiter, daher wollte ich es nur richtig stellen das es kein muss ist.Trifft in dem Fall aber nicht zu und interessiert einen Anfänger, der seine Ideen überhaupt erstmal valide realisieren möchte wohl kaum.Geändert von Comu (26.10.2012 um 21:45 Uhr)
-
The Following User Says Thank You to Comu For This Useful Post:
Cube!X (26.10.2012)
-
26.10.2012, 21:35 #10
AW: Schrift in style.css gestalten
dann leg doch für jeden text den du unterschiedlich formatieren willst ein extra sheet an.
Dicker TEXT:
usw.Code:<span id="dick">Dick</span> CSS: #dick{ font-style: ...; .. }
PS:
ich sollte ma bis zum ende lesen xDDD vorscvhläge gibt es ja schonKryptokombat! Crypto Sportsbet Gambling
http://www.kryptokombat.tv
Ähnliche Themen
-
Chucks online selbst gestalten!
Von Teerahm im Forum Lifestyle & FashionAntworten: 3Letzter Beitrag: 18.03.2014, 20:17 -
Schrift entfernen
Von x BoooM x im Forum Angebot & NachfrageAntworten: 1Letzter Beitrag: 27.09.2012, 14:44 -
Honey Boo Boo Style (Honey Boo Boo vs Gangnam Style)
Von milchbubix im Forum Musik ♫Antworten: 1Letzter Beitrag: 14.09.2012, 11:54 -
[VB] - Chatverlauf farbig gestalten - Problem
Von Pyromane im Forum SourcecodeAntworten: 1Letzter Beitrag: 26.03.2012, 14:12
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.
