Cum modific butonul de Cautare

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Cum modific butonul de Cautare

Mesaj Scris de AlexSasann la data de Vin 19 Dec - 12:27

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


Cum vreau sa arate:


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;
}

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Cum modific butonul de Cautare

Mesaj Scris de Cosmin la data de Vin 19 Dec - 23:50

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.

Cosmin
Membru activ

masculin

Mesaje : 1460
Varsta : 19
Localizare : rice fields
Data de inscriere : 20/05/2013
Multumiri : 122
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Rezolvat Re: Cum modific butonul de Cautare

Mesaj Scris de AlexSasann la data de Sam 20 Dec - 0:02

Merge perfect. Multumesc mult!

AlexSasann
Membru activ

masculin

Mesaje : 476
Varsta : 22
Data de inscriere : 06/06/2014
Multumiri : 3
Niciun avertisment

http://www.lanenicu.forum.st

Sus In jos

Rezolvat Re: Cum modific butonul de Cautare

Mesaj Scris de Cosmin la data de Sam 20 Dec - 0:08

Cu plăcere. A face cu ochiul
topic rezolvat

Cosmin
Membru activ

masculin

Mesaje : 1460
Varsta : 19
Localizare : rice fields
Data de inscriere : 20/05/2013
Multumiri : 122
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum