{"id":43,"date":"2009-09-24T15:41:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/www.yazilimmutfagi.com\/?p=43"},"modified":"2009-09-24T15:41:00","modified_gmt":"1970-01-01T00:00:00","slug":"jquery-ile-acilir-arama-paneli-nasil-yapilir","status":"publish","type":"post","link":"https:\/\/www.yazilimmutfagi.com\/index.php\/2009\/09\/24\/jquery-ile-acilir-arama-paneli-nasil-yapilir\/","title":{"rendered":"JQuery ile A\u00e7ilir Arama Paneli Nasil yapilir."},"content":{"rendered":"<p>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\">\n<meta name=\"ProgId\" content=\"Word.Document\">\n<meta name=\"Generator\" content=\"Microsoft Word 12\">\n<meta name=\"Originator\" content=\"Microsoft Word 12\">\n<link rel=\"File-List\" href=\"file:\/\/\/C:\\Users\\tt\\AppData\\Local\\Temp\\msohtmlclip1\\01\\clip_filelist.xml\" \/>\n<link rel=\"Edit-Time-Data\" href=\"file:\/\/\/C:\\Users\\tt\\AppData\\Local\\Temp\\msohtmlclip1\\01\\clip_editdata.mso\" \/><!--[if !mso]>\n<style>\nv\\:* {behavior:url(#default#VML);}\no\\:* {behavior:url(#default#VML);}\nw\\:* {behavior:url(#default#VML);}\n.shape {behavior:url(#default#VML);}\n<\/style>\n<![endif]-->\n<link rel=\"themeData\" href=\"file:\/\/\/C:\\Users\\tt\\AppData\\Local\\Temp\\msohtmlclip1\\01\\clip_themedata.thmx\" \/>\n<link rel=\"colorSchemeMapping\" href=\"file:\/\/\/C:\\Users\\tt\\AppData\\Local\\Temp\\msohtmlclip1\\01\\clip_colorschememapping.xml\" \/><!--[if gte mso 9]><xml>\n<w:WordDocument>\n<w:View>Normal<\/w:View>\n<w:Zoom>0<\/w:Zoom>\n<w:TrackMoves>false<\/w:TrackMoves>\n<w:TrackFormatting \/>\n<w:HyphenationZone>21<\/w:HyphenationZone>\n<w:PunctuationKerning \/>\n<w:ValidateAgainstSchemas \/>\n<w:SaveIfXMLInvalid>false<\/w:SaveIfXMLInvalid>\n<w:IgnoreMixedContent>false<\/w:IgnoreMixedContent>\n<w:AlwaysShowPlaceholderText>false<\/w:AlwaysShowPlaceholderText>\n<w:DoNotPromoteQF \/>\n<w:LidThemeOther>TR<\/w:LidThemeOther>\n<w:LidThemeAsian>X-NONE<\/w:LidThemeAsian>\n<w:LidThemeComplexScript>X-NONE<\/w:LidThemeComplexScript>\n<w:Compatibility>\n<w:BreakWrappedTables \/>\n<w:SnapToGridInCell \/>\n<w:WrapTextWithPunct \/>\n<w:UseAsianBreakRules \/>\n<w:DontGrowAutofit \/>\n<w:SplitPgBreakAndParaMark \/>\n<w:DontVertAlignCellWithSp \/>\n<w:DontBreakConstrainedForcedTables \/>\n<w:DontVertAlignInTxbx \/>\n<w:Word11KerningPairs \/>\n<w:CachedColBalance \/>\n<\/w:Compatibility>\n<m:mathPr>\n<m:mathFont m:val=\"Cambria Math\" \/>\n<m:brkBin m:val=\"before\" \/>\n<m:brkBinSub m:val=\"&#45;-\" \/>\n<m:smallFrac m:val=\"off\" \/>\n<m:dispDef \/>\n<m:lMargin m:val=\"0\" \/>\n<m:rMargin m:val=\"0\" \/>\n<m:defJc m:val=\"centerGroup\" \/>\n<m:wrapIndent m:val=\"1440\" \/>\n<m:intLim m:val=\"subSup\" \/>\n<m:naryLim m:val=\"undOvr\" \/>\n<\/m:mathPr><\/w:WordDocument>\n<\/xml><![endif]--><!--[if gte mso 9]><xml>\n<w:LatentStyles DefLockedState=\"false\" DefUnhideWhenUsed=\"true\"\nDefSemiHidden=\"true\" DefQFormat=\"false\" DefPriority=\"99\"\nLatentStyleCount=\"267\">\n<w:LsdException Locked=\"false\" Priority=\"0\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Normal\" \/>\n<w:LsdException Locked=\"false\" Priority=\"9\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"heading 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 7\" \/>\n<w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 8\" \/>\n<w:LsdException Locked=\"false\" Priority=\"9\" QFormat=\"true\" Name=\"heading 9\" \/>\n<w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 7\" \/>\n<w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 8\" \/>\n<w:LsdException Locked=\"false\" Priority=\"39\" Name=\"toc 9\" \/>\n<w:LsdException Locked=\"false\" Priority=\"35\" QFormat=\"true\" Name=\"caption\" \/>\n<w:LsdException Locked=\"false\" Priority=\"10\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Title\" \/>\n<w:LsdException Locked=\"false\" Priority=\"1\" Name=\"Default Paragraph Font\" \/>\n<w:LsdException Locked=\"false\" Priority=\"11\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Subtitle\" \/>\n<w:LsdException Locked=\"false\" Priority=\"22\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Strong\" \/>\n<w:LsdException Locked=\"false\" Priority=\"20\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Emphasis\" \/>\n<w:LsdException Locked=\"false\" Priority=\"59\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Table Grid\" \/>\n<w:LsdException Locked=\"false\" UnhideWhenUsed=\"false\" Name=\"Placeholder Text\" \/>\n<w:LsdException Locked=\"false\" Priority=\"1\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"No Spacing\" \/>\n<w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Shading\" \/>\n<w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light List\" \/>\n<w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Grid\" \/>\n<w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Dark List\" \/>\n<w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Shading\" \/>\n<w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful List\" \/>\n<w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Grid\" \/>\n<w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Shading Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light List Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Grid Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 1\" \/>\n<w:LsdException Locked=\"false\" UnhideWhenUsed=\"false\" Name=\"Revision\" \/>\n<w:LsdException Locked=\"false\" Priority=\"34\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"List Paragraph\" \/>\n<w:LsdException Locked=\"false\" Priority=\"29\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Quote\" \/>\n<w:LsdException Locked=\"false\" Priority=\"30\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Intense Quote\" \/>\n<w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Dark List Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful List Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 1\" \/>\n<w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Shading Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light List Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Grid Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Dark List Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful List Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 2\" \/>\n<w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Shading Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light List Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Grid Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Dark List Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful List Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 3\" \/>\n<w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Shading Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light List Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Grid Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Dark List Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful List Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 4\" \/>\n<w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Shading Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light List Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Grid Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Dark List Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful List Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 5\" \/>\n<w:LsdException Locked=\"false\" Priority=\"60\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Shading Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"61\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light List Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"62\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Light Grid Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"63\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 1 Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"64\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Shading 2 Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"65\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 1 Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"66\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium List 2 Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"67\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 1 Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"68\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 2 Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"69\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Medium Grid 3 Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"70\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Dark List Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"71\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Shading Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"72\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful List Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"73\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" Name=\"Colorful Grid Accent 6\" \/>\n<w:LsdException Locked=\"false\" Priority=\"19\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Subtle Emphasis\" \/>\n<w:LsdException Locked=\"false\" Priority=\"21\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Intense Emphasis\" \/>\n<w:LsdException Locked=\"false\" Priority=\"31\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Subtle Reference\" \/>\n<w:LsdException Locked=\"false\" Priority=\"32\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Intense Reference\" \/>\n<w:LsdException Locked=\"false\" Priority=\"33\" SemiHidden=\"false\"\nUnhideWhenUsed=\"false\" QFormat=\"true\" Name=\"Book Title\" \/>\n<w:LsdException Locked=\"false\" Priority=\"37\" Name=\"Bibliography\" \/>\n<w:LsdException Locked=\"false\" Priority=\"39\" QFormat=\"true\" Name=\"TOC Heading\" \/>\n<\/w:LatentStyles>\n<\/xml><![endif]--><style type=\"text\/css\">\n<!--\n \/* Font Definitions *\/\n @font-face\n\t{font-family:\"Cambria Math\";\n\tpanose-1:2 4 5 3 5 4 6 3 2 4;\n\tmso-font-charset:162;\n\tmso-generic-font-family:roman;\n\tmso-font-pitch:variable;\n\tmso-font-signature:-1610611985 1107304683 0 0 159 0;}\n@font-face\n\t{font-family:Calibri;\n\tpanose-1:2 15 5 2 2 2 4 3 2 4;\n\tmso-font-charset:162;\n\tmso-generic-font-family:swiss;\n\tmso-font-pitch:variable;\n\tmso-font-signature:-1610611985 1073750139 0 0 159 0;}\n@font-face\n\t{font-family:\"Segoe UI\";\n\tpanose-1:2 11 5 2 4 2 4 2 2 3;\n\tmso-font-charset:162;\n\tmso-generic-font-family:swiss;\n\tmso-font-pitch:variable;\n\tmso-font-signature:-536861953 -1073733541 9 0 479 0;}\n \/* Style Definitions *\/\n p.MsoNormal, li.MsoNormal, div.MsoNormal\n\t{mso-style-unhide:no;\n\tmso-style-qformat:yes;\n\tmso-style-parent:\"\";\n\tmargin-top:0cm;\n\tmargin-right:0cm;\n\tmargin-bottom:10.0pt;\n\tmargin-left:0cm;\n\tline-height:115%;\n\tmso-pagination:widow-orphan;\n\tfont-size:11.0pt;\n\tfont-family:\"Calibri\",\"sans-serif\";\n\tmso-ascii-font-family:Calibri;\n\tmso-ascii-theme-font:minor-latin;\n\tmso-fareast-font-family:Calibri;\n\tmso-fareast-theme-font:minor-latin;\n\tmso-hansi-font-family:Calibri;\n\tmso-hansi-theme-font:minor-latin;\n\tmso-bidi-font-family:\"Times New Roman\";\n\tmso-bidi-theme-font:minor-bidi;\n\tmso-fareast-language:EN-US;}\n.MsoChpDefault\n\t{mso-style-type:export-only;\n\tmso-default-props:yes;\n\tmso-ascii-font-family:Calibri;\n\tmso-ascii-theme-font:minor-latin;\n\tmso-fareast-font-family:Calibri;\n\tmso-fareast-theme-font:minor-latin;\n\tmso-hansi-font-family:Calibri;\n\tmso-hansi-theme-font:minor-latin;\n\tmso-bidi-font-family:\"Times New Roman\";\n\tmso-bidi-theme-font:minor-bidi;\n\tmso-fareast-language:EN-US;}\n.MsoPapDefault\n\t{mso-style-type:export-only;\n\tmargin-bottom:10.0pt;\n\tline-height:115%;}\n@page Section1\n\t{size:595.3pt 841.9pt;\n\tmargin:70.85pt 70.85pt 70.85pt 70.85pt;\n\tmso-header-margin:35.4pt;\n\tmso-footer-margin:35.4pt;\n\tmso-paper-source:0;}\ndiv.Section1\n\t{page:Section1;}\n-->\n<\/style><!--[if gte mso 10]>\n<style>\n\/* Style Definitions *\/\ntable.MsoNormalTable\n{mso-style-name:\"Normal Tablo\";\nmso-tstyle-rowband-size:0;\nmso-tstyle-colband-size:0;\nmso-style-noshow:yes;\nmso-style-priority:99;\nmso-style-qformat:yes;\nmso-style-parent:\"\";\nmso-padding-alt:0cm 5.4pt 0cm 5.4pt;\nmso-para-margin-top:0cm;\nmso-para-margin-right:0cm;\nmso-para-margin-bottom:10.0pt;\nmso-para-margin-left:0cm;\nline-height:115%;\nmso-pagination:widow-orphan;\nfont-size:11.0pt;\nfont-family:\"Calibri\",\"sans-serif\";\nmso-ascii-font-family:Calibri;\nmso-ascii-theme-font:minor-latin;\nmso-fareast-font-family:\"Times New Roman\";\nmso-fareast-theme-font:minor-fareast;\nmso-hansi-font-family:Calibri;\nmso-hansi-theme-font:minor-latin;}\n<\/style>\n<![endif]-->         <\/meta>\n<\/meta>\n<\/meta>\n<\/meta>\n<\/p>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\">Arama panelleri bir sitenin olmazsa olmazlarindandir. Bu makale ile arama panelimizi<span style=\"\">&nbsp; <\/span>qjuery ile daha sik bir hale getirmeye &ccedil;alisacagiz. Amacimiz arama panelimizi kayarak a&ccedil;ilir kapanir hale getirmek. Bunun i&ccedil;in &ouml;ncelikle arama panelimizi tasarlayacagiz.<\/span><\/p>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\"><a href='www.yazilimmutfagi.com'>.<\/a><o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\">Projemiz i&ccedil;in &ouml;ncelikle 3 adet image ve css kullanarak basit bir arama paneli tasarladik. Burada dikkat etmemiz gereken nokta jquery nin panelimiz ve paneli kaydiracak olan butonu tanimasi i&ccedil;in gerekli Id&rsquo;leri kullanmak. <\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;; color: blue;\">&lt;<\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;; color: rgb(163, 21, 21);\">div<\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;;\"> <span style=\"color: red;\">id<\/span><span style=\"color: blue;\">=&quot;top-search&quot;&gt; <\/span><\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\">tanimlamasi ile arama panelimizi<\/span> <span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;; color: red;\">id<\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;; color: blue;\">=&quot;searchtoggle&quot;<\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;;\"> <\/span><span style=\"\">&nbsp;<\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\">tanimlamasi ile paneli kaydiracak butonu g&ouml;steriyoruz.<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\"><span style=\"\">&nbsp;<\/span>Panelimizin html kodu : <o:p><\/o:p><\/span><\/p>\n<div style=\"border: 1pt solid windowtext; padding: 1pt 4pt; background: rgb(219, 229, 241) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\">\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: blue;\">&lt;<\/span><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: rgb(163, 21, 21);\">div<\/span><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"> <span style=\"color: red;\">id<\/span><span style=\"color: blue;\">=&quot;wrapper&quot;&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;<\/span><span style=\"color: rgb(163, 21, 21);\">div<\/span> <span style=\"color: red;\">id<\/span><span style=\"color: blue;\">=&quot;header&quot;&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;<\/span><span style=\"color: rgb(163, 21, 21);\">div<\/span> <span style=\"color: red;\">id<\/span><span style=\"color: blue;\">=&quot;top-search&quot;&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;<\/span><span style=\"color: rgb(163, 21, 21);\">a<\/span> <span style=\"color: red;\">href<\/span><span style=\"color: blue;\">=&quot;#&quot;<\/span> <span style=\"color: red;\">id<\/span><span style=\"color: blue;\">=&quot;searchtoggle&quot;<\/span> <span style=\"color: red;\">title<\/span><span style=\"color: blue;\">=&quot;Aramak Istediginiz Kelimeyi Yaziniz&quot;&gt;<\/span>Ara<span style=\"color: blue;\">&lt;\/<\/span><span style=\"color: rgb(163, 21, 21);\">a<\/span><span style=\"color: blue;\">&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;<\/span><span style=\"color: rgb(163, 21, 21);\">form<\/span> <span style=\"color: red;\">method<\/span><span style=\"color: blue;\">=&quot;post&quot;<\/span> <span style=\"color: red;\">action<\/span><span style=\"color: blue;\">=&quot;&quot;&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;<\/span><span style=\"color: rgb(163, 21, 21);\">input<\/span> <span style=\"color: red;\">type<\/span><span style=\"color: blue;\">=&quot;text&quot;<\/span> <span style=\"color: red;\">class<\/span><span style=\"color: blue;\">=&quot;box&quot;<\/span> <span style=\"color: red;\">value<\/span><span style=\"color: blue;\">=&quot;Ara&#8230;&quot;<\/span> <span style=\"color: red;\">name<\/span><span style=\"color: blue;\">=&quot;s&quot;<\/span> <span style=\"color: red;\">id<\/span><span style=\"color: blue;\">=&quot;s&quot;<\/span> <span style=\"color: blue;\">\/&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;<\/span><span style=\"color: rgb(163, 21, 21);\">button<\/span> <span style=\"color: red;\">class<\/span><span style=\"color: blue;\">=&quot;btn&quot;<\/span> <span style=\"color: red;\">title<\/span><span style=\"color: blue;\">=&quot;Submit Search&quot;&gt;<\/span>Ara<span style=\"color: blue;\">&lt;\/<\/span><span style=\"color: rgb(163, 21, 21);\">button<\/span><span style=\"color: blue;\">&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;\/<\/span><span style=\"color: rgb(163, 21, 21);\">form<\/span><span style=\"color: blue;\">&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;\/<\/span><span style=\"color: rgb(163, 21, 21);\">div<\/span><span style=\"color: blue;\">&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;<\/span><span style=\"color: rgb(163, 21, 21);\">h1<\/span><span style=\"color: blue;\">&gt;<\/span>jQuery Arama Paneli<span style=\"color: blue;\">&lt;\/<\/span><span style=\"color: rgb(163, 21, 21);\">h1<\/span><span style=\"color: blue;\">&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;\/<\/span><span style=\"color: rgb(163, 21, 21);\">div<\/span><span style=\"color: blue;\">&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;<\/span><span style=\"color: rgb(163, 21, 21);\">div<\/span> <span style=\"color: red;\">id<\/span><span style=\"color: blue;\">=&quot;body&quot;&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">&lt;\/<\/span><span style=\"color: rgb(163, 21, 21);\">div<\/span><span style=\"color: blue;\">&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;; color: blue;\">&lt;\/<\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;; color: rgb(163, 21, 21);\">div<\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;; color: blue;\">&gt;<\/span><\/p>\n<\/div>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\">Sayfamizda daha kullanisli olmasi i&ccedil;in t&uuml;m stylelari bir css dosyasinda topladik<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\">Sayfamizda kullandigimiz css kodu :<o:p><\/o:p><\/span><\/p>\n<div style=\"border: 1pt solid windowtext; padding: 1pt; background: rgb(219, 229, 241) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\">\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: rgb(204, 0, 204);\">#header<\/span><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"> <span style=\"color: rgb(0, 170, 0);\">{<\/span> <span style=\"color: rgb(204, 0, 204);\"># header<\/span> <span style=\"color: rgb(0, 170, 0);\">(<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">width<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">900px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">width:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">900px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">height<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">100px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">height:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">100px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">margin<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(204, 102, 204);\">0<\/span> <span style=\"color: rgb(153, 51, 51);\">auto<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">margin:<\/span><\/b> <span style=\"color: rgb(204, 102, 204);\">0<\/span> <span style=\"color: rgb(0, 170, 0);\">auto;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">position<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">relative<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">position:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">relative;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(0, 170, 0);\">}<\/span> <span style=\"color: rgb(0, 170, 0);\">)<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><o:p>&nbsp;<\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(204, 0, 204);\">#searchtoggle<\/span> <span style=\"color: rgb(0, 170, 0);\">{<\/span> <span style=\"color: rgb(204, 0, 204);\"># searchtoggle<\/span> <span style=\"color: rgb(0, 170, 0);\">(<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">background<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">url<\/span> <span style=\"color: rgb(0, 170, 0);\">(<\/span> <i><span style=\"color: red;\">..\/images\/toggle.png<\/span><\/i> <span style=\"color: rgb(0, 170, 0);\">)<\/span> <span style=\"color: rgb(153, 51, 51);\">no-repeat<\/span> <b><span style=\"color: black;\">left top<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: rgb(0, 170, 0);\">background:<\/span><span style=\"color: black;\"> &uuml;st sol<\/span><\/b> <i><span style=\"color: rgb(0, 170, 0);\">(..<\/span><span style=\"color: red;\"> \/ images \/ <\/span><span style=\"color: rgb(0, 170, 0);\">toggle.png)<\/span><\/i> <span style=\"color: rgb(153, 51, 51);\">no-repeat <\/span><span style=\"color: rgb(0, 170, 0);\">url;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">position<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">absolute<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">position:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">absolute;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">top<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">0px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">top:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">0px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">right<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">0px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">right:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">0px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">width<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">21px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">width:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">21px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">height<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">19px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">height:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">19px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">text-indent<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">-9999px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">text-indent:-9999px;<\/span><\/b> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">border<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(204, 102, 204);\">0<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">border:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(204, 102, 204);\">0;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(0, 170, 0);\">}<\/span> <span style=\"color: rgb(0, 170, 0);\">)<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(204, 0, 204);\">#searchtoggle<\/span> <span style=\"color: rgb(102, 102, 255);\">.up<\/span> <span style=\"color: rgb(0, 170, 0);\">{<\/span> <span style=\"color: rgb(204, 0, 204);\"># <\/span><span style=\"color: rgb(102, 102, 255);\">searchtoggle.<\/span> <span style=\"color: rgb(102, 102, 255);\">up<\/span> <span style=\"color: rgb(0, 170, 0);\">(<\/span><span style=\"\">&nbsp; <\/span><o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">background<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">url<\/span> <span style=\"color: rgb(0, 170, 0);\">(<\/span> <i><span style=\"color: red;\">..\/images\/toggle.png<\/span><\/i> <span style=\"color: rgb(0, 170, 0);\">)<\/span> <span style=\"color: rgb(153, 51, 51);\">no-repeat<\/span> <b><span style=\"color: black;\">right top<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">background:<\/span><\/b> <span style=\"color: rgb(153, 51, 51);\">repeat<\/span> <b><span style=\"color: black;\">right top<\/span><\/b> <i><span style=\"color: rgb(0, 170, 0);\">(..<\/span><span style=\"color: red;\"> \/ images \/ <\/span><span style=\"color: rgb(0, 170, 0);\">toggle.png)<\/span><\/i> <span style=\"color: rgb(0, 170, 0);\">no-url;<\/span><span style=\"\">&nbsp; <\/span><o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(0, 170, 0);\">}<\/span> <span style=\"color: rgb(0, 170, 0);\">)<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(204, 0, 204);\">#top-search<\/span> <span style=\"color: rgb(0, 170, 0);\">{<\/span> <span style=\"color: rgb(204, 0, 204);\"># top-arama<\/span> <span style=\"color: rgb(0, 170, 0);\">(<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">height<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">60px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">height:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">60px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">width<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">325px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">width:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">325px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">float<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <b><span style=\"color: black;\">right<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">float: right;<\/span><\/b> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">position<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">relative<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">position:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">relative;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(0, 170, 0);\">}<\/span> <span style=\"color: rgb(0, 170, 0);\">)<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(204, 0, 204);\">#top-search<\/span><span style=\"\">&nbsp; <\/span>form <span style=\"color: rgb(0, 170, 0);\">{<\/span> <span style=\"color: rgb(204, 0, 204);\"># top-Arama<\/span> formu <span style=\"color: rgb(0, 170, 0);\">(<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">position<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">absolute<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">position:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">absolute;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">top<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">0px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">top:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">0px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">left<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">0px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">left:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">0px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">background<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">url<\/span> <span style=\"color: rgb(0, 170, 0);\">(<\/span> <i><span style=\"color: red;\">..\/images\/search_top.png<\/span><\/i> <span style=\"color: rgb(0, 170, 0);\">)<\/span> <span style=\"color: rgb(153, 51, 51);\">no-repeat<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">background:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> url<\/span> <i><span style=\"color: rgb(0, 170, 0);\">(..<\/span><span style=\"color: red;\"> \/ images \/ <\/span><span style=\"color: rgb(0, 170, 0);\">search_top.png)<\/span><\/i> <span style=\"color: rgb(0, 170, 0);\">no-repeat;<\/span><span style=\"color: rgb(153, 51, 51);\"> url<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">width<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">262px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">width:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">262px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">height<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">30px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">height:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">30px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">padding<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">5px<\/span> <span style=\"color: rgb(204, 102, 204);\">0 0<\/span> <span style=\"color: rgb(153, 51, 51);\">40px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">padding:<\/span><\/b> <span style=\"color: rgb(153, 51, 51);\">5px<\/span> <span style=\"color: rgb(204, 102, 204);\">0 0<\/span> <span style=\"color: rgb(0, 170, 0);\">40px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">display<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">none<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">display:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">none;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(0, 170, 0);\">}<\/span> <span style=\"color: rgb(0, 170, 0);\">)<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(204, 0, 204);\">#top-search<\/span> <span style=\"color: rgb(102, 102, 255);\">.box<\/span> <span style=\"color: rgb(0, 170, 0);\">{<\/span> <span style=\"color: rgb(204, 0, 204);\"># top <\/span><span style=\"color: rgb(102, 102, 255);\">arama.<\/span> <span style=\"color: rgb(102, 102, 255);\">box<\/span> <span style=\"color: rgb(0, 170, 0);\">(<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">width<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">195px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">width:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">195px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">background<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">transparent<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">background:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">transparent;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">border<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(204, 102, 204);\">0<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">border:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(204, 102, 204);\">0;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">margin-left<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">5px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">margin-left:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">5px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(0, 170, 0);\">}<\/span> <span style=\"color: rgb(0, 170, 0);\">)<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(204, 0, 204);\">#top-search<\/span> <span style=\"color: rgb(102, 102, 255);\">.btn<\/span> <span style=\"color: rgb(0, 170, 0);\">{<\/span> <span style=\"color: rgb(204, 0, 204);\"># top <\/span><span style=\"color: rgb(102, 102, 255);\">arama.<\/span> <span style=\"color: rgb(102, 102, 255);\">btn<\/span> <span style=\"color: rgb(0, 170, 0);\">(<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">margin-left<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">10px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">margin-left:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">10px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">width<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">35px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">width:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">35px;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">background<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">transparent<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">background:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">transparent;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">border<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(204, 102, 204);\">0<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">border:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(204, 102, 204);\">0;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">text-indent<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">-9999px<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">text-indent:-9999px;<\/span><\/b> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"\">&nbsp;<\/span><b><span style=\"color: black;\">cursor<\/span><\/b> <span style=\"color: rgb(0, 170, 0);\">:<\/span> <span style=\"color: rgb(153, 51, 51);\">pointer<\/span> <span style=\"color: rgb(0, 170, 0);\">;<\/span> <b><span style=\"color: black;\">cursor:<\/span><\/b><span style=\"color: rgb(0, 170, 0);\"> <\/span><span style=\"color: rgb(153, 51, 51);\">pointer;<\/span> <o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;<\/span><span style=\"color: rgb(0, 170, 0);\">}<\/span> <span style=\"color: rgb(0, 170, 0);\">)<\/span> <o:p><\/o:p><\/span><\/p>\n<\/div>\n<p class=\"MsoNormal\"><o:p>&nbsp;<\/o:p><\/p>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\">Ve asil isi yapan javascript kodumuz:<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\"><span style=\"\">&nbsp;<\/span>jquery<span style=\"\">&nbsp; <\/span>ile bu fonksiyonu kullanip panelin kaymasini sagliyoruz. Burada kayma efekt s&uuml;resini 300 olarak ayarladik.<span style=\"\">&nbsp; <\/span>Daha yavas bir efekt i&ccedil;in bu s&uuml;reyi arttirabiliriz.<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\"><o:p>&nbsp;<\/o:p><\/p>\n<div style=\"border: 1pt solid windowtext; padding: 1pt 4pt; background: rgb(219, 229, 241) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\">\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: blue;\">&lt;<\/span><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: rgb(163, 21, 21);\">script<\/span><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"> <span style=\"color: red;\">type<\/span><span style=\"color: blue;\">=&quot;text\/javascript&quot;<\/span> <span style=\"color: red;\">src<\/span><span style=\"color: blue;\">=&quot;http:\/\/www.yazilimmutfagi.com\/demo\/demo1\/jquery-1.3.2.min.js&quot;&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: blue;\">&lt;\/<\/span><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: rgb(163, 21, 21);\">script<\/span><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: blue;\">&gt;<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: blue;\"><o:p>&nbsp;<\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: blue;\">&lt;<\/span><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;; color: rgb(163, 21, 21);\">script<\/span><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"> <span style=\"color: red;\">type<\/span><span style=\"color: blue;\">=&quot;text\/javascript&quot;&gt;<o:p><\/o:p><\/span><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp; <\/span>$(document).ready(<span style=\"color: blue;\">function<\/span>() {<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span>$(<span style=\"color: rgb(163, 21, 21);\">&#8216;#searchtoggle&#8217;<\/span>).click(<span style=\"color: blue;\">function<\/span>() {<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span>$(<span style=\"color: rgb(163, 21, 21);\">&#8216;#top-search form&#8217;<\/span>).slideToggle(300, <span style=\"color: blue;\">function<\/span>() {<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span>$(<span style=\"color: rgb(163, 21, 21);\">&#8216;#searchtoggle&#8217;<\/span>).toggleClass(<span style=\"color: rgb(163, 21, 21);\">&#8216;up&#8217;<\/span>);<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span>});<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span>});<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><o:p>&nbsp;<\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span>$(<span style=\"color: rgb(163, 21, 21);\">&#8216;#top-search .box&#8217;<\/span>).focus(<span style=\"color: blue;\">function<\/span>() {<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">if<\/span> ($(<span style=\"color: blue;\">this<\/span>).val() == <span style=\"color: rgb(163, 21, 21);\">&#8216;Ara&#8230;&#8217;<\/span>) $(<span style=\"color: blue;\">this<\/span>).val(<span style=\"color: rgb(163, 21, 21);\">&#8221;<\/span>);<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span>});<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span>$(<span style=\"color: rgb(163, 21, 21);\">&#8216;#top-search .box&#8217;<\/span>).blur(<span style=\"color: blue;\">function<\/span>() {<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span style=\"color: blue;\">if<\/span> ($(<span style=\"color: blue;\">this<\/span>).val() == <span style=\"color: rgb(163, 21, 21);\">&#8221;<\/span>) $(<span style=\"color: blue;\">this<\/span>).val(<span style=\"color: rgb(163, 21, 21);\">&#8216;Ara&#8230;&#8217;<\/span>);<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span>});<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; margin-bottom: 0.0001pt; line-height: normal; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; font-family: &quot;Courier New&quot;;\"><span style=\"\">&nbsp;&nbsp;&nbsp; <\/span>});<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\" style=\"border: medium none ; padding: 0cm; background: rgb(219, 229, 241) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;; color: blue;\">&lt;\/<\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;; color: rgb(163, 21, 21);\">script<\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Courier New&quot;; color: blue;\">&gt;<\/span><\/p>\n<\/div>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\"><a href='www.yazilimmutfagi.com'>.<\/a><\/span><\/p>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\">Hepsi bu kadar. Formumuzun g&ouml;r&uuml;n&uuml;s&uuml;:<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\"><span style=\"\"><!--[if gte vml 1]><v:shapetype\nid=\"_x0000_t75\" coordsize=\"21600,21600\" o:spt=\"75\" o:preferrelative=\"t\"\npath=\"m@4@5l@4@11@9@11@9@5xe\" filled=\"f\" stroked=\"f\">\n<v:stroke joinstyle=\"miter\" \/>\n<v:formulas>\n<v:f eqn=\"if lineDrawn pixelLineWidth 0\" \/>\n<v:f eqn=\"sum @0 1 0\" \/>\n<v:f eqn=\"sum 0 0 @1\" \/>\n<v:f eqn=\"prod @2 1 2\" \/>\n<v:f eqn=\"prod @3 21600 pixelWidth\" \/>\n<v:f eqn=\"prod @3 21600 pixelHeight\" \/>\n<v:f eqn=\"sum @0 0 1\" \/>\n<v:f eqn=\"prod @6 1 2\" \/>\n<v:f eqn=\"prod @7 21600 pixelWidth\" \/>\n<v:f eqn=\"sum @8 21600 0\" \/>\n<v:f eqn=\"prod @7 21600 pixelHeight\" \/>\n<v:f eqn=\"sum @10 21600 0\" \/>\n<\/v:formulas>\n<v:path o:extrusionok=\"f\" gradientshapeok=\"t\" o:connecttype=\"rect\" \/>\n<o:lock v:ext=\"edit\" aspectratio=\"t\" \/>\n<\/v:shapetype><v:shape id=\"Picture_x0020_1\" o:spid=\"_x0000_i1025\" type=\"#_x0000_t75\"\nstyle='width:453pt;height:84.75pt;visibility:visible;mso-wrap-style:square'>\n<v:imagedata src=\"file:\/\/\/C:\\Users\\tt\\AppData\\Local\\Temp\\msohtmlclip1\\01\\clip_image001.png\"\no:title=\"\" \/>\n<\/v:shape><![endif]--><!--[if !vml]--><img decoding=\"async\" loading=\"lazy\" height=\"96\" width=\"607\" alt=\"\" src=\"http:\/\/www.yazilimmutfagi.com\/yuklenendosyalar\/image\/resimSearchPanelDemo1.jpg\" v:shapes=\"Picture_x0020_1\" \/><!--[endif]--><\/span><\/p>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\">Projenin <a href=\"http:\/\/www.yazilimmutfagi.com\/demo\/SearchPanelDemo\/SearchPanelDemoView.htm\" target=\"_blank\">demosuna <\/a>buradan ulasabilirsiniz.<o:p><\/o:p><\/span><\/p>\n<p class=\"MsoNormal\"><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\">Projenin Kaynak kodlarini <a href=\"http:\/\/www.yazilimmutfagi.com\/yuklenendosyalar\/file\/JquerySearchPanelDemo.rar\">buradan <\/a>indirebilirsiniz.<\/span><span style=\"font-size: 10pt; line-height: 115%; font-family: &quot;Segoe UI&quot;,&quot;sans-serif&quot;;\"><o:p><\/o:p><\/span><\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Arama panelleri bir sitenin olmazsa olmazlarindandir. Bu makale ile arama panelimizi  qjuery ile daha sik bir hale getirmeye &#231;alisacagiz. Amacimiz arama panelimizi kayarak a&#231;ilir kapanir hale getirmek. Bunun i&#231;in &#246;ncelikle arama panelimizi tasarlayacagiz. <\/p>\n","protected":false},"author":525,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[408],"tags":[5263,4255,4162,6006,4999,5610,5802],"_links":{"self":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/43"}],"collection":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/users\/525"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":0,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/43\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/categories?post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}