በሶፍትዌር እና በድር ጣቢያ ልማት ውስጥ በጣም አስፈላጊ ከሆኑት ገጽታዎች አንዱ ምናሌ መፍጠር ነው ፡፡ ማይክሮሶፍት እና በጣም ታዋቂው የአእምሮ ልጅ የሆነው ዊንዶውስ ኦፐሬቲንግ ሲስተም እንደ ዋና ምሳሌ ሊወሰዱ ይገባል ፡፡ ምንም እንኳን ይህ ምርት በዓለም ላይ እጅግ በጣም ብዙ ፒሲ ተጠቃሚዎች የሚጠቀሙበት ቢሆንም ፣ ትችት ግን አይቀንስም ብቻ ሳይሆን በየጊዜው እያደገ ነው ፡፡ በመሠረቱ ፣ የምናሌ ዕቃዎች መገኛ አለመመጣጠንን ይመለከታል ፡፡ የሚከተለው በ CSS እና በኤክስፕሬስ ድር ውስጥ ምናሌዎችን እንዴት እንደሚፈጥሩ የሚገልጽ መግለጫ ነው ፡፡
መመሪያዎች
ደረጃ 1
አግድም ምናሌን ለመፍጠር ወደ ‹Style Manage› ይሂዱ እና ከዚያ የአዲሱ ዘይቤን ቁልፍ ጠቅ ያድርጉ ፡፡ አዲሱን ዘይቤ ይምረጡ (Selector ul li li) ፡፡ አስፈላጊ! የመነጨው ፋይል ተቆልቋይ. Css ቅጥያ እንዳለው ያረጋግጡ። አግድም ምናሌ ለማድረግ በትክክል አግድም እንደሚሆን ለተፈጠረው አካል ያመልክቱ ፡፡ በመቀጠል የእያንዳንዱን ምናሌ ንጥል ስፋት ይወስኑ እና በዝርዝሩ ውስጥ ካሉ ሁሉም ዕቃዎች ፊት ለፊት የተቀመጡትን ሁሉንም አላስፈላጊ ነጥቦችን ያስወግዱ ፡፡
ደረጃ 2
አግድም አሰላለፍ ለማድረግ ወደ አቀማመጥ አቀማመጥ ይሂዱ ፣ የማሳያ አይነታውን ወደ መስመር ያስገቡ። በመቀጠል የግራ እሴቱን ወደ ተንሳፋፊው አይነታ ያዘጋጁ እና የአመልካች ቁልፍን ጠቅ ያድርጉ። ሁሉንም የዝርዝር ዕቃዎች በአንድ መስመር ላይ ያቀናብሩ። እነሱ በጥሩ ሁኔታ የተቀመጡ እና እርስ በእርሳቸው በላያቸው ላይ የማይንሸራተቱ እንዲሆኑ ፣ በሰፊው ባህሪ ውስጥ ፣ የአቀማመጥ እሴቱን ወደ 150 px ያቀናብሩ። ሁሉም የዝርዝሩ አካላት ተመሳሳይ መጠን ያላቸው መሆናቸውን ያረጋግጡ። በመቀጠል ከሁሉም ንጥረ ነገሮች ፊት ነጥቦቹን ያስወግዱ - ለዚህም ወደ ዝርዝር አይነታ ይሂዱ እና በዝርዝሩ የቅጥ ዓይነት ንጥል ውስጥ ምንም ልኬትን ያዘጋጁ ፡፡ ሁሉም ለውጦች ተቀባይነት እንዲያገኙ እና እንዲተገበሩ እሺን ጠቅ ያድርጉ።
ደረጃ 3
ለኦል ሊ ቅርጸ ቁምፊ መጠን እና ቅጥ ያስተካክሉ። ይህንን ለማድረግ ወደ ቅጦች አቀናብር ይሂዱ እና በቀኝ በኩል ጠቅ ያድርጉ ኡል ሊ ላይ ፣ ከዚያ ዘይቤን ይምረጡ ፡፡ የሚታወቀው የንግግር ሳጥን ይታያል። ወደ ቅርጸ-ቁምፊ ይሂዱ ፣ የቅርጸ-ቁምፊ-ቤተሰብ ባህሪን ይምረጡ እና ወደ ሳንስ-ሰርፍ ፣ አሪያል ፣ ሄልቬቲካ ያዋቅሩት። በመቀጠል የቅርጸ-ቁምፊውን መጠን ወደ 0 ፣ 9 በማስተካከል ያስተካክሉ ከዚያ በኋላ የጽሑፍ-ትራንስፎርሜሽን አይነታ ወደ አቢይ ሆሄ ያዘጋጁ ፡፡ እሴቱን በ 30 ፒክስል በማቀናበር በከፍታ - አቀማመጥ ባህሪ ውስጥ የምናሌ ንጥሎችን ቁመት ያስተካክሉ ፡፡
ደረጃ 4
ሁሉንም የማስተካከያ እርምጃዎች ከጨረሱ በኋላ ፋይሉን እንደ ምናሌ.html ያስቀምጡ። ቀጥሎም በትክክል መሥራቱን ለማረጋገጥ የተፈጠረውን ምናሌ በተለያዩ አሳሾች ውስጥ ይፈትሹ። እንደሚመለከቱት ፣ የአግድም ምናሌ ንድፍ በጣም ቀላል ነው ፡፡
