Label mit CSS ansprechen

Wie ansprechen ich Label mit CSS Code an :?:


1 - Ihr geht in denn ACP dort geht ihr auf Inhalt dann auf Label hinzufügen dort setzt ihr denn Punkt bei dem Schreiberei dann schreibt ihr ein Namen rein mit denn ihr dann denn Label über CSS Code ansprecht.


Bitte melden Sie sich an, um diesen Anhang zu sehen.


Ich habe mal als Ansprechname (MeinLabe1) benutzt.


2 - Dann geht ihr im ACP auf Darstellung dann geht ihr zum dem Style wo ihr denn Label ansprechen wollt.


CSS: CSS Code für Hintergrund und Text
  1. .MeinLabe1 {
  2. background: rgb(119 , 1, 1, 1); /*-Hintergrundfarbe Eingabefeldern-*/
  3. background: -moz-linear-gradient(left, rgba(119, 1, 1, 1) 0%, rgba(156, 32, 0, 1) 50%, rgba(119, 1, 1, 1) 100%); /*-Hintergrundfarbe Eingabefeldern-*/
  4. background: -webkit-linear-gradient(left, rgba(119, 1, 1, 1) 0%,rgba(156, 32, 0, 1) 50%,rgba(119, 1, 1, 1) 100%); /*-Hintergrundfarbe Eingabefeldern-*/
  5. border-radius: 10px; /*-Runde Ecken-*/
  6. color: rgb(255, 255, 255, 1); /*-Text Farbe-*/
  7. font-weight: bold; /*-Text Fett-*/
  8. padding: 2px 5px; /*-Text Abstand vom Oben und Rand-*/
  9. }


Bitte melden Sie sich an, um diesen Anhang zu sehen.


Soll noch ein Icon dabei sein dann setzt denn Code noch dazu.


CSS: CSS Code für FontAwesome Icon
  1. .MeinLabe1::before {
  2. content: "\f0f3"; /*-FontAwesome Icon Code-*/
  3. font-family: FontAwesome;
  4. color: rgba(255, 255, 255, 1); /*-FontAwesome Icon Farbe-*/
  5. font-style: normal;
  6. font-weight: normal;
  7. text-decoration: inherit;
  8. padding-right: 5px; /*-FontAwesome Icon Abstand von Text und Icon-*/
  9. }

Bitte melden Sie sich an, um diesen Anhang zu sehen.


Hier ist der Code noch mal in einem.



Hier ist noch eine Seite wo ihr Color Hex Code in rgba umwandeln könnt: Bitte melden Sie sich an, um diesen Link zu sehen.



Hier findet ihr die FontAwesome Icons: Bitte melden Sie sich an, um diesen Link zu sehen.



Hier noch ein Link zu FontAwesome CSS Code u.s.w: Bitte melden Sie sich an, um diesen Link zu sehen.



[anmerkung]Genau so geht es auch mit denn Benutzerränge :!: [/anmerkung]

Bitte melden Sie sich an, um dieses Bild zu sehen.
Bitte melden Sie sich an, um dieses Bild zu sehen.


Nicht vergessen wenn euch ein Thema gefällt oder hilfreich ist dann klickt


"Bitte kein Support per PN!!"
"Samstag & Sonntag ist Ruhetag!!"
"Da ich noch ein Privatleben habe!!"