ಡ್ರಾಪ್ ಡೌನ್ ಸಿಎಸ್ಎಸ್ ಮೆನುಗಳಲ್ಲಿ ಮಾಡಲು ಹೇಗೆ

ಸೂಚನಾ

ಮೊದಲ, ಒಂದು ಡ್ರಾಪ್ ಡೌನ್ ಮೆನು ಏನು ಅರ್ಥ ಮಾಡಿಕೊಳ್ಳೋಣ. ಈ ಹೇಳಿಕೆಯ ಅಡಿಯಲ್ಲಿ ವಿಭಿನ್ನ ವಿನ್ಯಾಸಗಳನ್ನು ನಿರ್ಮಿಸುವ ವಿವಿಧ ವಿಧಾನಗಳು ಬಹಳಷ್ಟು ಪಡೆಯುತ್ತದೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನಾವು ಹಲವಾರು ನಿರಂತರವಾಗಿ ಕಾಣಬಹುದು ಐಟಂಗಳನ್ನು ಮತ್ತು ಅನೇಕ (ಗುಪ್ತ) ಒಳಗೊಂಡಿರುವ ಒಂದು ರಚನೆ ವಿಶ್ಲೇಷಿಸುತ್ತದೆ. ನ ತತ್ವದೊಂದಿಗೆ ಮುಗಿಸಲು ಮತ್ತು ಅಭ್ಯಾಸ ಆರಂಭಿಸೋಣ.

• ನಾವು ನಮ್ಮ ಮೆನು ವಿನ್ಯಾಸವನ್ನು ರಚಿಸಲು. ಈ HTML ಕೋಡ್ ಲೇಬಲಿಂಗ್ ಮಾಡಲು,. ಅಡಗಿಸಿದ ಪಟ್ಟಿ ರಚಿಸಿ:
  • • < / ಉಲ್>. ಈ ರೀತಿಯ ನಿಮ್ಮ ಬೀಳಿಕೆ ಹೇಗಿರಬೇಕೆಂಬ. ನಂತರ ಮಧ್ಯಪ್ರವೇಶಕ್ಕೆ ಸಿಎಸ್ಎಸ್. ಈ ಸಂದರ್ಭದಲ್ಲಿ ಮುಖ್ಯ ಪಟ್ಟಿ ಸುತ್ತುವರಿದ ಮೂರು ಮುಖ್ಯ ಪ್ರದೇಶಗಳನ್ನು ಮತ್ತು ಎರಡು ಒಳಗೊಂಡಿದೆ.
    • ಉಪ ಮೆನು-ಮರೆಮಾಡಿ. ನಾವು ಒಂದು ಸ್ಟೈಲ್ಶೀಟ್ ಬಳಸಲು ಇದಕ್ಕಾಗಿ, ಈ ಕೆಳಗಿನ ಲಕ್ಷಣಗಳಿಗೆ ವ್ಯಾಖ್ಯಾನಿಸಲು: ಉಲ್ ಉಲ್ {ಪ್ರದರ್ಶನ: ಯಾವುದೂ ಇಲ್ಲ;} ಈ ತೆರೆಯಿಂದ ಎರಡನೇ ಪಟ್ಟಿಯ ಅಂಶಗಳನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ.
    • , ಒಂದು ಮೆನು ಸಿಎಸ್ಎಸ್ ರಚಿಸಿ ಮುಖ್ಯ ಪಟ್ಟಿಯಿಂದ ಸವರಿಕೊಂಡು. ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಕೆಳಗಿನ ನಿಯಮ ಬರೆಯಲು: ಉಲ್ ಲಿ: ಉಲ್ ಮೇಲಿದ್ದು {ಡಿಸೈನ್ HTML}. ಈ ನಮೂದನ್ನು ಯಾವಾಗ ಮೌಸ್ ಮೇಲೆ ಉಲ್ ಪಟ್ಟಿಯಲ್ಲಿ ಇದೆ ಇದು ಅಂಶ ಲಿ, ಪರದೆಯ ಉಲ್ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ ಆಗಿದೆ (ಲಗತ್ತಿಸಲಾಗಿದೆ) ಎಂದರ್ಥ. ಮೊದಲ ನೋಟದಲ್ಲಿ, ಅಂತಹ ಒಂದು ಯೋಜನೆ ಸಂಕೀರ್ಣ ಮತ್ತು ಗೊಂದಲಮಯ ಕಾಣಿಸಬಹುದು. ಆದರೆ ವಾಸ್ತವವಾಗಿ, ಎಲ್ಲವೂ ತುಂಬಾ ಸರಳವಾಗಿದೆ.
    • ಟ್ಯಾಗ್ಗಳು
    • ನಿಮ್ಮ ವಿಷಯವನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ಈ ಲೇಔಟ್ ನೀವೇ ಬಳಸಿ. ನೀವು ಪಟ್ಟಿಯಿಂದ ಅಂಶಗಳ ಸಂಖ್ಯೆಯನ್ನು ಬದಲಾಯಿಸಬಹುದು.

    ಅಲಂಕಾರಿಕ ಬದಲಾವಣೆಗಳನ್ನು

    ತಕ್ಷಣ ಮುಖ್ಯ ಮೆನು ಲೇಔಟ್ ಸಿದ್ಧವಾಗಿದೆ ಎಂದು, ನೀವು ನೋಂದಣಿ ಮುಂದುವರೆಯಲು ಸಾಧ್ಯವಿಲ್ಲ. ಬಹುಶಃ, ಸಿದ್ಧರಿದ್ದಾರೆ ಮೊದಲ ಸ್ಥಾನದಲ್ಲಿ ಅನೇಕ ಪಟ್ಟಿ ಐಟಂ ಸೂಚಿಸುವ ಗುರುತುಗಳು ತೊಡೆದುಹಾಕಲು. ಈ ಏಕೈಕ ಆಸ್ತಿ ಸಿಎಸ್ಎಸ್, ಅವುಗಳೆಂದರೆ ಪಟ್ಟಿ ಶೈಲಿಯ ಮಾದರಿಯ ಬಳಸಿ ಮಾಡಲಾಗುತ್ತದೆ. ಲಿ {ಪಟ್ಟಿ ಶೈಲಿಯ ಮಾದರಿಯ:: ಯಾವುದೂ ಇಲ್ಲ;} ನೀವು ಕೆಳಗಿನ ಪ್ರವೇಶ ಸೇರಿಸುವ ಅಗತ್ಯವಿದೆ. ನಂತರ ನೀವು ಫ್ರೇಮ್ ಸೇರಿಸಲು ಮತ್ತು ಮಾಡಬಹುದು ಹಿನ್ನೆಲೆ. ಗಡಿ ಮತ್ತು ಹಿನ್ನೆಲೆ ಈ ನಿಮಗೆ ಸಹಾಯ. ಬಹುಶಃ ಕೆಲವು ಪುಲ್ ಡೌನ್ ಮೆನು ಅದೇ ಅಂಶಗಳ ತಳ್ಳುವುದು, ಹೆಚ್ಚುವರಿ ಪಟ್ಟಿಯಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ ಇಷ್ಟವಾಗದು. ಇದನ್ನು ಸರಿಪಡಿಸಲು, ನೀವು ಸ್ಥಾನಗಳನ್ನು ಮಾಡಬಹುದು. ಇದನ್ನು ಮಾಡಲು, ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಕೆಳಗಿನ ಪ್ರವೇಶ ಬರೆಯಲು: ಉಲ್ ಉಲ್ {ಸ್ಥಾನ: ಸಂಪೂರ್ಣ; ಎಡ: 15px; ಬಲ: 15px; ಟಾಪ್: 15px; ಕೆಳಗೆ: 15px;}. ಸಹಜವಾಗಿ, ಮೌಲ್ಯಗಳು ನೀವು ನಿಮ್ಮ ಸ್ವಂತ ಬಳಸುತ್ತದೆ. ನೀವು ಬೀಳಿಕೆ ಮೆನುಗಳಲ್ಲಿ ನೋಡಲು ಎಲ್ಲಿ ಅವಲಂಬಿಸಿ, ಸಿಎಸ್ಎಸ್ ವಿವಿಧ ಪರಿಣಾಮಗಳನ್ನು ಸೇರಿಸಿ ಮತ್ತು ನಮ್ಮ ಪಟ್ಟಿಗಳನ್ನು ಅಲಂಕರಿಸಲು ಹೆಚ್ಚು ಹಲವಾರು ಲಕ್ಷಣಗಳನ್ನು ನೀಡುತ್ತದೆ.

    ತೀರ್ಮಾನಕ್ಕೆ

    ಮತ್ತೊಮ್ಮೆ ಇದು ಮೆನು ವಿನ್ಯಾಸ ನಿರ್ಮಾಣ ಗಮನಿಸಬೇಕು. ಉದಾಹರಣೆಗೆ, ಈ ಸಂದರ್ಭದಲ್ಲಿ ಎಂಬೆಡೆಡ್ ಮೌಲ್ಯವನ್ನು ಬಳಸಲಾಗುತ್ತದೆ ಸಿಎಸ್ಎಸ್ ನಿಯಮಗಳು ನಿಯೋಜಿಸಲು, ಉಲ್ ಉಲ್. ನೀವು ಇತರ ರೀತಿಯ ರಚನೆಯನ್ನು ಪೂರೈಸಲು ಡಾಕ್ಯುಮೆಂಟ್ ಇದ್ದರೆ, ದೊಡ್ಡ ಸಮಸ್ಯೆಗಳು ಇರಬಹುದು. ಈ ಸಂದರ್ಭಗಳಲ್ಲಿ, ನೀವು ಉದಾಹರಣೆಗೆ, ಆಯ್ಕೆ ಅಥವಾ ಐಡಿ-ID ಗಳು, ನಿರ್ದಿಷ್ಟ ಉದ್ದೇಶಕ್ಕಾಗಿ ಬಳಸಬೇಕಾಗುತ್ತದೆ. ಮೇಲಿನ ಲೇಖನದಲ್ಲಿ ಲೇಔಟ್ ಬೀಳಿಕೆ ವಿನ್ಯಾಸವನ್ನು ಪರಿಚಯ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ಕೆಲಸದ ಉಳಿದ ನಿಮ್ಮ ಹೆಗಲ ಮೇಲೆ ನಿಂತಿದೆ.