വിക്കി ഒരു കൈകിന്നാരം രൂപത്തിൽ സൈറ്റിനായി ലംബ മെനു

മെനു, നിങ്ങൾ അറിയുന്നു - സൈറ്റിന്റെ അവിഭാജ്യ. രസകരമായ നാവിഗേറ്റുചെയ്യാനോ ഓൺലൈൻ റിസോഴ്സ് പലിശ സന്ദർശകർക്ക് കഴിയും. കൂടാതെ, മെനുവും ഒരു പ്രധാന പ്രോപ്പർട്ടി - അതിന്റെ ചൊംപച്ത്നെഷ്. എളുപ്പത്തിൽ HTML, CSS ഉപയോഗിച്ച് സൃഷ്ടിച്ച ഒരു ലളിതമായ ലംബമായ മെനു. എന്നാൽ കൂടുതൽ പോയി: നമുക്ക് വിക്കി സഹായത്തോടെ മെനുവും "കൈകിന്നാരം" സൃഷ്ടിക്കാൻ അറിയാൻ.

ഒരു മെനുവും "കൈകിന്നാരം" സൃഷ്ടിക്കുക

ഒരു കൈകിന്നാരം രൂപത്തിൽ ഒരു ലംബമായ മെനു എന്താണ്? ഈ ഒരു ഡ്രോപ്പ്-ഡൌണ് ലിസ്റ്റ്, നാവിഗേറ്റ് എളുപ്പമുള്ള ഒരു സൃഷ്ടിച്ച് സ്റ്റൈലിഷ് സൈറ്റ് തരുന്ന. മെനു, ഈ വഴിയിൽ പ്രകടനം, നിങ്ങൾക്ക് ഉപ-ഇനങ്ങൾ ഒരു തിരിഞ്ഞ് അനുവദിക്കുന്നു. നിങ്ങൾ ആവശ്യമായ ഇനത്തിൽ മൗസ് ക്ലിക്ക് അവർക്ക് ആക്സസ് സംഭവിക്കുന്നു. ആരോ അത് വിക്കി ഉപയോഗം ഇല്ലാതെ ഈ ഫാഷൻ ഒരു ലളിതമായ മെനു നടത്താൻ സാധ്യത ചിലർ പറഞ്ഞേക്കാം. അതെ, അത്. എന്നാൽ ഈ വസ്തു സ്മാർട്ട്ഫോണുകൾ അല്ലെങ്കിൽ ടാബ്ലെറ്റ് ഉടമകൾക്ക് വളരെ ഉപകാരപ്രദമായ മനസ്സില്ലാതെ. എല്ലാ ആകർഷകമായി, ഒരു ലംബമായ മെനു സൃഷ്ടിക്കാം. പിന്നെ, ഒരു വഴികാട്ടി സ്റ്റൈൽ നിറം, അത് ഏതെങ്കിലും സൈറ്റിലേക്ക് ഡിസൈൻ ക്രമീകരിക്കാൻ ആയിരിക്കും.

HTML കോഡ്

അതുകൊണ്ട്, നമ്മുടെ ലംബമായ മെനു സൃഷ്ടിക്കാൻ, നിങ്ങൾ ആദ്യം എച്ച്ടിഎംഎൽ-കോഡ്, ഡയൽ ചെയ്യണം താഴെ വരികൾ ഉൾപ്പെടുന്ന:

അച്ചൊര്ദ്_മെനു.ഹ്ത്മ്ല് എന്ന ഒരു ഫയലിൽ ഈ കോഡ് സംരക്ഷിക്കുക.

നിങ്ങൾക്ക് കാണാൻ കഴിയുന്ന പോലെ, ഞങ്ങൾ ഒരു ക്രമീകരിക്കാത്ത പട്ടിക സൃഷ്ടിച്ചു. 3 പ്രധാന പോയിന്റ് അടങ്ങിയിരിക്കുന്നു:

- ഫോട്ടോകൾ;

- ചിത്രങ്ങൾ;

- പുസ്തകങ്ങൾ.

ഓരോ ഇനം ഏതാനും ഖണ്ഡികകൾ ഉണ്ട്. എവിടെ #, ലിങ്കുകൾ ചേർക്കണം ചെയ്യുന്നു. ഇപ്പോൾ ശൈലികൾ വിവരിക്കുക പ്രധാനമാണ്. ഇതെല്ലാം നിങ്ങളുടെ ഇന്റർനെറ്റ് റിസോഴ്സ് രൂപം ആശ്രയിച്ചിരിക്കുന്നു. സൈറ്റ് വേണ്ടി ലംബ മെനു അതിന്റെ ഡിസൈൻ കയറി ഹര്മൊനിഒഉസ്ല്യ് സമന്വയിക്കുന്ന വേണം.

സി.എസ്.എസ്-കോഡ്

