கேஸ்கேடிங் ஸ்டைல் ஷீட்கள் (CSS) துணுக்குகள் அப்சிடியன் பெட்டகத்திற்கு தனிப்பயன் பாணிகளைச் சேர்க்க உங்களுக்கு உதவுகின்றன. உறுப்புகளின் நிறம், நிலை மற்றும் அளவு போன்ற பல்வேறு பயனர் இடைமுகப் பகுதிகளை வரையறுக்க உதவும் சக்திவாய்ந்த கருவிகள் அவை. அப்சிடியனில் CSS துணுக்குகளைப் பயன்படுத்தக் கற்றுக்கொள்வது என்பது, நீங்கள் தனிப்பயனாக்கப்பட்ட தோற்றத்தை உருவாக்கலாம், இதன் மூலம் அப்சிடியனை உங்கள் பணி நடை மற்றும் ஆளுமைக்கு நெருக்கமாக இருக்க முடியும். இது உங்கள் அனுபவத்தையும் ஒட்டுமொத்த உற்பத்தித்திறனையும் மேம்படுத்தும். அப்சிடியனில் CSS துணுக்குகளை எவ்வாறு பயன்படுத்துவது என்பதை அறிய படிக்கவும்.
அப்சிடியனில் துணுக்குகளைச் சேர்த்தல்
CSS துணுக்குகளைப் பயன்படுத்துவதன் முதல் பகுதி அவற்றைச் சேர்ப்பதாகும். வெவ்வேறு தனிப்பயனாக்கங்கள் மற்றும் பாணிகள் பார்வைக்கு ஈர்க்கும் மற்றும் செயல்பாட்டு பணியிடத்தை உருவாக்க உங்களை அனுமதிக்கின்றன. துணுக்குகளைப் பயன்படுத்துவது குறிப்புகளை உருவாக்குவதை நிறைவாகவும் சுவாரஸ்யமாகவும் ஆக்குகிறது. உங்களுக்கு ஏற்கனவே தெரியாவிட்டால், உங்கள் பெட்டகத்தில் துணுக்குகளை எவ்வாறு சேர்ப்பது:
- 'அமைப்புகள்' என்பதற்குச் சென்று அதைத் திறக்கவும்.
- 'தோற்றம்' என்பதைத் தேர்ந்தெடுத்து, 'CSS துணுக்குகளைத் தேர்ந்தெடுக்கவும்.
- 'துணுக்குகள் கோப்புறை' என்பதைத் தேர்ந்தெடுக்கவும்.
- இந்தக் கோப்புறையில் CSS துணுக்குகளை உருவாக்கவும் அல்லது பதிவிறக்கவும்.
- 'துணுக்குகள்' மற்றும் 'மீண்டும் ஏற்று' என்பதைத் திறக்கவும்.
அப்சிடியனில் CSS துணுக்குகளைப் பயன்படுத்துதல்
அப்சிடியனில், CSS துணுக்குகளைப் பயன்படுத்துவது, தயாரிப்புக்கு நீங்கள் பயன்படுத்தும் பல்வேறு பெரிய தீம்களை மேலெழுத அல்லது நிரப்ப உதவுகிறது. துணுக்குகளைப் பயன்படுத்த:
- .obsidian/snippets இல்
.css என்ற கோப்பைச் சேர்க்கவும். - 'தோற்றம்' விருப்பத்திற்கு செல்லவும்.
- புதுப்பிப்பு.
- இதன் விளைவாக வரும் கோப்பை மாற்று மூலம் தேர்வு செய்யவும்.
CSS துணுக்குகளைப் பயன்படுத்தி அப்சிடியன் ஸ்டைலிங்
CSS துணுக்குகள் அப்சிடியனின் ஒருங்கிணைந்த பகுதியாகும், ஏனெனில் அவை பெட்டகத்தின் ஒவ்வொரு பகுதியும் எவ்வாறு தோன்ற வேண்டும் என்பதை விவரிக்கிறது. இந்த துணுக்குகள் அப்சிடியனின் அனைத்து குணாதிசயங்களையும் உங்கள் விருப்பங்களுடன் பொருந்துமாறு தனிப்பயனாக்க அனுமதிக்கின்றன. ஸ்டைலிங் அப்சிடியனைப் பொருத்தவரை பல்வேறு விருப்பங்கள் உள்ளன.
ஒரு பாணியைத் தேர்ந்தெடுக்க தேர்வாளர்களைப் பயன்படுத்துதல்
என்ன ஸ்டைல் செய்ய வேண்டும் என்பதை தீர்மானிக்க 'தேர்வுயாளர்கள்' தேவை. நீங்கள் ஸ்டைல் செய்ய வேண்டிய பகுதியை அடையாளம் காண இது உங்களை அனுமதிக்கிறது. தேர்வாளர்கள் பொதுவாக உள்ளமைக்கப்பட்டவர்கள், நீங்கள் குறிப்பிட்டதாக இருக்க வேண்டும். ஸ்டைலிங் 'மேற்கோள் அச்சுமுகம்' எனில், அதைத் தேர்ந்தெடுக்கவும். பொதுவாக, 'மேற்கோள்கள்' என்பதைத் தேர்ந்தெடுப்பது, பயன்பாட்டின் ஒவ்வொரு பகுதியிலும் உள்ள பிளாக்கோட்களின் தோற்றத்தை மாற்றுகிறது.
தேர்வை ஸ்டைல் செய்ய பண்புகளைப் பயன்படுத்தவும்
உங்கள் தேர்வை ஸ்டைல் செய்ய, நீங்கள் CSS இல் ஏராளமான 'பண்புகளை' பயன்படுத்த வேண்டும். முடிவைப் பற்றி குறிப்பிட்டதாக இருக்க, திருத்த வேண்டிய பண்புகளைக் கண்டறிந்து, இலக்கு மதிப்புகளைக் கொடுங்கள்.
அறிவுறுத்தல்களை வழங்க பிரகடனத்தைப் பயன்படுத்தவும்
வழிமுறைகளை வழங்க, ஒரு 'பிரகடனம்' பயன்படுத்தப்படுகிறது. இதில் தேர்வாளர் (எதற்கு ஸ்டைலிங் தேவை), ஸ்டைலிங் தேவைப்படும் பண்புகள் (மாறும் பாகங்கள்) மற்றும் பண்புகளின் புதிய மதிப்புகள் (நீங்கள் விரும்பும் தோற்றம்) ஆகியவை அடங்கும். ஒரு உதாரணம், எடிட்டரில் உள்ள அனைத்து உரைகளும் சிவப்பு நிறமாக இருக்க வேண்டுமெனில், 'அப்சிடியன், எடிட்டரில் உள்ள எல்லா உரைகளையும் கண்டுபிடித்து, அவற்றை சிவப்பு நிறமாக மாற்றச் சொல்லுங்கள்' என்று கூறுவது போன்றது. CSS அறிவிப்பு இப்படி இருக்க வேண்டும்:
.markdown-source-view {
color: red;
}
.markdown-source-view தேர்வியாக செயல்படுகிறது. {} ஸ்டைல் செய்ய வேண்டிய பண்புகளைக் கொண்டுள்ளது, அதே சமயம் வண்ணம் சொத்தை சித்தரிக்கிறது, மேலும் சிவப்பு என்பது விரும்பிய மதிப்பு. அனைத்து சொத்துக்களின் மதிப்பு உறவுகளும் சொத்துக்களுடன் காட்டப்படும், அதைத் தொடர்ந்து ஒரு பெருங்குடல், மதிப்பு மற்றும் உங்கள் வரியை முடிக்க ஒரு அரை-பெருங்குடல். பண்புகளை எளிதில் வேறுபடுத்துவதற்குத் துறையிலிருந்து ஒரு உள்தள்ளலாக இருக்க வேண்டும்.
பிரகடனத்தை வரிசைகளில் பிரிப்பது விருப்பமானது ஆனால் பல்வேறு கூறுகள் மற்றும் அம்சங்களை மாற்றும்போது உங்களுக்கு உதவும்.
CSS இன் விளக்கம் வரிசையாக உள்ளது, சமீபத்திய அறிவிப்புகள் அதற்கு முந்தைய மற்ற அனைத்தையும் ஆளுகின்றன.
என்ன பாணியைத் தேர்ந்தெடுக்க வகுப்புகளைப் பயன்படுத்தவும்
நீங்கள் ஸ்டைல் செய்ய வேண்டியதைத் தேர்ந்தெடுக்க 'வகுப்புகள்' பயன்படுத்தப்படுகின்றன. பயன்பாட்டின் அடிப்படைக் கட்டமைப்பு சேர்க்கப்பட்ட பண்புக்கூறுகளாக வகுப்புகள் விவரிக்கப்படுகின்றன. தேர்வாளர்களைப் பயன்படுத்தி அவர்கள் இலக்கு வைக்கப்படலாம். .markdown-source-view எடிட்டர் பார்வைக்கு திறந்திருக்கும் பயன்பாட்டு உள்ளடக்கத்தை அடையாளம் காட்டுகிறது. பொருள் பெயர்களில் முந்தைய காலம் வகுப்புகளைக் குறிக்கிறது.
இலக்கு கூறுகள்
'உறுப்புகள்' என்ன பாணியில் உள்ளது என்பதைப் பொறுத்து, இலக்கு தேவை. இவை கட்டமைப்பு பயன்பாட்டு பாகங்கள். 'p' உறுப்பு தேர்வியைப் பயன்படுத்தி பத்திகள் உள்தள்ளப்படலாம். கூறுகளை விவரிக்க முந்தைய நிறுத்தற்குறிகள் பயன்படுத்தப்படவில்லை.
தனித்துவத்தை அதிகரிக்க, தேர்வாளர்களில் தர்க்கத்தைப் பயன்படுத்தவும்
ஒரு இடத்தைப் பயன்படுத்துவது சந்ததியினரைத் தேர்ந்தெடுப்பதன் மூலம் தனித்துவத்தை அதிகரிக்கிறது: 'தாத்தா பாட்டி பெற்றோர்-குழந்தை' என்பது தாத்தா பாட்டியின் குழந்தையாக இருக்கும் பெற்றோரின் குழந்தையைத் தேர்ந்தெடுக்கிறது. உதாரணத்திற்கு, . markdown-source-view blockquote எடிட் பயன்முறை பலகங்களுக்குள் தொகுதி மேற்கோள்களைத் தேர்ந்தெடுக்கிறது.
வகுப்புகளுக்கு இடையில் ஒரு காலம் இருந்தால், அது 'மற்றும்' உறவைக் காட்டுகிறது. எடுத்துக்காட்டாக, “.programmer.designer” ஐ உள்ளிடுவது, “புரோகிராமர்” மற்றும் “வடிவமைப்பாளர்” இரண்டையும் வகுப்பாகக் கொண்ட கூறுகளைத் தேர்ந்தெடுக்கும்.
காற்புள்ளி என்பது 'அல்லது' லாஜிக் பிரிப்பான். எடுத்துக்காட்டாக, 'blockquote,pre' ஐ உள்ளிடுவது 'blockquote' மற்றும் 'pre' உறுப்புகளை குறிவைக்கிறது.
நீங்கள் குறிப்பிடலாம் CSSக்கான Mozilla இன் வழிகாட்டி , அங்குள்ள பெரும்பாலான தர்க்கங்கள் அப்சிடியனுக்குப் பொருந்தும்.
ஸ்டைலிங் அறிவிப்புகளைச் சேமிக்கிறது
விரிவான தீம்களை உருவாக்கும் போது, அவற்றை VAULT/.obsidian/themes என்பதன் கீழ் சேமிக்கவும். இது தனித்துவமாக பெயரிடப்பட்டு, அப்சிடியனில் அமைப்புகள்> தோற்றம்> தீம் என்பதன் கீழ் காணப்பட வேண்டும். அது கண்டறியப்படவில்லை எனில் 'ரீலோட் தீம்கள்' விருப்பத்தைத் தட்டவும். ஏற்கனவே உள்ள தீமில் மாற்றங்கள் செய்யப்பட்டு சிறியதாக இருந்தால், அவற்றை VAULT/.obsidian/snippets இன் கீழ் சேமிக்கவும்.
CSS துணுக்குகளைப் பயன்படுத்தி அப்சிடியன் தீம்களைத் தனிப்பயனாக்குதல்
அப்சிடியனில் நீங்கள் மாற்றங்களைச் செய்ய அனுமதிக்கும் தீம்கள் உள்ளன. ஒரு நேரத்தில் ஒரு தீம் முயற்சியைத் தொடரலாம் அல்லது DevTool ஐப் பயன்படுத்தி உங்கள் தேவைகளுக்குப் பொருந்தக்கூடிய தனிப்பயனாக்கப்பட்ட CSS ஐ உருவாக்கலாம்.
'CSS துணுக்கைப் பயன்படுத்து' விருப்பத்தைச் சரிபார்க்கவும்
இங்குதான் நீங்கள் தொடங்குகிறீர்கள், மேலும் இது தனிப்பயன் CSS ஐ இயக்குவதாகும். இது அப்சிடியனை குறியீட்டைப் படிக்கவும், பின்னர் இயல்புநிலை பாணியை மேலெழுதவும் அனுமதிக்கிறது. தனிப்பயன் CSS விருப்பத்தை இயக்க கீழே உள்ள படிகள் உதவுகின்றன.
- அப்சிடியன் பயன்பாட்டைத் திறக்கவும்.
- உங்கள் அப்சிடியன் பக்கத்தில் (கீழ் வலதுபுறம்) 'அமைப்புகள்' என்பதற்குச் செல்லவும். இது அமைப்புகள் பக்கத்தைத் திறக்கும்.
- அமைப்புகள் பக்கத்தில் 'தோற்றம்' என்பதைத் தேர்ந்தெடுக்கவும்.
- “தோற்றம்” மெனுவின் கீழே, “சிஎஸ்எஸ் துணுக்கைப் பயன்படுத்து (அடைவு)” விருப்பத்தைச் சரிபார்க்கவும்.
இது, பெட்டகத்தின் ரூட் டைரக்டரியில் இருக்கும் CSS கோப்பில் ஆப்ஸைச் சுட்டிக்காட்டும். இது படிக்கப்பட்டது மற்றும் தனிப்பயன் CSS குறியீடு பயன்படுத்தப்பட்டது. இந்த கட்டத்தில், CSS கோப்பு எதுவும் இல்லை.
CSS துணுக்குகளைப் பயன்படுத்தி அப்சிடியனிலிருந்து அதிகமானவற்றைப் பெறுங்கள்
அப்சிடியன் பல சாத்தியங்களைத் திறக்கிறது. அதிலிருந்து அதிகப் பலன்களைப் பெற, நீங்கள் அதை மிகவும் உற்சாகமான மற்றும் பலனளிக்கும் கூடுதல் ஒன்றை முயற்சிக்க வேண்டும். CSS ஐப் பயன்படுத்தி உங்கள் தீம்களை உருவாக்குவது உங்களுக்குத் தேவையானதாக இருக்கலாம். அவ்வாறு செய்ய, நீங்கள் முதலில் அமைப்புகள் மெனு மூலம் அப்சிடியனில் CSS துணுக்குகளை இயக்க வேண்டும். CSS ஆனது பாணியை மாற்றவும் புதிய மதிப்புகளைச் சேர்க்கவும் உங்களை அனுமதிக்கிறது. CSS துணுக்குகளைப் பயன்படுத்தி நீங்கள் இன்னும் நிறைய சாதிக்கலாம் மற்றும் விளையாடலாம்.
மூடிய தலைப்பை விஜியோ எச்.டி.வி.
நீங்கள் எப்போதாவது அப்சிடியனில் CSS துணுக்குகளைப் பயன்படுத்த முயற்சித்தீர்களா? உங்கள் அனுபவம் என்ன? கீழே உள்ள கருத்துகள் பிரிவில் எங்களுடன் பகிர்ந்து கொள்ளவும்.