Schriftfarbe ändern in H1- H6 Überschriften

Schriftfarbe ändern in H1- H6 Überschriften

Helmut_pdorf 13 Feb 2011 15:57

Wie kann ich die Schriftfarbe in folgender Überschrift ändern. Dies soll aber nur für die jeweilige Überschrift gelten. Nicht für alle.

Example of Branding yourself

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Re: Schriftfarbe ändern in H1- H6 Überschriften

Helmut_pdorf 13 Feb 2011 15:57

Einfach:
http://community.wikidot.com/howto:howto:embelish-text:examples#toc11

+++ Example header 3 gives:

Example header 3

+++ **Example header 3 bold** ( makes no difference to section-"header") gives:

Example header 3 bold

+++ //Example header 3 italic// gives:

Example header 3 italic

+++ **//Example header 3 italic bold//** gives:

Example header 3 italic bold

+++ **//__Example header 3 italic bold underline __//** gives:

Example header 3 italic bold underline

+++ [[span style="font-size: 140%; color: #FF0000;"]]Example header 3 red[[/span]] gives:

(using [[span style="font-family: Arial Black; font-size: 140%;"]] your text [[/span]])

Example header 3

+++ [[span style="font-size: 140%; font-style: italic; color: #77FF00;"]]Example header 3 mini-green, italic[[/span]] gives:

Example header 3 mini-green,italic

+++ [[span style="font-size: 140%; font-style: italic; font-weight: bold; color: #00FF00;"]]Example header 3 green, italic. bold[[/span]] gives:

Example header 3 green, italic. bold

+++ [[span style="font-size: 140%; font-style: oblique; font-weight: bolder; color: #800000;"]]Example header 3 MARON, cursiv(oblique). extra-bold(er!)[[/span]] gives:

Example header 3 MARON, cursiv(oblique). extra-bold(er)

(new: text-decoration: underline or overline, blink, none, line-through) gives:

+++ [[span style="font-size: 140%; font-style: oblique; font-weight: bolder; color: #800000; text-decoration: underline;"]]Example header 3 MARON, cursiv(oblique). extra-bold(er), Underline[[/span]]

Example header 3 MARON, cursiv(oblique). extra-bold(er), Underline

+++ [[span style="font-size: 140%; font-style: oblique; font-weight: bolder; color: #800000; text-decoration: blink;"]]Example header 3 MARON, cursiv(oblique). extra-bold(er), blink[[/span]] ( blink does not work..?)

Example header 3 MARON, cursiv(oblique). extra-bold(er), blink

new: letter-spacing: 7pt:
+++ [[span style="font-size: 140%; font-style: italic; font-weight: bolder; color: #808000; text-decoration: underline; letter-spacing: 7pt;"]]Example header 3 , Olive, cursiv(italic). extra-bold(er), Underline, letter-spacing[[/span]]

Example header 3 Olive, cursiv(italic). extra-bold(er), Underline, letter-spacing

plus line-height: 2.5 :

+++ [[span style="font-size: 140%; font-style: italic; font-weight: bolder; color: #808000; text-decoration: underline; letter-spacing: 7pt; line-height: 2.5;"]]Example header 3 , Olive, cursiv(italic). extra-bold(er), Underline, letter-spacing; line-height: 2.5[[/span]]

Example header 3 Olive, cursiv(italic). extra-bold(er), Underline, letter-spacing,line-height: 2.5

And so on.. :
http://meyerweb.com/eric/css/references/css1ref.html

@@+++ Example header 3@@ gives:

+++ Example header 3

@@+++ **Example header 3 bold**@@ ( makes no difference to section-"header") gives:

+++ **Example header 3 bold**

@@+++ //Example header 3 italic//@@ gives:

+++ //Example header 3 italic//

@@+++ **//Example header 3 italic bold//**@@ gives:

+++ **//Example header 3 italic bold//**

@@+++ **//__Example header 3 italic bold underline __//**@@ gives:

+++ **//__Example header 3 italic bold underline__//** 

@@+++ [[span style="font-size: 140%; color: #FF0000;"]]Example header 3 red[[/span]]@@ gives:

(using @@[[span style="font-family: Arial Black; font-size: 140%;"]] your text [[/span]]@@)

+++ [[span style="font-size: 140%; color: #FF0000;"]]Example header 3[[/span]]

@@+++ [[span style="font-size: 140%; font-style: italic; color: #77FF00;"]]Example header 3 mini-green, italic[[/span]]@@ gives:

+++ [[span style="font-size: 140%; font-style: italic; color: #33FF00;"]]Example header 3 mini-green,italic[[/span]]

@@+++ [[span style="font-size: 140%; font-style: italic; font-weight: bold; color: #00FF00;"]]Example header 3 green, italic. bold[[/span]]@@ gives:

+++ [[span style="font-size: 140%; font-style: italic; font-weight: bold; color: #00FF00;"]]Example header 3 green, italic. bold[[/span]]

@@+++ [[span style="font-size: 140%; font-style: oblique; font-weight: bolder; color: #800000;"]]Example header 3 MARON, cursiv(oblique). extra-bold(er!)[[/span]]@@ gives:

+++ [[span style="font-size: 140%; font-style: oblique; font-weight: bolder; color: #800000;"]]Example header 3 MARON, cursiv(oblique). extra-bold(er)[[/span]]

(new: text-decoration: underline or overline, blink, none, line-through) gives: 

@@+++ [[span style="font-size: 140%; font-style: oblique; font-weight: bolder; color: #800000; text-decoration: underline;"]]Example header 3 MARON, cursiv(oblique). extra-bold(er), Underline[[/span]]@@

+++ [[span style="font-size: 140%; font-style: oblique; font-weight: bolder; color: #800000; text-decoration: underline;"]]Example header 3 MARON, cursiv(oblique). extra-bold(er), Underline[[/span]]

@@+++ [[span style="font-size: 140%; font-style: oblique; font-weight: bolder; color: #800000; text-decoration: blink;"]]Example header 3 MARON, cursiv(oblique). extra-bold(er), blink[[/span]]@@ ( blink does not work..?)

+++ [[span style="font-size: 140%; font-style: oblique; font-weight: bolder; color: #800000; text-decoration: blink;"]]Example header 3 MARON, cursiv(oblique). extra-bold(er), blink[[/span]]

new: letter-spacing: 7pt: 
@@+++ [[span style="font-size: 140%; font-style: italic; font-weight: bolder; color: #808000; text-decoration: underline; letter-spacing: 7pt;"]]Example header 3 , Olive, cursiv(italic). extra-bold(er), Underline, letter-spacing[[/span]] @@

+++ [[span style="font-size: 140%; font-style: italic; font-weight: bolder; color: #808000; text-decoration: underline; letter-spacing: 7pt;"]]Example header 3 Olive, cursiv(italic). extra-bold(er), Underline, letter-spacing[[/span]] 

plus  line-height: 2.5 :

@@+++ [[span style="font-size: 140%; font-style: italic; font-weight: bolder; color: #808000; text-decoration: underline; letter-spacing: 7pt; line-height: 2.5;"]]Example header 3 , Olive, cursiv(italic). extra-bold(er), Underline, letter-spacing; line-height: 2.5[[/span]] @@

+++ [[span style="font-size: 140%; font-style: italic; font-weight: bolder; color: #808000; text-decoration: underline; letter-spacing: 7pt;line-height: 2.5;"]]Example header 3 Olive, cursiv(italic). extra-bold(er), Underline, letter-spacing,line-height: 2.5[[/span]]

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Zuletzt bearbeitet am 13 Feb 2011 16:00 durch Helmut_pdorf Mehr anzeigen