സ്റ്റൈലുകളിൽ ദുഷ്കരമായ പാടില്ല. ഈ ഉദാഹരണത്തിൽ ഒരു ഗ്രേഡിയന്റ് ഫിൽ ഉപയോഗിക്കുന്ന മാത്രം ശ്രദ്ധിക്കുക. ഇവിടെ CSS-കോഡ്:

നിറം സിഎസ്എസ്-ഫയലിൽ പറഞ്ഞിരിക്കുന്ന, വലിപ്പം മാർക്കറുകൾ ഇടതുവശത്ത് ലിസ്റ്റിൽ ഇനങ്ങൾ നിന്ന് നീക്കം ചെയ്യുന്നു. അത് നിങ്ങൾ അതിലൂടെ പോകുന്ന സമയത്ത് ഓരോ ഇനം ഉപ-മെനു പെരുമാറാൻ എങ്ങനെ നിർണ്ണയിക്കുന്നത്. ഉദാഹരണത്തിന്:

# എ൧ഫെഎ൨ - ഈ ഇളം പച്ച നിറം സബ്.

നിങ്ങൾ അവരുടെ അതിലൂടെ പോകുന്ന സമയത്ത് # ച്൪ഫ്൦ഫ്൭ -ഗൊലുബൊവത്യ് തണൽ സബ്.

ഡിസ്പ്ലേ പ്രോപ്പർട്ടി ആവശ്യമായ പാഡിംഗോട് ആൻഡ് വലിപ്പം ക്രമീകരിക്കാൻ ബ്ലോക്ക് മൂല്യം ചോദിക്കുന്നു. നിറം, വലുപ്പം, ഫോണ്ട് തരം, ലൊക്കേഷൻ - എല്ലാം ഫയൽ വിവരിക്കുക പോലെ ആണ്. ഉദാഹരണത്തിന്, അച്ചൊര്ദിഒന്മെനു_മ്യ്൧.ച്ഷ് വിളിക്കുന്നത്.

വിക്കി മെനു മെച്ചപ്പെടുത്തലുകൾ ബന്ധിപ്പിക്കുന്നു

നിങ്ങൾ ഓർക്കുക മെയ്, നമ്മുടെ ലക്ഷ്യം - ഒരു ലംബമായ മെനു വിക്കി സൃഷ്ടിക്കാൻ. ഈ സാങ്കേതികവിദ്യ അത്ര പരിചിതമല്ലാത്ത എങ്കിൽ, വിഷമിക്കേണ്ട. ഞങ്ങൾ Google റിപ്പോസിറ്ററി ഉപയോഗിക്കാനും വിക്കി സ്ക്രിപ്റ്റ് കണക്ട്. ഇത് കൂടുതൽ ആകർഷകമായ മെനു ചെയ്യും. വിക്കി ഹൈപ്പർ മാർക്കറ്റ് HTML, ജാവാസ്ക്രിപ്റ്റ് പ്രതിപ്രവർത്തനങ്ങൾ അടിസ്ഥാനമാക്കി ഒരു JavaScript ലൈബ്രറി ആണ്. വിക്കി നിങ്ങൾ മൂലകങ്ങളുടെ ഉള്ളടക്കവും ഗുണവിശേഷങ്ങൾ ആക്സസ് അനുവദിക്കുന്നു.

അതിനാൽ, എച്ച്ടിഎംഎൽ-ഫയൽ ശരീരത്തിൽ ആവശ്യമായ സ്ക്രിപ്റ്റ് കണക്ട് 2 ചരങ്ങളുടെ, കുതിര പന്തയം മൂലകങ്ങളുടെ ഒഴികെ സംഭരിക്കുന്നതിനുള്ള നിയമങ്ങൾ സജ്ജമാക്കാൻ. ഒരു മൗസ് ക്ലിക്കിൽ നടക്കാത്ത ന് ഒരു വാതിൽക്കൽ മറ്റ് ടാബുകൾ ക്ലോസിംഗ്, കോഡ് സംഭാവന. ഇവിടെ അത് എങ്ങനെ തുടർന്ന്:

എല്ലാ മാറ്റങ്ങളും സംരക്ഷിക്കുക, അത് ബ്രൗസർ മെനുവിൽ കാണപ്പെടുന്നതെന്ന് കാണുക. അത് ഒരു സാധാരണ ഫലം: തത്ഫലമായി, നാം അവരുടെ മുൻഗണനകൾ അനുസരിച്ച്, നിങ്ങൾ എപ്പോഴും മാറ്റം വരുത്താൻ ഒരു ആകർഷകമായ മെനു വന്നിരിക്കുന്നു. എന്നാൽ വിക്കി, സി.എസ്.എസ് വയലിൽ പുതിയ അറിവ് ലയിച്ചത്, സൈറ്റിന്റെ തനതായ ഘടകങ്ങൾ, അവരുടെ കഴിവുകൾ മെച്ചപ്പെടുത്താനും സൃഷ്ടിക്കും.