లంబ CSS మెను: ఇది మిమ్మల్ని మీరు చేయండి

కొంతమంది వెబ్ మాస్టర్లు ఇప్పటికే ఉన్న గీతలు సాధారణ అంశాలు నుండి అభివృద్ధి చెందుతున్న సమయం వృధా చేయకూడదు. వారు ఎప్పుడైనా అక్కడ ఉన్న సమయ 0 లో తమ సమయాన్ని వృధా చేసుకోవడ 0 ఎ 0 దుకు అర్థ 0 కాదని వారు నమ్ముతారు. నిజానికి, కేవలం HTML మరియు CSS నేర్చుకుంటున్న వారికి, వారి పని బాగా అర్థం చేసుకోవడానికి అనేక విషయాలు మీరే ముఖ్యమైనది. ఇది మెనుకు వర్తిస్తుంది. ఒక నిలువు CSS మెను సృష్టించండి. ఇది జావాస్క్రిప్ట్ మరియు J క్వెరీ ఉపయోగించకుండా HTML మరియు CSS ఆధారంగా మాత్రమే ఉంటుంది. ప్రతి మెను సైట్ యొక్క పుటలకు దారితీసే లింకులు జాబితా.

ప్రాథమిక దశలు

Uncomplicated నిలువు CSS మెనూ సృష్టించడానికి, మీరు దశలను కింది క్రమాన్ని అవసరం:

1. మొదటిది, మెనూ కలిగి ఉన్న లింకుల జాబితాను (HTML కోడ్ ఉపయోగించి) నిర్ణయించండి. ఉదాహరణకు, వాటిని పేర్లు ఇవ్వండి:

1. హోం.
2. మా చరిత్ర.
3. గైడ్.
4. సేవలు.
5. కాంటాక్ట్స్.

2. అప్పుడు మేము CSS తో ఇష్టానికి వద్ద లింకులు stylize ఉంటుంది.

మనము HTML కోడ్ ను వ్రాస్తాము , దానిని my_Vmenu.html లో సేవ్ చేయండి మరియు అది బ్రౌజర్లో ఎలా కనిపిస్తుందో చూడండి:

ఈ మా మెనూ యొక్క ఆధారం (అస్థిపంజరం). # 1, # 2, మొదలైనవి తప్పనిసరిగా లింక్ల ద్వారా భర్తీ చేయాలి. బ్రౌజర్లో విషయాలు ఎలా కనిపిస్తాయో చూడండి. మీరు చిత్రాన్ని ఇష్టపడరు. ఇప్పుడు మనము పూర్తి నిలువు CSS మెనూను చేయటానికి ఎలిమెంట్స్ శైలులను వర్ణించటం మొదలుపెట్టాలి.

శైలులు వివరణ

My_Vmenu.css అని పిలువబడే ఫైల్ను సృష్టించండి, దీనిలో మీరు సైట్ యొక్క ఒక ముఖ్యమైన అంశం యొక్క రూపాన్ని మెరుగుపరచడానికి కావలసిన దాన్ని సెట్ చేయవచ్చు. క్రింద కోడ్, అమలు ఇది నిలువు CSS మెను పునరుద్ధరించడానికి ఉంటుంది. సృష్టించిన ఫైల్లోకి వ్రాసి, ఇక్కడ జాబితా చేయబడిన ప్రధాన పంక్తులను అర్థం చేసుకుందాం.

ఉపయోగించిన శైలుల వివరణాత్మక వర్ణన

ఇప్పుడు వివరాలు మా CSS నిలువు మెను పరిగణలోకి:

జాబితా-శైలి-రకం జాబితా గుర్తులను తొలగించడానికి అనుమతిస్తుంది. మార్జిన్ మరియు padding కోసం "0" అమర్పును ఉపయోగించి, జాబితా నుండి అదనపు ఇండెంటేషన్ని తొలగించండి. మీరు HTML కోడ్ నుండి చూడగలిగినట్లుగా, మా మెనూ జాబితా, మరియు CSS శైలులను అమర్చుతుంది.

Ul # my_Vmenu - మొత్తం జాబితా సాధారణ శైలి.

Ul # my_Vmenu li a - li టాగ్లు మధ్య లింక్ శైలి.

Ul # my_Vmenu li a: హోవర్ ఒక సమయంలో పురుషులు ఒకటి కర్సర్ వద్ద గురిపెట్టి ఉన్నప్పుడు మెనులో అంశాలను రకం వివరణ ఉంది.

Ul # my_Vmenu li span - text యొక్క వివరణ (మెను పేర్లు).

గుర్తుంచుకోండి my_Vmenu.css మరియు my_Vmenu.html ఫైళ్ళు ఒక డైరెక్టరీలో తప్పక సేవ్ చేయబడాలి. అయితే, అవి వేర్వేరు ఫోల్డర్లలో ఉంటాయి, కానీ అది my_Vmenu.html ఫైలులో my_Vmenu.css కు మార్గం కేటాయించటం ముఖ్యం. జాగ్రత్తగా ఉండండి, ఎందుకంటే కొత్తవారు తరచుగా ఈ సమస్యలను కలిగి ఉంటారు.

ఈ శైలి html ఫైల్ లో హెడ్ ట్యాగ్ల మధ్య అనుసంధానించబడి ఉండాలి. Menu_1.png మరియు menu_2.png సాధారణ స్థితిలోని మెను ఐటెమ్ను ప్రదర్శించడానికి మరియు కర్సరుపై కదిలించేటప్పుడు చిత్రాలు.

డ్రాయింగ్ల కోసం ఒక ప్రత్యేక ఫోల్డర్లో బొమ్మలను సేవ్ చేయడం ఉత్తమం, అది my_images అని పేరు పెట్టండి, కాని CSS కోడ్ను సరిచేయండి. ఈ డైరెక్టరీలో ఎక్కడ ఉన్నాయో సూచించండి: url (my_images / menu_1.png) మరియు url (my_images / menu_2.png).

CSS కోడ్ లో వివరించిన మిగిలిన లక్షణాలను అర్థం సులభం. వారు మన మెను రూపాన్ని ఏర్పరచారు. పాయింట్ల యొక్క వెడల్పు మరియు ఎత్తు సాధారణ స్థితిలోని పాయింట్లకు ఒకే విధంగా సెట్ చేయబడటం మరియు మీరు వాటిపై మౌస్ను ఉంచినప్పుడు చూడటం సులభం. ఫాంట్ సైజు 18px, అంశాల పేర్ల యొక్క వివిధ భుజాల నుండి ఇండెంట్లను పాడింగ్ పేర్కొంటుంది. డిస్ప్లే ఆస్తి వెడల్పు మరియు ఇండెంట్లను సూచించడానికి బ్లాక్స్ ద్వారా డిస్ప్లేను సెట్ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది.

మా లంబ మెను

మీరు చూడగలరు గా, నిలువు CSS మెను సృష్టించడానికి సులభం. జ్ఞానం ఆధారంగా, మీరు మీ ఆన్లైన్ వనరు సందర్శకులకు అందమైన మరియు ఆకర్షణీయంగా చేయవచ్చు! మీ ఊహ ఉపయోగించండి, ఆపై ఒక అందమైన మెను మీ సైట్ అలంకరించండి ఉంటుంది.