ഒരു സ്പോയ്ലർ എങ്ങനെ ഉണ്ടാക്കാം. ഓപ്ഷനുകൾ

വെബ്സൈറ്റുകൾ സൃഷ്ടിക്കാൻ ആഗ്രഹിക്കുന്ന ധാരാളം ആളുകൾ ഉണ്ട്. മിക്ക ഉപയോക്താക്കളും ഇത് വ്യത്യസ്ത ഉറവിടങ്ങൾ ഉപയോഗിച്ച് സ്വയം പഠിക്കുന്നു. ഭാവിയിലെ ഉടമസ്ഥർ പോലും കേട്ടിട്ടില്ലാത്ത ആശയങ്ങളുണ്ട്. എന്നാൽ നിങ്ങൾ ആരംഭിച്ചാൽ, നിങ്ങൾ നന്നായി പഠിക്കേണ്ടതുണ്ട്. അതുകൊണ്ട്, ഒരു വിദഗ്ദ്ധനെ അതിന്റെ വിഭവങ്ങളിൽ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന ചോദ്യത്തെ കുറിച്ച് ലേഖനം വിശദമായി പരിശോധിക്കും.

തീർച്ചയായും, തീർച്ചയായും, എന്താണെന്നതിന്റെയും എന്തുകൊണ്ടാണ് ഈ വസ്തുവിന്റെ ആവശ്യകതയെക്കുറിച്ചും ഞങ്ങൾ തുടങ്ങുന്നത്. അതിനാൽ, മിക്കപ്പോഴും സൈറ്റുകളിൽ വ്യത്യസ്തങ്ങളായ വിവരങ്ങൾ (വിവിധ കാരണങ്ങൾക്ക്) ആദ്യം സന്ദർശകരിൽ നിന്ന് മറയ്ക്കണം. അത് കാണിക്കില്ലെന്നു മാത്രമല്ല, ഇച്ഛാശക്തി മാത്രം മതി. ഇവിടെ html ൽ സ്പോയ്ലർ ആണ് ഇത് ഉപയോഗിക്കുന്നത്. സൈറ്റിനായി യഥാർത്ഥത്തിൽ മറച്ച ഉള്ളടക്കം സംഭരിക്കുന്നു. പക്ഷെ സെർച്ച് എഞ്ചിനുകൾ ഇത് റിസോർസിന്റെ റാങ്കിംഗിൽ പ്രതിഫലിപ്പിക്കപ്പെടുന്നില്ല, കാരണം ഈ ഡിസൈൻ ഓപ്പൺ ആയതിനാൽ യാതൊരു പ്രതികൂല സ്വാധീനവുമില്ല. ലിങ്കിൽ ക്ലിക്കുചെയ്യുമ്പോൾ മറച്ച വിവരങ്ങൾ വെളിപ്പെടുത്തിയിരിക്കുന്നു.

ഇതുകൂടാതെ, ഒരു സ്പോയ്ലർ എങ്ങനെ ഉണ്ടാക്കണം എന്നത് പലർക്കും വളരെ രസകരമാണ്, അത് എന്തിനുവേണ്ടി ചെയ്തു? പലപ്പോഴും വിഭവത്തിന്റെ ബാഹ്യ സൗന്ദര്യത്തിന് വേണ്ടി. ഉദാഹരണമായി, വലിയ ടെക്സ്റ്റിന്റെ സ്ഥാനാർഥിക്ക് ഒരു പ്രധാന പേജ് ഡിസൈൻ നൽകാത്ത ഒരു വെബ്സൈറ്റ്. ഉടമസ്ഥന് റിസോഴ്സ് പ്രോത്സാഹിപ്പിക്കുന്നതിന് തിരയൽ എഞ്ചിനുകൾ ആവശ്യമാണ്, അതിനാൽ ഉള്ളടക്കം വമ്പിച്ചതായിരിക്കണം (ലേഖനത്തിൻറെ വലുപ്പം ഒരു പ്രധാന പങ്ക് വഹിക്കാനാകും). അതുകൊണ്ട് ഒരു കവർച്ചയുടെ സൃഷ്ടിയാണ് രക്ഷക്കായി വരുന്നത്. എന്നിരുന്നാലും ഉപഭോഗസംബന്ധിയായ വിവരങ്ങൾ ഒളിപ്പിച്ചുവെച്ചോ അല്ലെങ്കിൽ എപ്പോഴും വായനക്കാർക്ക് അത് അഭികാമ്യമാണെങ്കിലോ അത് ഉപയോഗപ്പെടുത്തും.

