Generelt er en søgning bar består af tre hovedkomponenter : formen container , input feltet og på søgeknappen . Søgepanel designs kan variere, men hvis det gøres rigtigt, vil en søgning bar oprettet i Adobe PhotoShop have hvert af disse elementer på et separat lag , så du nemt kan adskille dem til kodning . Du bliver nødt til at afgøre, hvilke elementer, du kan genskabe bruge CSS og som du skal eksportere som separate billedfiler , før du kan begynde kodning baren. Typiske billedelementer er indtastningsfeltet baggrund og på søgeknappen . Også være opmærksom på effekter, såsom skyggeeffekter og grænser , som du skal bruge disse indstillinger til at oprette CSS , der matcher designet. Instruktioner 1
beslutte, hvordan du ønsker, at søgningen bar til at fungere. Der er snesevis af søgning scripts og kodestumper tilgængelige på internettet ved hjælp af en bred vifte af sprog, herunder javascript, jQuery , PHP og almindelig HTML . Du kan bruge nogen af disse, men kan finde skabe søgelinjen først i almindelig HTML med stilarter, der matcher dit billede og derefter tilpasse den til et script er lettere end at forsøge at style en premade script til at matche dit billede. < Br > 2.
Start din favorit tekst eller HTML editor og begynde ved at tilføje en åbning " form" tag : Hej
