Navigare rapidă

Ultimele subiecte
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
» Salutare
Scris de Lucifer Mar 24 Apr - 11:32
» Avatar User in Online List
Scris de Emanueltutorials Vin 9 Feb - 21:18
Cuvinte-cheie

edit  

Casuta de cautare personalizata [Phpbb3]


Cu cateva proprietati css simple am reusit sa fac o bara de cautare care sa nu semene cu nici un forum de pe aceasta platforma. Nu a fost deloc greu, mai exact a fost foarte simplu.
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Cod:

#search-box #keywords {
padding: 5px;
border-radius : 6px;
background: url('http://i42.servimg.com/u/f42/15/42/26/78/meniu110.png');
border: 1px solid #c2c2c2;
}

#search-box {
background: url('http://i42.servimg.com/u/f42/15/42/26/78/body-b18.png');
position: fixed;
top: 13px;
right: -5px;
padding: 10px;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
border-top: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
border-right: 0px solid #;
}

#search-box #keywords:hover {border: 1px solid #a6a6a6;}

a.button1, a.button2, button.button2, input.button1, input.button2 {
margin-left: 5px;padding: 5px;
border-radius : 6px;
font-weight: bold;
color: #000;
background: url('http://i42.servimg.com/u/f42/15/42/26/78/meniu110.png');
border: 1px solid #c2c2c2;
}

a.button1, a.button2, button.button2, input.button1, input.button2:hover {
margin-left: 5px;padding: 5px;
border-radius : 6px;
font-weight: bold;
color: #232323;
border: 1px solid #a6a6a6;
background: url('http://i42.servimg.com/u/f42/15/42/26/78/meniu110.png');
}

ul.navlinks {
border-bottom: 0px solid white;
}

INFO: Reproducerea/Distribuirea nu este permisa fara acordul postatorului conform legii drepturilor de autor.

Comentariile utilizatorilor
Membru activ
avatar
la data de Mier 19 Oct - 16:55
iAngel Membru activ
Conectat
Multumesc mult,mereu mi-am dorit sa pot face o casuta de cautare,si acum pot!multumesc din nou!
Vizitator
avatar
la data de Mier 19 Oct - 17:32
Vizitato Vizitator
Conectat
Destul de dragut pentru o tema deschisa la culoare, dar, e bine si faptul ca se poate de personalizat foarte usor codul.
Vizitator
avatar
la data de Mier 19 Oct - 20:18
Vizitato Vizitator
Conectat
De stiut: Pe phpbb2 poti face multe buguri la header.Arata foarte bine.Este cea care o avem acum?
Membru activ
la data de Mar 25 Oct - 22:29
Zeke Membru activ
Conectat
Frumos , felicitari Mr.Sankez
Membru dedicat
avatar
la data de Mier 26 Oct - 8:56
Mitză Membru dedicat
Conectat
Stefan, cand am vazut aceasta tema pe forum am ramas uimit, te-ai intrecut pe tine insusi .
Aceasta casuta de cautare ti-a iesit perfect, esti un mare talent in coding.
Membru ET
avatar
la data de Sam 5 Noi - 15:53
roBiino =p~ Membru ET
Conectat
Foarte bun tutorial, mulțumesc!
Membru activ
avatar
la data de Mar 6 Dec - 18:26
BogdaneL Membru activ
Conectat
Multumesc foarte mult pentru aceasta casuta de cautare dar te rog sa re-uploadezi imaginile si sa modifici codul ...mersi...
Vizitator
avatar
la data de Lun 12 Dec - 21:11
Vizitato Vizitator
Conectat
Nu merg imaginile :|
Vizitator
avatar
la data de Mar 13 Dec - 13:42
Vizitato Vizitator
Conectat
Puteti inlocui dvs. acele imagini cu cele pe care le doriti.
Membru dedicat
avatar
la data de Sam 14 Apr - 13:31
RazvaN Membru dedicat
Conectat
Bravo Justin. Multumesc pentru cod.
Membru activ
avatar
la data de Mar 24 Apr - 22:03
Madross Membru activ
Conectat
E destul de bun codu.Bravo
Membru dedicat
avatar
la data de Mar 22 Mai - 20:20
mr.franta Membru dedicat
Conectat
frumos,bravo sefu