Cum modific butonul de Cautare

Scris de AlexSasann Vin Dec 19, 2014 12:27 pm

Cum pot schimba butonul de cautare? Sa fie cum o sa va arat in a doua poza?
Cum arata:
Cum modific butonul de Cautare 34xhwl0

Cum vreau sa arate:
Cum modific butonul de Cautare 2a9xu3d

Ideea este ca de la urmatorul cod apare asa:

Cod:: #submit_button, input[type=submit], input[type="reset"] { -moz-border-radius: 2px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 3px; -webkit-border-radius: 2px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 3px; background: #3677e0 url(http://i72.servimg.com/u/f72/17/19/90/23/highli10.png) repeat-x 0 0!important; border: 1px solid #205bbb!important; border-radius: 2px; border-style: solid; border-width: 1px; box-shadow: rgba(0,0,0,0.2) 0 1px 3px; color: #fff!important; cursor: pointer; font-family: Lato,tahoma,helvetica,arial,sans-serif!important; font-size: 12px!important; font-style: normal!important; font-variant: normal!important; font-weight: normal!important; line-height: !important; padding: 4px 10px!important; text-decoration: none; text-shadow: rgba(0,0,0,0.2) 0 -1px 0!important; }

Scris de Vizitator Vin Dec 19, 2014 11:50 pm

Adăugați în CSS:

Cod:: #search_wrap > input.submit_input.clickable { background: rgba(255,255,255,0.1) !important; background-image: url(IMAGINE) !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; border: none !important; box-shadow: 0px 0px 1px rgba(0,0,0,0.4) !important; }

Înlocuiți IMAGINE cu link-ul către o imagine cu o lupă pentru buton.

Scris de AlexSasann Sam Dec 20, 2014 12:02 am

Merge perfect. Multumesc mult!

Scris de Vizitator Sam Dec 20, 2014 12:08 am

Cu plăcere. A face cu ochiul

Re: Cum modific butonul de Cautare