Sidebar Menü

  • Statistik
  • Karte
  • 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"

  • Über uns
  • Häufig gestellte Fragen
  • Empfohlen Textarea CSS Code für das WBB Lite 1.0.2

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

    • Textarea CSS Code für das WBB Lite 1.0.2!
      Textarea ist dasTextfeld!

      CSS-Quellcode: Normaler Hintergrund:

      1. TEXTAREA {
      2. FONT-SIZE: 14px; /*Text größe*/
      3. FONT-FAMILY: Times New Roman; /*Textart*/
      4. COLOR: #655911; /*Text farbe*/
      5. BACKGROUND-COLOR: #e4edd2; /*Hintergrund farbe*/
      6. border: 1px #655911 solid; /*Umrandung*/
      7. }





      Screenshot vom Ergebnis:






      CSS-Quellcode: Normaler Hintergrund mit Rundecken:

      1. TEXTAREA {
      2. FONT-SIZE: 14px; /*Text größe*/
      3. FONT-FAMILY: Times New Roman; /*Textart*/
      4. COLOR: #655911; /*Text farbe*/
      5. BACKGROUND-COLOR: #e4edd2; /*Hintergrund farbe*/
      6. border: 1px #655911 solid; /*Umrandung*/
      7. -webkit-border-radius: 5px;
      8. border-radius: 5px;
      9. -opera-border-radius: 20px border-radius: 5px; /*Rundecken*/
      10. }


      Screenshot vom Ergebnis:






      CSS-Quellcode: Hintergrund mit Grafik (Bild):

      1. TEXTAREA {
      2. FONT-SIZE: 14px; /*Text größe*/
      3. FONT-FAMILY: Times New Roman; /*Textart*/
      4. COLOR: #655911; /*Text farbe*/
      5. BACKGROUND:url(images/Osterzeit/images/text-hinder.jpg); /*Grafik*/
      6. border: 1px #655911 solid; /*Umrandung*/
      7. }


      Screenshot vom Ergebnis:






      CSS-Quellcode: Hintergrund mit Grafik (Bild) und Rundecken:

      1. TEXTAREA {
      2. FONT-SIZE: 14px; /*Text größe*/
      3. FONT-FAMILY: Times New Roman; /*Textart*/
      4. COLOR: #655911; /*Text farbe*/
      5. BACKGROUND:url(images/Osterzeit/images/text-hinder.jpg); /*Grafik*/
      6. border: 1px #655911 solid; /*Umrandung*/
      7. -webkit-border-radius: 5px;
      8. border-radius: 5px;
      9. -opera-border-radius: 20px border-radius: 5px; /*Rundecken*/
      10. }


      Screenshot vom Ergebnis:







      CSS-Quellcode: Hintergrund mit Farbverlauf:

      1. TEXTAREA {
      2. FONT-SIZE: 14px; /*Text größe*/
      3. FONT-FAMILY: Times New Roman; /*Textart*/
      4. COLOR: #655911; /*Text farbe*/
      5. background: -moz-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      6. background: -webkit-gradient(left top, right bottom, color-stop(0%, #474d27), color-stop(50%, #a4b357), color-stop(100%, #474d27));/*Farbverlauf*/
      7. background: -webkit-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      8. background: -o-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      9. background: -ms-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      10. background: linear-gradient(135deg, #474d27 0%, #a4b357 50%, #474d27 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474d27', endColorstr='#474d27', GradientType=1 );/*Farbverlauf*/
      11. border: 1px #655911 solid; /*Umrandung*/
      12. }
      Alles anzeigen


      Screenshot vom Ergebnis:






      CSS-Quellcode: Hintergrund mit Farbverlauf und Rundecken:

      1. TEXTAREA {
      2. FONT-SIZE: 14px; /*Text größe*/
      3. FONT-FAMILY: Times New Roman; /*Textart*/
      4. COLOR: #655911; /*Text farbe*/
      5. background: -moz-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      6. background: -webkit-gradient(left top, right bottom, color-stop(0%, #474d27), color-stop(50%, #a4b357), color-stop(100%, #474d27));/*Farbverlauf*/
      7. background: -webkit-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      8. background: -o-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      9. background: -ms-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      10. background: linear-gradient(135deg, #474d27 0%, #a4b357 50%, #474d27 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474d27', endColorstr='#474d27', GradientType=1 );/*Farbverlauf*/
      11. border: 1px #655911 solid; /*Umrandung*/
      12. -webkit-border-radius: 5px;
      13. border-radius: 5px;
      14. -opera-border-radius: 20px border-radius: 5px; /*Rundecken*/
      15. }
      Alles anzeigen


      Screenshot vom Ergebnis:






      CSS-Quellcode: Mit dem Code könnt ihr noch das Textfeld in der Größe andern:

      1. height: 450px; /*Höhe*/
      2. width: 500px; /*Breite*/

      CSS-Quellcode: Der Code muß dann so Ansehen:

      1. TEXTAREA {
      2. FONT-SIZE: 14px; /*Text größe*/
      3. FONT-FAMILY: Times New Roman; /*Textart*/
      4. COLOR: #655911; /*Text farbe*/
      5. background: -moz-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      6. background: -webkit-gradient(left top, right bottom, color-stop(0%, #474d27), color-stop(50%, #a4b357), color-stop(100%, #474d27));/*Farbverlauf*/
      7. background: -webkit-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      8. background: -o-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      9. background: -ms-linear-gradient(-45deg, #474d27 0%, #a4b357 50%, #474d27 100%);/*Farbverlauf*/
      10. background: linear-gradient(135deg, #474d27 0%, #a4b357 50%, #474d27 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474d27', endColorstr='#474d27', GradientType=1 );/*Farbverlauf*/
      11. border: 1px #655911 solid; /*Umrandung*/
      12. -webkit-border-radius: 5px;
      13. border-radius: 5px;
      14. -opera-border-radius: 20px border-radius: 5px; /*Rundecken*/
      15. height: 450px; /*Höhe*/
      16. width: 500px; /*Breite*/
      17. }
      Alles anzeigen

      Screenshot vom Ergebnis:

      Ü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



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

      130 mal gelesen

    Kommentare 0