ßê çðîáèòè ðîçñóâíå ìåíþ
³äåî - Ìåíþ, ùî âèïàäຠíà css
Îäíèì ç íàéá³ëüø âàæëèâèõ â ðîçðîáö³ ñàéò³â òà ïðîãðàì àñïåêò³â º ñòâîðåííÿ ìåíþ. êðàñèâå ðîçñóâíå ìåíþ çàëèøàºòüñÿ åòàëîíîì äëÿ áàãàòüîõ âëàñíèê³â ñàéò³â ³ ïðîãðàì³ñò³â. Çðîáèòè öå ìîæíà çà äîïîìîãîþ ³íñòðóìåíò³â CSS ³ Expression Web.
²íñòðóêö³ÿ
1
³äêðèéòå Expression Web ³ ïåðåéä³òü â Manage Style, ùîá ïðèñòóïèòè äî ñòâîðåííÿ ðîçñóâíîãî ìåíþ, ³ íàòèñí³òü êëàâ³øó New Style. Âêàæ³òü äëÿ íîâîãî ñòèëþ íàçâó Selector ul li. Ïåðåêîíàéòåñÿ, ùî ñòâîðåíèé ôàéë ìຠðîçøèðåííÿì drop-down.css. Äëÿ ñòâîðåííÿ ðîçñóâíîãî ìåíþ âêàæ³òü â³äïîâ³äíå ïîëîæåííÿ íà åêðàí³. Âèçíà÷òå øèðèíó êîæíîãî ç ïóíêò³â ìåíþ ³ ïðèáåð³òü çàéâ³ òî÷êè, ÿê³ ìîæóòü ñòîÿòè ïåðåä íèìè.
2
Çàïóñò³òü îïö³þ Layout ³ âñòàíîâ³òü àòðèáóò Display. Íàäàéòå éîìó â³äïîâ³äíå çíà÷åííÿ Inline äëÿ âèð³âíþâàííÿ íà åêðàí³. Íàäàéòå àòðèáóòó Float çíà÷åííÿ Left ³ íàòèñí³òü êëàâ³øó Apply - «Çàñòîñóâàòè». Âñòàíîâ³òü â îäèí ðÿäîê âñ³ åëåìåíòè ñïèñêó. Ùîá âîíè ñòîÿëè â àêóðàòíîìó ïîðÿäêó ³ íå íàëàçèëè îäèí íà îäíîãî, âñòàíîâ³òü â àòðèáóò³ Width çíà÷åííÿ Position ó âèãëÿä³ 150 ðõ. Ïåðåêîíàéòåñÿ, ùî âñ³ åëåìåíòè ñïèñêó îäíàêîâ³ çà ðîçì³ðîì. Ïðèáåð³òü òî÷êè ïåðåä êîæíèì åëåìåíòîì, ïåðåéøîâøè â àòðèáóò List ³ âñòàíîâèâøè ïàðàìåòð None â ïóíêò³ List Style-type. Íàòèñí³òü «Îê» äëÿ ïðèéíÿòòÿ çì³í òà ¿õ âñòóïó â ñèëó.
3
Íàëàøòóéòå ñòèëü ³ ðîçì³ð øðèôòó äëÿ ul li. Çàéä³òü â Manage Styles ³ ïðàâîþ êíîïêîþ êëàöí³òü íà ul li, âèáðàâøè Modify Style. Âè ïîáà÷èòå âæå çíàéîìå ä³àëîãîâå ìåíþ. Ïåðåéä³òü äî ïóíêòó Font, âèáåð³òü Font-family ³ âñòàíîâ³òü äëÿ äàíîãî àòðèáóòà çíà÷åííÿ Helvetica, Arial, Sans-serif. ³äêîðåêòóéòå ðîçì³ð øðèôòó ³ âñòàíîâ³òü éîìó çíà÷åííÿ 0,9. Äëÿ àòðèáóòà Text-transform âêàæ³òü çíà÷åííÿ Uppercase.  àòðèáóò³ Height - Position âêàæ³òü òî÷íó âèñîòó ïóíêò³â ìåíþ, ïîñòàâèâøè çíà÷åííÿ 30 ðõ.
4
Çáåðåæ³òü ôàéë ó âèãëÿä³ menu.html ïî çàâåðøåíí³ âñ³õ êîðèãóâàëüíèõ îïåðàö³é. Ïðîòåñòóéòå ò³ëüêè ùî ñòâîðåíå ìåíþ â ð³çíèõ äîäàòêàõ ³ áðàóçåðàõ, ùîá ïåðåâ³ðèòè éîãî ïðàöåçäàòí³ñòü. ßê âè ìîæåòå ïåðåêîíàòèñÿ, ñòâîðèòè ïîä³áíå ìåíþ íå ñêëàäຠîñîáëèâèõ òðóäíîù³â.
Ïîä³ëèñÿ â ñîö ìåðåæàõ:
Ñõîæ³
- ßê ïðèáðàòè çàõèñò ó starforce
- ßê çðîáèòè âåðòèêàëüíå ìåíþ, ùî âèïàäàº
- ßê çðîáèòè ìåíþ, ùî âèïàäຠhtml
- ßê íàëàøòóâàòè òåëåâ³çîð "âèòÿçü"
- ßê íàëàøòóâàòè wifi íà íîóòáóö³
- ßê âèïðàâèòè ïîìèëêó äàíèõ crc
- ßê çðîáèòè ç ôîòî ïîï-àðò
- ßê íàìàëþâàòè âóñà â ôîòîøîï³
- ßê ïðèáðàòè êîìàíäó ç êîíòåêñòíîãî ìåíþ
- ßê óâ³éòè â ñåðâ³ñíå ìåíþ òåëåâ³çîðà
- ßê íàäðóêóâàòè íà îäíîìó àðêóø³ äâ³ ñòîð³íêè
- ßê íàëàøòóâàòè òåëåâ³çîð panasonic
- ßê íàëàøòóâàòè ðåñ³âåð íòâ
- ßê ï³äêëþ÷èòè ìåðåæó ÷åðåç ìàðøðóòèçàòîð
- ßê ïåðåì³ñòèòè ôàéë ï³äêà÷êè â ïî÷àòîê äèñêà
- ßê ïåðåòâîðèòè â³äåî â öèôðó
- ßê ïðèñêîðèòè ðîáîòó â³ñòè
- ßê çðîáèòè êîï³þ ñ³ì êàðòè
- ßê íàïèñàòè òåêñò äîãîðè íîãàìè
- ßê âèäàëèòè ìåðåæåâèé ïàðîëü
- ßê â ôîòîøîï³ çðîáèòè ïàð