Peste 500 tutoriale in limba romana.

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.

Multumesc mult,mereu mi-am dorit sa pot face o casuta de cautare,si acum pot!multumesc din nou!

thumb_upîmi placethumb_downnu îmi place

Re: Casuta de cautare personalizata [Phpbb3]
iAngelMier 19 Oct - 16:55

Destul de dragut pentru o tema deschisa la culoare, dar, e bine si faptul ca se poate de personalizat foarte usor codul.

Re: Casuta de cautare personalizata [Phpbb3]
VizitatoMier 19 Oct - 17:32

De stiut: Pe phpbb2 poti face multe buguri la header.Arata foarte bine.Este cea care o avem acum?

Re: Casuta de cautare personalizata [Phpbb3]
VizitatoMier 19 Oct - 20:18

Frumos , felicitari Mr.Sankez

thumb_upîmi placethumb_downnu îmi place

Re: Casuta de cautare personalizata [Phpbb3]
ZekeMar 25 Oct - 22:29

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.

thumb_upîmi placethumb_downnu îmi place

Re: Casuta de cautare personalizata [Phpbb3]
MitzăMier 26 Oct - 8:56

Foarte bun tutorial, mulțumesc!

thumb_upîmi placethumb_downnu îmi place

Re: Casuta de cautare personalizata [Phpbb3]
roBiino =p~Sam 5 Noi - 15:53

Multumesc foarte mult pentru aceasta casuta de cautare dar te rog sa re-uploadezi imaginile si sa modifici codul ...mersi...

thumb_upîmi placethumb_downnu îmi place

Re: Casuta de cautare personalizata [Phpbb3]
BogdaneLMar 6 Dec - 18:26

Nu merg imaginile :|

Re: Casuta de cautare personalizata [Phpbb3]
VizitatoLun 12 Dec - 21:11

Puteti inlocui dvs. acele imagini cu cele pe care le doriti.

Re: Casuta de cautare personalizata [Phpbb3]
VizitatoMar 13 Dec - 13:42

Bravo Justin. Multumesc pentru cod.

thumb_upîmi placethumb_downnu îmi place

Re: Casuta de cautare personalizata [Phpbb3]
RazvaNSam 14 Apr - 13:31

E destul de bun codu.Bravo

thumb_upîmi placethumb_downnu îmi place

Re: Casuta de cautare personalizata [Phpbb3]
MadrossMar 24 Apr - 22:03

frumos,bravo sefu

thumb_upîmi placethumb_downnu îmi place

Re: Casuta de cautare personalizata [Phpbb3]
mr.frantaMar 22 Mai - 20:20

Re: Casuta de cautare personalizata [Phpbb3]
Continut sponsorizat