AcasaportalCalendarGalerieFAQCautareMembriGrupuriInregistrareConectare




//
Distribuiţi|

Casuta de cautare personalizata [Phpbb3]

Vezi subiectul anterior Vezi subiectul urmator In jos
AutorMesaj
Fondator
avatar

Rank: Fondator
Mesaje : 545
Multumiri : 6
Data de inscriere : 14/02/2012
Varsta : 22
MesajSubiect: Casuta de cautare personalizata [Phpbb3] Sam Feb 09, 2013 12:16 pm

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.

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.



Salut Vizitator Ai postat un numar de 0 mesaje
Te-a inscris pe data de
Ultima vizita a fost in
Si sa il salutam pe TheBaster , ultimul membru inregistrat pe x-Metin
Respect Vizitator


[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Sus In jos
Vezi profilul utilizatorului http://x-metin.forumer.ro

Casuta de cautare personalizata [Phpbb3]

Vezi subiectul anterior Vezi subiectul urmator Sus
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
 :: x-Metin # ForumGratuit :: Coduri & scripturi-