Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Tutorials und FAQ » [CSS] Überschriften stylen » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Überschriften stylen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Lottalein
Mitglied


Dabei seit: 16.11.2011
Beiträge: 311

smile Überschriften stylen Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Überschriften stylen


Überschriften stylen mit CSS ist gar nicht so schwierig. Es gibt verschiedene Arten, wie ihr die Überschriften in eurem CSS-Code stylen könnt. Ich zeige euch hier 5 verschiedene Arten.


Anleitung


Als erstes definieren wir die Überschrift mit <h1>Überschrift</h1> in dem Html-Code.


code:
1:
2:
3:
4:
5:
6:
7:
h1 {
color: #000000;
letter-spacing: 1px;
font-weight: bold;
border-bottom: solid 2px #000000;
font-family: Verdana;
font-size: 9px;}


code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
h1 {
display: block;
font-family: Verdana;
font-size: 9pt;
color: #000000;
text-decoration: none;
line-height: 5pt;
text-align: left;
letter-spacing: 3px;
border-bottom: 2px double #000000;}


code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
h1 {
font-size: 9pt;
color: #000000;
font-family: Verdana;
text-align: center;
font-weight: bold;
line-height: 93%;
padding: 2;
letter-spacing: 2px;
border-bottom: 1px solid #000000;
border-bottom-style: dashed;
background-color: transparent;}


code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
h1 {
display: block;
text-align: left;
font-family: Verdana;
font-size: 9pt;
color: #000000;
font-weight: bold;
background-color:#ffffff;
line-height: 8pt;
text-decoration: none;
border-bottom: 1px #ffffff;}


code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
h1 {
font-size: 9px;
color: #000000;
text-align: left;
height: 2px;
border: 1px solid;
border-color:#000000;
background:URL(background.jpg);
font-weight: bold;}

____________________________________________


Natürlich könnt ihr die Farben, die Schriftart, Schriftgröße und soweiter selbst anpassen Augenzwinkern Von mir sind es eben nur einfache Vorschläge, damit ihr ungefähr seht wo was hinkommt.

Nun wünsche ich euch damit viel Spaß und hoffe, dass ihr dieses kleine Tutorial gebrauchen könnt Herz

__________________
Nicht mehr aktiv.
23.05.2012 14:19 Lottalein ist offline E-Mail an Lottalein senden Beiträge von Lottalein suchen Nehmen Sie Lottalein in Ihre Freundesliste auf
Glis Glis ist weiblich
Mitglied


Dabei seit: 01.12.2009
Beiträge: 71

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hey Lottalein smile
Ich wollte dich mal fragen, ob du weißt, wie ich den ersten Buchstabe des Wortes anders darstellen kann. ich dachte das geht über h1:first-letter oder sowas. Aber ich bin mir nicht sicher. Kannst du mir helfen? <3

lg,
windsong. von SF
25.05.2012 19:45 Glis ist offline E-Mail an Glis senden Beiträge von Glis suchen Nehmen Sie Glis in Ihre Freundesliste auf
Schatti
Mitglied


Dabei seit: 21.04.2007
Beiträge: 12.242

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ohja die Frage stelle ich mir auch immer, sowohl Schriftgröße als auch Schriftart.
25.05.2012 21:01 Schatti ist offline E-Mail an Schatti senden Beiträge von Schatti suchen Nehmen Sie Schatti in Ihre Freundesliste auf
Lottalein
Mitglied


Dabei seit: 16.11.2011
Beiträge: 311

Themenstarter Thema begonnen von Lottalein
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hallo ihr beiden,

schaut euch doch mal den folgenden Link an: klicken
Dort wird es eigentlich ganz gut erklärt smile

Liebste Grüße, Lottalein

__________________
Nicht mehr aktiv.
12.06.2012 11:07 Lottalein ist offline E-Mail an Lottalein senden Beiträge von Lottalein suchen Nehmen Sie Lottalein in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Tutorials und FAQ » [CSS] Überschriften stylen

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH