Sidebar Menü

  • Statistik
  • NO NO-Liste
  • Yes Liste von "A" bis "D"
  • Yes Liste von "E" bis "J"
  • Yes Liste von "K" bis "N"
  • Yes Liste von "O" bis "Z"

  • Unser Genehmigungen

  • Über uns
  • FAQ
    • Achtet bitte darauf User erst zu Begrüßen wenn sie sich vorgestellt haben.
      Bei nicht einhalten dieser Info folgt eine Verwarnung!! -Zum Thema-
    An alle Mitglieder schreibt mir bitte in diesem Thema dazu, ob ihr Partner bei uns im Forum seit -Link- :!:
    Ihr könnt auch im Thema schreiben, wenn ihr auf unsere Partner Seite wollt :!:

    Label mit CSS ansprechen

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Created by Kjpargeter - Freepik.com
      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.




      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-Quellcode: CSS Code für Hintergrund und Text

      1. .MeinLabe1 {
      2. background: rgb(119 , 1, 1, 1);
      3. background: -moz-linear-gradient(left, rgba(119, 1, 1, 1) 0%, rgba(156, 32, 0, 1) 50%, rgba(119, 1, 1, 1) 100%);
      4. background: -webkit-linear-gradient(left, rgba(119, 1, 1, 1) 0%,rgba(156, 32, 0, 1) 50%,rgba(119, 1, 1, 1) 100%);
      5. border-radius: 10px;
      6. color: rgb(255, 255, 255, 1);
      7. font-weight: bold;
      8. padding: 2px 5px;
      9. }



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

      CSS-Quellcode: CSS Code für FontAwesome Icon

      1. .MeinLabe1::before {
      2. content: "\f0f3";
      3. font-family: FontAwesome;
      4. color: rgba(255, 255, 255, 1);
      5. font-style: normal;
      6. font-weight: normal;
      7. text-decoration: inherit;
      8. padding-right: 5px;
      9. }


      Hier ist der Code noch mal in einem.

      CSS-Quellcode: CSS Code zusammen

      1. .MeinLabe1 {
      2. background: rgb(119 , 1, 1, 1);
      3. background: -moz-linear-gradient(left, rgba(119, 1, 1, 1) 0%, rgba(156, 32, 0, 1) 50%, rgba(119, 1, 1, 1) 100%);
      4. background: -webkit-linear-gradient(left, rgba(119, 1, 1, 1) 0%,rgba(156, 32, 0, 1) 50%,rgba(119, 1, 1, 1) 100%);
      5. border-radius: 10px;
      6. color: rgb(255, 255, 255);
      7. font-weight: bold;
      8. padding: 2px 5px;
      9. }
      10. .MeinLabe1::before {
      11. content: "\f0f3";
      12. font-family: FontAwesome;
      13. color: rgba(255, 255, 255, 1);
      14. font-style: normal;
      15. font-weight: normal;
      16. text-decoration: inherit;
      17. padding-right: 5px;
      18. }
      Alles anzeigen

      Hier ist noch eine Seite wo ihr Color Hex Code in rgba umwandeln könnt: #9c2000 Color Hex


      Hier findet ihr die FontAwesome Icons: Icons | Font Awesome


      Hier noch ein Link zu FontAwesome CSS Code u.s.w: How to Use | Font Awesome


      Anmerkung Genau so geht es auch mit denn Benutzerränge :!:

      Über den Autor

      Ich Lebe seit 1995 in einer Beziehung wir haben keine Kinder aber dafür 5 Ratten,
      1 Widderzwerg & Zwergkaninchen

      Hab ihr fragen zu Hack`s für das WBB Lite 1.0.2pl3 oder wollt ihr was ändern am
      WBB 2,3,6 - WBB Lite 2 - WBB 3.1.8 - WBB 4.x.x
      dann her da mit ich helfe euch auch bei Html, CSS, PHP, BBC & MySQL Codes.

      Ich arbeite mit

      Grafikprogramm:
      PI-X3, PSP, Poser7, Gimp2, Adobe Photoshop CS5.1, Adobe Flash Professional CS5.5,
      Adobe Illustrator CS5.1, Inkscape 0.91, Ulead GIF Animator 5.05 & Xara3D6

      Codeprogramm: Notepad++, Microsoft Office FrontPage 2003& WinMerge
      https://forum.kleckserstuebchen.de/bilder-upload/img/datei_1497450110.gif
      https://forum.kleckserstuebchen.de/wcf/images/upload/Sin-Idefix1975.jpg

      https://valid.x86.fr/cache/banner/hyupek-2.png

      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!!"

      208 mal gelesen

    Kommentare 0

    LiveZilla Live Chat Software