Nowy inny,ładny input

  • 0 Odpowiedzi
  • 2646 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline Stanley

  • ****
  • 2152
  • 81
  • Płeć: Mężczyzna
  • Specjalista od niczego.
  • Domyślny styl: Własny
  • Wersja SMF: 2.0.15
Nowy inny,ładny input
« dnia: 25 Czerwiec 2012, 20:01 »
Witam wczoraj sobie tak siedziałem i poprzerabiałem input - myślę,że komuś może się to przydać...A i wygląd ma estetyczny.

Screen:

http://i.imgur.com/90bNa.png
Nowy inny,ładny input


Można go sobie oczywiście wedle swoich widzi misie ustawić tak jak kto uważa  :)


{
   font: 95%/115% verdana, Helvetica, sans-serif;
   color: black;
    text-decoration:none;
    text-shadow: 0 10px 10px #000000;
    letter-spacing:0px;
    padding:4px 4px 4px 4px;
    margin:0px 6px 4px 0px;
    background: #8d8d8d;
    background: -moz-linear-gradient(top, #8d8d8d, #898989 2%, #717171);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8d8d8d), color-stop(.01, #898989), to(#717171));
    border:1px solid #8d8d8d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    outline:none;
    }
     
     
    input:hover{
    text-shadow: 0 1px 1px #000000;
    border:1px solid #4aaa29;
    background: #4aaa29;
    background: -moz-linear-gradient(top, #4aaa29, #369018 2%, #2f7f15);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4aaa29), color-stop(.01, #369018), to(#2f7f15));
    cursor:pointer;
    }

        select{
        color:black;
    text-decoration:none;
    font-size:8pt;
    font-family:Tahoma;
    text-shadow: 0 0px 0px black;
    letter-spacing:0px;
    padding:4px 4px 4px 4px;
    margin:0px 6px 4px 0px;
    background: #8d8d8d;
    background: -moz-linear-gradient(top, #8d8d8d, #898989 2%, #717171);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8d8d8d), color-stop(.01, #898989), to(#717171));
    border:1px solid #8d8d8d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    outline:none;
    }
    select:hover{

    border:1px solid #000000;
    background: black;
    background: -moz-linear-gradient(top, #4aaa29, #369018 2%, #2f7f15);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4aaa29), color-stop(.01, #369018), to(#2f7f15));
    cursor:pointer;
   
   }
Moje fora: pesnext.pl

Specjalista od niczego.

Pomogłem?, - Klinkij [Pomógł]