എല്ലാവരും വായിക്കാൻ ആഗ്രഹിക്കുന്നില്ല, എന്നാൽ അവയിൽനിന്ന് രക്ഷപ്പെടാൻ അവർക്ക് കഴിയില്ല. ഈ ഫിക്ഷനിൽ നിന്നുള്ള സന്ദർശകരെ പരിരക്ഷിക്കാൻ ഒരു മാർഗ്ഗമുണ്ട്. ഫോറത്തിൽ ഒരു ലേഖനത്തിൽ ഒരു സ്പെയ്ലറെ ഒളിപ്പിക്കുന്ന ഒരു ബട്ടൺ സൃഷ്ടിക്കുന്നത് ഇതാണ്. നിങ്ങൾക്കത് വ്യത്യസ്ത വഴികളിലൂടെ സൃഷ്ടിക്കാം. Html കോഡ് ഇൻപുട്ട് ക്ലാസ് = "ബട്ടൺ" ഉപയോഗിക്കുക എന്നതാണ് ഏറ്റവും എളുപ്പമുള്ള മാർഗം. ആദ്യം നിങ്ങൾ വിവരങ്ങൾ ചേർക്കുമ്പോൾ, അത് കോഡിന്റെ ഉത്തേജനം പിന്തുണയ്ക്കുന്നു എന്ന് ഉറപ്പുവരുത്തേണ്ടതുണ്ട്, കൂടാതെ അങ്ങനെയാണെങ്കിൽ, വാചകം ശരിയായ സ്ഥലത്ത് വാചകം ചേർത്ത് ഉടൻ പ്രവർത്തനം ആരംഭിക്കും.

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

ഇപ്പോൾ നമ്മൾ ഈ ഫംഗ്ഷൻ വിശകലനം ചെയ്യും. വിപുലമായ സ്പെയ്ലർ പ്ലഗ്-ഇൻ ഉപയോഗിക്കേണ്ടത് എളുപ്പമാണ്, അത് പല റിസോഴ്സുകളിൽ നിന്നും ഡൗൺലോഡുചെയ്യുന്നത് എളുപ്പമാണ്. ഇതിന്റെ ഇൻസ്റ്റാളേഷൻ സ്റ്റാൻഡേർഡ് ആണ്:

- നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ആർക്കൈവ് അൺപാക്കുചെയ്യുന്നു;

- എഫ്ടിപി ക്ലയന്റിന്റെ സഹായത്തോടെ സൈറ്റിലേക്കുള്ള കണക്ഷൻ (ഏറ്റവും ജനകീയമായ ആകെ കമാൻഡർ);

- നിങ്ങളുടെ ഹോസ്റ്റിങ്ങിന് ഒരു ഫയൽ അപ്ലോഡുചെയ്യുക;

- സൈറ്റിന്റെ അഡ്മിൻ ഏരിയയിൽ, നമ്മൾ "പ്ലഗിൻസ് - നിർജ്ജീവ" വിഭാഗത്തിനായി തിരയുകയും പുതുതായി ഇൻസ്റ്റാൾ ചെയ്ത ഒന്ന് സജീവമാക്കുകയും ചെയ്യുക. പ്രകടന പ്രവർത്തനങ്ങൾക്കു ശേഷം അത് പ്രവർത്തിക്കാൻ തുടങ്ങും. ഇപ്പോൾ, ഏതെങ്കിലും എഡിറ്ററിലുള്ള മെറ്റീരിയൽ ചേർക്കുന്നത് വിഷ്വൽ, html എന്നിവയിൽ, "സ്പൈ ഓവർ" ബട്ടൺ ദൃശ്യമാകും. [സ്പോയിലർ] [/ സ്പോയ്ലർ] ടാഗുകൾക്ക് ആവശ്യമുള്ള വിവരങ്ങൾ ചേർത്ത് ഒരു സ്പൈ ഓവർ സൃഷ്ടിക്കുന്നു. ഉടമ നന്നായി മനസ്സിലാക്കിയാൽ, പ്ലഗ്-ഇൻ ചെറുതായി പുനർരൂപകൽപ്പന ചെയ്യാനാകും.

സൈറ്റിൽ ഒരു സ്പോയ്ലർ എങ്ങനെ ഉണ്ടാക്കാം എന്നതാണ് മറ്റൊരു വഴി. ഒന്നാമത്തേത്, നിങ്ങൾ ലൈഗിംഗ് ലൈബ്രറിയും "പ്രിഗ്ലൂഡ" ജെസുമായി ബന്ധിപ്പിക്കേണ്ടതുണ്ട്, ഇത് സ്മോയ്ലർക്ക് കൂടുതൽ പതുക്കെ പതുക്കെ പതുക്കെ പതുക്കെ പതുക്കെയാകണം. സൈറ്റിന്റെ ആവശ്യമുള്ള പേജിൽ, അഡ്മിനിസ്ട്രേറ്റീവ് പാനലിൽ, ടാഗുകൾക്കിടയിൽ ആവശ്യമായ കോഡ് നൽകും. കൂടാതെ, ഫങ്ഷൻ സ്ഥിരമായി അടയ്ക്കുന്നതിനായി, .splCont {display: none; പാഡിംഗ്: 3px 5px; അത്തരമൊരു പ്രമാണം ഇല്ലെങ്കിൽ, അത് വളരെ ഭയാനകമല്ല. ടെക്സ്റ്റ് വായിക്കാതെയുള്ള ലിഖിതം പ്രധാനമായും സ്പൈലേലർ സ്ഥാപിക്കുന്നതിനു മുൻപായി. ഒടുവിൽ, ഒടുവിൽ ... വിവരങ്ങൾ മറയ്ക്കാനുള്ള കോഡ് സ്ഥാപിച്ചിട്ടുണ്ട്.