Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Cum modific butonul de Cautare

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Cum modific butonul de Cautare

Mesaj 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:
casuta de cautare - Cum modific butonul de Cautare 34xhwl0

Cum vreau sa arate:
casuta de cautare - 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;
}
AlexSasann

AlexSasann
Membru activ

Mesaje : 476
Varsta : 30
Data înscrierii : 06/06/2014
Mulțumiri : 3
Internet Explorer punBB

http://www.lanenicu.forum.st
AlexSasann a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum modific butonul de Cautare

Mesaj 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.
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum modific butonul de Cautare

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

Merge perfect. Multumesc mult!
AlexSasann

AlexSasann
Membru activ

Mesaje : 476
Varsta : 30
Data înscrierii : 06/06/2014
Mulțumiri : 3
Internet Explorer punBB

http://www.lanenicu.forum.st
AlexSasann a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum modific butonul de Cautare

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

Cu plăcere. A face cu ochiul
topic rezolvat
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum