ಲಂಬ ಸಿಎಸ್ಎಸ್ ಮೆನು: ಇದು ನಿಮ್ಮನ್ನು ಮಾಡುವ

ಕೆಲವು ವೆಬ್ ಪರಿಣಿತರು ಈಗಾಗಲೇ ಇರುವ ಮೊದಲಿನಿಂದ ಸರಳ ಅಂಶಗಳನ್ನು ಅಭಿವೃದ್ಧಿ ಹೊಂದುತ್ತಿರುವ ಸಮಯ ಕಳೆಯಲು ಬಯಸುವುದಿಲ್ಲ. ಅವರು ಸುದೀರ್ಘ ಕಂಡುಬಂದಿದೆ ಎಂದು ಏನಾದರೂ ನಿಮ್ಮ ಸಮಯ ಕ್ಷೀಣಿಸು ಇರುವುದಿಲ್ಲ ಎಂದು ನಂಬುತ್ತಾರೆ. ವಾಸ್ತವವಾಗಿ, ಕೇವಲ HTML ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಮಾಸ್ಟರಿಂಗ್ ಯಾರು, ಇದು ಪ್ರಮುಖ ತಮ್ಮ ಕೆಲಸದ ಒಂದು ಉತ್ತಮ ಗ್ರಹಣವನ್ನು ಪಡೆಯುವುದು ನಿಮ್ಮನ್ನು ವಸ್ತುಗಳ ಬಹಳಷ್ಟು ಮಾಡುವುದು. ಈ ಮೆನು ಅನ್ವಯಿಸುತ್ತದೆ. ಲಂಬವಾದ ಸಿಎಸ್ಎಸ್ ಮೆನುಗಳಲ್ಲಿ ರಚಿಸಿ. ಇದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು JQuery ಬಳಸದೆ, ಕೇವಲ HTML ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಆಧರಿಸಿ ನಡೆಯಲಿದೆ. ಪ್ರತಿ ಮೆನು ಸೈಟ್ ಪುಟಗಳಲ್ಲಿ ಕಾರಣವಾಗುವ ಕೊಂಡಿಗಳು ಪಟ್ಟಿ.

ಮೂಲ ಹಂತಗಳನ್ನು

ಸರಳ ರಚಿಸಲು ಲಂಬ ಮೆನು ಸಿಎಸ್ಎಸ್, ಮುಂದಿನ ಕ್ರಮಗಳನ್ನು ಅಗತ್ಯವಿದೆ:

1. ಮೊದಲ, ಮೆನು ಇರುತ್ತದೆ ಇದು ಕೊಂಡಿಗಳು (ಕೋಡ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಬಳಸಿಕೊಂಡು), ಪಟ್ಟಿಯನ್ನು ನಿರ್ಧರಿಸಲು. ಅವುಗಳನ್ನು, ಹೆಸರನ್ನು ನೀಡಿ ಉದಾಹರಣೆಗೆ, ಕೆಳಕಂಡಂತಿವೆ:

1. ಮುಖಪುಟ.
2. ನಮ್ಮ ಇತಿಹಾಸ.
3. ಗೈಡ್.
4. ಸೇವೆಗಳು.
5. ಸಂಪರ್ಕಗಳು.

ನೀವು ಸಿಎಸ್ಎಸ್ ಸಹಾಯದಿಂದ ಇಚ್ಚೆಯಂತೆ 2. ನಂತರ ಕೊಂಡಿಗಳು ವಿನ್ಯಾಸಗಾರಿಕೆಯ.

ನಾವು ಬರೆಯಲು , HTML ಕೋಡ್ my_Vmenu.html ಕಡತದಲ್ಲಿ ಇರಿಸಿಕೊಳ್ಳಲು ಮತ್ತು ಇದು ಬ್ರೌಸರ್ನಲ್ಲಿ ಕಾಣಿಸುವುದು ನೋಡಿ:

ಈ ಆಧಾರದಲ್ಲಿ (ಅಸ್ಥಿಪಂಜರ) ನಮ್ಮ ಮೆನು ಹೊಂದಿದೆ. # 1, # 2, ಇತ್ಯಾದಿ ಉಲ್ಲೇಖವು ಬದಲಾಯಿಸಿ. ಇದು ಒಂದು ಬ್ರೌಸರ್ನಲ್ಲಿ ನೋಡಿದ. ನೀವು ಮಾಡುವುದಿಲ್ಲ ಚಿತ್ರ. ಈಗ ನಾವು ಒಂದು ಸಂಪೂರ್ಣ ಲಂಬ ಸಿಎಸ್ಎಸ್ ಮೆನುಗಳಲ್ಲಿ ಮಾಡಲು, ಶೈಲಿ ಅಂಶಗಳನ್ನು ವಿವರಿಸಲು ಆರಂಭವಾಗಬೇಕು.

ವಿವರಣೆ ಶೈಲಿಗಳು

ನೀವು ಸೈಟ್ ಇಂತಹ ಒಂದು ಮುಖ್ಯ ಸೊಬಗು ಬಯಸುವ ಎಲ್ಲವೂ ಸೆಟ್ ಒಂದು ಕಡತ my_Vmenu.css ರಚಿಸಿ. ಇಲ್ಲಿ ಪರಿಚಯ ಲಂಬ ಸಿಎಸ್ಎಸ್ ಮೆನುಗಳಲ್ಲಿ ಪುನಶ್ಚೇತನಗೊಳಿಸುವ ಕಾಣಿಸುತ್ತದೆ ಕೋಡ್ ಆಗಿದೆ. ಇದು ಮತ್ತು ಹೊಸ ಕಡತ ಬರೆಯಲು, ಮತ್ತು ನಂತರ ನಾವು ಕರೆದೊಯ್ಯಲಿದ್ದೇವೆ ಹತ್ತಿರದ ನೀಡಲಾಗುತ್ತದೆ ಎಂದು ಮುಖ್ಯ ಮಾರ್ಗಗಳು ಅರ್ಥವನ್ನು ನೋಡಿ.

ವಿಸ್ತೃತ ವಿವರಣೆ ಬಳಸಲಾಗುತ್ತದೆ ಸ್ಟೈಲ್ಶೀಟ್

ಈಗ ನಮ್ಮ ಸಿಎಸ್ಎಸ್ ಲಂಬ ಮೆನು ವಿವರಗಳನ್ನು ಪರಿಗಣಿಸಲು:

ಪಟ್ಟಿ ಶೈಲಿಯ ಮಾದರಿಯ ನೀವು ಗುರುತುಗಳು ಪಟ್ಟಿ ತೆಗೆದುಹಾಕಲು ಅವಕಾಶ ನೀಡುತ್ತದೆ. "0" ಸೆಟ್ಟಿಂಗ್ ಅಂಚು ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ ಬೈ ಪಟ್ಟಿಯಲ್ಲಿ ಹೆಚ್ಚುವರಿ ಪ್ಯಾಡಿಂಗ್ ತೆಗೆದುಹಾಕಿ. HTML ಕೋಡ್ ನೋಡಬಹುದು, ನಮ್ಮ ಮೆನು ಪಟ್ಟಿ ಮತ್ತು ಶೈಲಿಗಳು ಸಿಎಸ್ಎಸ್ ಬಳಸಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ.

ಉಲ್ # my_Vmenu - ಸಂಪೂರ್ಣ ಪಟ್ಟಿಯ ಒಟ್ಟಾರೆ ಶೈಲಿ.

ಉಲ್ # my_Vmenu ಲಿ ಒಂದು - ಟ್ಯಾಗ್ ಲಿ ನಡುವೆ ಶೈಲಿ ಕೊಂಡಿಗಳು.

ಉಲ್ # my_Vmenu ಲಿ ಒಂದು: ಹೋವರ್ - ಒಂದು ಜನರು ಸುಳಿದಾಡುತ್ತದೆ ಸಮಯದಲ್ಲಿ ಮೆನು ಐಟಂಗಳನ್ನು ಪರಿಶೀಲನೆಯಲ್ಲಿದೆ ರೀತಿಯ ಒಂದು ವಿವರಣೆ.

ಉಲ್ # my_Vmenu ಲಿ ಸ್ಪ್ಯಾನ್ - ಪಠ್ಯ ವಿವರಣೆ (ಶೀರ್ಷಿಕೆ ಮೆನು).

ಆ ಫೈಲ್ಗಳನ್ನು my_Vmenu.css my_Vmenu.html ಮತ್ತು ಅದೇ ಕೋಶದಲ್ಲಿನ ಸಂರಕ್ಷಿಸಲ್ಪಟ್ಟ ಮಾಡಬೇಕು ನೆನಪಿಡಿ. ಆದಾಗ್ಯೂ, ಅವರು ವಿವಿಧ ಫೋಲ್ಡರ್ಗಳಲ್ಲಿ ಇದೆ ಮಾಡಬಹುದು, ಆದರೆ ನಂತರ my_Vmenu.html ಫೈಲ್ ಹಾದಿ my_Vmenu.css ಗೆ ನೋಂದಣಿ ಮುಖ್ಯ. ಈ ಸಮಸ್ಯೆಗೆ ಹೊಸಬರನ್ನು, ಪರಸ್ಪರ ಎಚ್ಚರಿಕೆಯಿಂದಿರಿ.

ಶೈಲಿ ಒಂದು HTML ಕಡತದಲ್ಲಿ ತಲೆ ಟ್ಯಾಗ್ಗಳು ನಡುವೆ ಸಂಪರ್ಕ ಮಾಡಬೇಕು. menu_1.png ಮತ್ತು menu_2.png - ಈ ಸಾಮಾನ್ಯ ರಾಜ್ಯ ಮತ್ತು ಹೂವರ್ ಚಿತ್ರ ಮೆನು ಐಟಂ ಚಿತ್ರ.

ಇದು, ಚಿತ್ರಗಳು ಪ್ರತ್ಯೇಕ ಫೋಲ್ಡರ್ನಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಉಳಿಸಲು ಇದು my_images ಹೆಸರಿಸಲು, ಆದರೆ ನಂತರ ಸಿಎಸ್ಎಸ್ ಕೋಡ್ ಹೊಂದಿಸಿ ಉತ್ತಮ. ಈ ಚಿತ್ರಗಳನ್ನು ಅಲ್ಲಿ ತೋರಿಸಲಾಗಿದೆ ಬರೆಯಿರಿ, ಅವರು ಈ ಕೋಶದಲ್ಲಿ ಇರುತ್ತದೆ: URL (my_images / menu_1.png) ಮತ್ತು URL (my_images / menu_2.png).

ಸಿಎಸ್ಎಸ್ ಕೋಡ್ ವಿವರಿಸಲಾಗಿದೆ ಗುಣಗಳನ್ನು ಉಳಿದ, ಸುಲಭವಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು. ಅವರು ನಮ್ಮ ಮೆನು ನೋಟವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು. ನೀವು ಮೇಲೆ ಮೌಸ್ ಮೇಲಿದ್ದು ಮಾಡಿದಾಗ ಅಗಲ ಮತ್ತು ಐಟಂಗಳ ಎತ್ತರ ಸಹಜ ಸ್ಥಿತಿಯಲ್ಲಿ ಅದೇ ಐಟಂಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಗಮನಕ್ಕೆ ಸುಲಭ, ಮತ್ತು. ಫಾಂಟ್ ಗಾತ್ರ 18px, ಪ್ಯಾಡಿಂಗ್ ಸ್ಥಳದ ಹೆಸರುಗಳ ವಿವಿಧ ಕಡೆ ಇಂಡೆಂಟೇಷನ್ ಸೂಚಿಸುತ್ತದೆ. ಪ್ರದರ್ಶನ ನೀವು ಅಗಲ ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ ಹೊಂದಿಸಲು ಪ್ರದರ್ಶನ ಘಟಕ ಹೊಂದಿಸಲು ಅನುಮತಿಸುತ್ತದೆ.

ನಮ್ಮ ಲಂಬ ಮೆನು

ನೀವು ನೋಡಬಹುದು ಎಂದು, ಸುಲಭವಾಗಿ ರಚಿಸಲು ಲಂಬ ಸಿಎಸ್ಎಸ್ ಮೆನುಗಳಲ್ಲಿ. ಜ್ಞಾನದ ದತ್ತಾಂಶದ ಆಧಾರದ ಮೇಲೆ ನೀವು ಸುಂದರ ಮತ್ತು ನಿಮ್ಮ ವೆಬ್ ಸೈಟ್ಗೆ ಭೇಟಿ ಆಕರ್ಷಕ ಮಾಡಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ! ನಿಮ್ಮ ಸೈಟ್ ಪೂರಕವಾಗಿ ನಿಮ್ಮ ಕಲ್ಪನೆ, ಮತ್ತು ನಂತರ ಒಂದು ಸೊಗಸಾದ ಮೆನುವನ್ನು ಬಳಸಿ.