ಒಂದು ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶಿ
ನಿಮ್ಮ ನ್ಯಾವಿಗೇಷನ್ ಮೆನುವು ಅಡ್ಡಲಾಗಿ ಅಡ್ಡಲಾಗಿರುವ ಲಂಬವಾದ ಅಡ್ಡಸಾಲು ಅಥವಾ ಲಂಬವಾದ ಅಡ್ಡಸಾಲಿನಲ್ಲಿದೆ, ಇದು ಇನ್ನೂ ಕೇವಲ ಪಟ್ಟಿ. ವೆಬ್ ನ್ಯಾವಿಗೇಶನ್ ಅನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವಾಗ, ನ್ಯಾವಿಗೇಷನ್ ಮೆನುವು ವೈಭವೀಕರಿಸಿದ ಲಿಂಕ್ಗಳ ಗುಂಪು ಎಂದು ಮರೆತುಕೊಳ್ಳುವುದು ಸುಲಭವಾಗಿದೆ. ಆದರೆ ನೀವು XHTML + CSS ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ನ್ಯಾವಿಗೇಶನ್ ಅನ್ನು ಪ್ರೋಗ್ರಾಂ ಮಾಡಿದರೆ, (XHTML) ಡೌನ್ಲೋಡ್ ಮಾಡಲು ಚಿಕ್ಕದಾದ ಮೆನುವನ್ನು (CSS) ಕಸ್ಟಮೈಸ್ ಮಾಡಲು ಸುಲಭವಾಗಿಸಬಹುದು.
ಶುರುವಾಗುತ್ತಿದೆ
ಸಂಚರಣೆಗಾಗಿ ಪಟ್ಟಿಯನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲು, ನೀವು ಪಟ್ಟಿಯನ್ನು ಬಳಸಬೇಕಾಗುತ್ತದೆ.
ಇದು ಸಂಕೇತವಾಗಿ ಗುರುತಿಸಲ್ಪಟ್ಟಿರುವ ಒಂದು ಪ್ರಮಾಣಿತ ಅನಿಯಮಿತ ಪಟ್ಟಿಯಾಗಿರಬಹುದು:
ನೀವು ಎಚ್ಟಿಎಮ್ಎಲ್ನಲ್ಲಿ ನಿಕಟವಾಗಿ ನೋಡಿದರೆ, "ಹೋಮ್" ಲಿಂಕ್ ಸಹ ನೀವು ಇಲ್ಲಿನ ಐಡಿಯನ್ನು ಹೊಂದಿರುವಿರಿ ಎಂದು ಗಮನಿಸಬಹುದು. ಇದು ನಿಮ್ಮ ಓದುಗರಿಗೆ ಪ್ರಸ್ತುತ ಸ್ಥಳವನ್ನು ಗುರುತಿಸುವ ಮೆನುವನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಇದೀಗ ನಿಮ್ಮ ಸೈಟ್ನಲ್ಲಿ ಆ ರೀತಿಯ ದೃಶ್ಯ ದೃಶ್ಯವನ್ನು ಹೊಂದಿರುವ ಯೋಜನೆಯನ್ನು ನೀವು ಯೋಜಿಸದಿದ್ದರೂ, ಆ ಮಾಹಿತಿಯನ್ನು ನೀವು ಸೇರಿಸಿಕೊಳ್ಳಬಹುದು. ನೀವು ನಂತರ ಕ್ಯೂ ಸೇರಿಸಲು ನಿರ್ಧರಿಸಿದರೆ, ನಿಮ್ಮ ಸೈಟ್ ಅನ್ನು ತಯಾರಿಸಲು ನೀವು ಕಡಿಮೆ ಕೋಡಿಂಗ್ ಮಾಡಬೇಕಾಗುತ್ತದೆ.
ಯಾವುದೇ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯನ್ನು ಇಲ್ಲದೆ, ಈ XHTML ಮೆನು ಪ್ರಮಾಣಿತ unordered ಪಟ್ಟಿ ತೋರುತ್ತಿದೆ. ಬುಲೆಟ್ಗಳು ಇವೆ ಮತ್ತು ಪಟ್ಟಿ ಐಟಂಗಳನ್ನು ಸ್ವಲ್ಪ ಇಂಡೆಂಟ್ ಮಾಡಲಾಗಿದೆ. ಏಕೆಂದರೆ ನಾನು ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ ಲಿಂಕ್ಗಳನ್ನು ಬಳಸುತ್ತಿದ್ದೇನೆ, ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳು ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ ಲಿಂಕ್ಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವುದಿಲ್ಲ (ಅಂಡರ್ಲೈನ್ ಮತ್ತು ನೀಲಿ). ಮೇಲಿನ HTML ನಲ್ಲಿ ನೀವು ವೆಬ್ ಪುಟದಲ್ಲಿ ಅಂಟಿಸಿ, ನಿಮ್ಮ ನ್ಯಾವಿಗೇಶನ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ:
- ಮುಖಪುಟ
- ಉತ್ಪನ್ನಗಳು
- ಸೇವೆಗಳು
- ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ
ಇದು ಬಹಳ ನೀರಸ ಮತ್ತು ಮೆನುವಿನಂತೆ ಕಾಣುತ್ತಿಲ್ಲ. ಆದರೆ ಕೆಲವೊಂದು ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳೊಂದಿಗೆ ಪಟ್ಟಿಗೆ ಸೇರಿಸಲಾಗಿದೆ, ನೀವು ಹೆಮ್ಮೆಪಡುವಂತಹ ಮೆನುವನ್ನು ರಚಿಸಬಹುದು.
ಲಂಬ ನ್ಯಾವಿಗೇಷನ್ ಮೆನು
ಲಂಬ ಸಂಚರಣೆ ಮೆನು ಬರೆಯಲು ಸುಲಭವಾಗಿದೆ ಏಕೆಂದರೆ ಇದು ಸಾಮಾನ್ಯ ಪಟ್ಟಿಯಂತೆ ಪ್ರದರ್ಶಿಸುತ್ತದೆ: ಮೇಲ್ಮುಖವಾಗಿ ಮತ್ತು ಕೆಳಗೆ.
ಪಟ್ಟಿಯ ಐಟಂಗಳು ಪುಟವನ್ನು ಲಂಬವಾಗಿ ಕೆಳಗೆ ತೋರಿಸುತ್ತವೆ.
ನಾನು ಮೆನುಗಳಲ್ಲಿ ವಿನ್ಯಾಸ ಮಾಡುತ್ತಿರುವಾಗ, ನಾನು ಹೊರಭಾಗದಲ್ಲಿ ಪ್ರಾರಂಭಿಸಲು ಮತ್ತು ಕೆಲಸ ಮಾಡಲು ಬಯಸುತ್ತೇನೆ. ಇದರ ಮೂಲಕ, ನಾನು ಮೊದಲ ಶೈಲಿಯು ಉಲ್ # ನ್ಯಾವಿಗೇಷನ್ ಮತ್ತು ನಂತರ ಲಿ ಅಂಶಗಳಿಗೆ ಮತ್ತು ನಂತರ ಲಿಂಕ್ಗಳಿಗೆ ತೆರಳಲು ಬಯಸುತ್ತೇನೆ, ಆದ್ದರಿಂದ ಈ ಮೆನುಗಾಗಿ, ಮೊದಲು ನೀವು ಮೆನು ಅಗಲವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು. ಮೆನು ಐಟಂಗಳು ಸುದೀರ್ಘವಾಗಿದ್ದರೂ ಸಹ, ಅವು ಉಳಿದ ವಿನ್ಯಾಸವನ್ನು ತಳ್ಳಲು ಅಥವಾ ಸಮತಲ ಸ್ಕ್ರೋಲಿಂಗ್ಗೆ ಕಾರಣವಾಗುವುದಿಲ್ಲ ಎಂದು ಇದು ಖಚಿತಪಡಿಸುತ್ತದೆ.
ಉಲ್ # ನ್ಯಾವಿಗೇಷನ್ {ಅಗಲ: 12 ಎಮ್; }
ಒಮ್ಮೆ ನಾನು ಅಗಲ ಸೆಟ್ ಅನ್ನು ಪಡೆದುಕೊಂಡಿದ್ದೇನೆ, ನಾನು ಪಟ್ಟಿ ಐಟಂಗಳೊಂದಿಗೆ ಪ್ಲೇ ಮಾಡಬಹುದು. ಇದು ನನಗೆ (ಗುಂಡುಗಳನ್ನು ತೊಡೆದುಹಾಕಲು), ಹಿನ್ನಲೆ ಬಣ್ಣಗಳು, ಗಡಿಗಳು, ಪಠ್ಯ ಜೋಡಣೆ ಮತ್ತು ಅಂಚುಗಳನ್ನು ಹೊಂದಿಸಲು ವಿಷಯಗಳನ್ನು ಅನುಮತಿಸುತ್ತದೆ.
ಉಲ್ # ಸಂಚರಣೆ li {
ಪಟ್ಟಿ-ಶೈಲಿ: ಯಾವುದೂ ಇಲ್ಲ;
ಹಿನ್ನೆಲೆ ಬಣ್ಣ: # 039;
ಗಡಿ-ಮೇಲಿನ: ಘನ 1px # 039;
text-align: left;
ಅಂಚು: 0;
}
ಒಮ್ಮೆ ಪಟ್ಟಿಗಳ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ನೀವು ಹೊಂದಿಸಿದ ನಂತರ, ನೀವು ಲಿಂಕ್ಗಳ ಪ್ರದೇಶದಲ್ಲಿ ಮೆನ್ಯು ಹೇಗೆ ಕಾಣುತ್ತದೆ ಎಂಬುದರೊಂದಿಗೆ ಆಟವಾಡುವುದನ್ನು ಪ್ರಾರಂಭಿಸಬಹುದು. ಮೊದಲ ಶೈಲಿ UL # ಸಂಚರಣೆ LI A ಮತ್ತು ನಂತರ A: ಲಿಂಕ್, A: ಭೇಟಿ, ಎ: ಹೋವರ್, ಮತ್ತು A: ಸಕ್ರಿಯ (ನೀವು ಬಯಸಿದರೆ). ಲಿಂಕ್ಗಳಿಗಾಗಿ, ಲಿಂಕ್ಗಳನ್ನು ಬ್ಲಾಕ್ ಅಂಶವನ್ನಾಗಿ ಮಾಡಲು ನಾನು ಬಯಸುತ್ತೇನೆ (ಇನ್-ಡೀಫಾಲ್ಟ್ ಅನ್ನು ಹೊರತುಪಡಿಸಿ). ಇದು ಲಿ ನ ಸಂಪೂರ್ಣ ಸ್ಥಳವನ್ನು ತೆಗೆದುಕೊಳ್ಳಲು ಒತ್ತಾಯಿಸುತ್ತದೆ ಮತ್ತು ಅವು ಹೆಚ್ಚು ಪ್ಯಾರಾಗ್ರಾಫ್ನಂತೆ ವರ್ತಿಸುತ್ತವೆ, ಅದು ಮೆನು ಬಟನ್ಗಳಂತೆ ಶೈಲಿಯನ್ನು ಸುಲಭಗೊಳಿಸುತ್ತದೆ. ನಾನು ಯಾವಾಗಲೂ ಮಾಡುವ ಇತರ ವಿಷಯವೆಂದರೆ ಅಂಡರ್ಲೈನ್ (ಪಠ್ಯ-ಅಲಂಕರಣ: ಯಾವುದೂ ಇಲ್ಲ;), ಇದರಿಂದಾಗಿ ಬಟನ್ಗಳು ನನಗೆ ಹೆಚ್ಚು ಬಟನ್ಗಳಂತೆ ಕಾಣುವಂತೆ ಮಾಡುತ್ತದೆ.
ಆದರೆ ಸಹಜವಾಗಿ, ನಿಮ್ಮ ವಿನ್ಯಾಸ ವಿಭಿನ್ನವಾಗಿರಬಹುದು.
ಉಲ್ # ಸಂಚರಣೆ ಒಂದು {
ಪ್ರದರ್ಶಿಸು: ನಿರ್ಬಂಧಿಸು;
ಪಠ್ಯ-ಅಲಂಕಾರ: ಯಾವುದೂ ಇಲ್ಲ;
ಪ್ಯಾಡಿಂಗ್: .25 ಎಮ್;
ಗಡಿ-ಕೆಳಗೆ: ಘನ 1px # 39f;
ಗಡಿ-ಬಲ: ಘನ 1px # 39f;
}
ಪ್ರದರ್ಶನದೊಂದಿಗೆ: ಬ್ಲಾಕ್; ಲಿಂಕ್ಗಳನ್ನು ಹೊಂದಿಸಿ, ಮೆನು ಐಟಂನ ಸಂಪೂರ್ಣ ಪೆಟ್ಟಿಗೆಯು ಅಕ್ಷರಗಳು ಮಾತ್ರವಲ್ಲ, ಕ್ಲಿಕ್ ಮಾಡಬಲ್ಲದು. ಇದು ಉಪಯುಕ್ತತೆಗೆ ಸಹ ಒಳ್ಳೆಯದು. ಡೀಫಾಲ್ಟ್ ನೀಲಿ, ಕೆಂಪು ಮತ್ತು ನೇರಳೆ ಬಣ್ಣದಿಂದ ಭಿನ್ನವಾಗಿರಲು ನೀವು ಬಯಸಿದರೆ ಲಿಂಕ್ ಬಣ್ಣಗಳನ್ನು (ಲಿಂಕ್, ಭೇಟಿ, ಹೂವರ್ ಮತ್ತು ಸಕ್ರಿಯ) ಹೊಂದಿಸಲು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ.
a: ಲಿಂಕ್, ಎ: ಭೇಟಿ {ಬಣ್ಣ: #fff; }
a: ಹೂವರ್, ಎ: ಸಕ್ರಿಯ {color: # 000; }
ನಾನು ಹಿನ್ನಲೆ ಬಣ್ಣವನ್ನು ಬದಲಿಸುವ ಮೂಲಕ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಗಮನವನ್ನು ನೀಡಲು ಇಷ್ಟಪಡುತ್ತೇನೆ.
a: ಹೂವರ್ {background-color: #fff; }
ನೀವು ಲಂಬ ಮೆನುಗಳ ಹೆಚ್ಚಿನ ಉದಾಹರಣೆಗಳನ್ನು ಬಯಸಿದರೆ, ಕೆಳಗಿನ ಪಟ್ಟಿಯನ್ನು ನೋಡಿ.
- ಒಂದು ಶೈಲಿಯ ಲಂಬ ಮೆನು
- ಮೂಲ ಲಂಬ ಮೆನು ಟೆಂಪ್ಲೇಟು
- ನಿಮ್ಮೊಂದಿಗೆ ಒಂದು ಶೈಲಿಯ ಲಂಬ ಮೆನು ಇಲ್ಲಿದೆ
- ನೀವು ಹೊಂದಿರುವ ಮೂಲಭೂತ ಲಂಬ ಮೆನು ಟೆಂಪ್ಲೇಟ್ ಇಲ್ಲಿದೆ
ಅಡ್ಡ ನ್ಯಾವಿಗೇಶನ್ ಮೆನು
ಸಮತಲ ನ್ಯಾವಿಗೇಷನ್ ಮೆನುಗಳನ್ನು ರಚಿಸುವುದರಿಂದ ಲಂಬವಾದ ಸಂಚರಣೆ ಮೆನುಗಳಿಗಿಂತ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಕಷ್ಟವಾಗುತ್ತದೆ ಏಕೆಂದರೆ HTML ಪಟ್ಟಿಗಳು ಲಂಬವಾಗಿ ಪ್ರದರ್ಶಿಸಲು ಆದ್ಯತೆ ನೀಡುವುದನ್ನು ನೀವು ಸರಿದೂಗಿಸಬೇಕು. ಸಮತಲ ಮೆನುವಿನಂತೆ, ಮೊದಲು ನಿಮ್ಮ ಸಂಚರಣೆ ಮೆನು ಪಟ್ಟಿಯನ್ನು ರಚಿಸಿ:
ಸಮತಲ ಮೆನುವನ್ನು ರಚಿಸಲು, ನೀವು ಲಂಬ ಮೆನುವಿನೊಂದಿಗೆ ಮಾಡಿದಂತೆಯೇ ಅದೇ ಕೆಲಸ ಮಾಡಿ. ಹೊರಗಡೆ ಪ್ರಾರಂಭಿಸಿ ಮತ್ತು ಕೆಲಸ ಮಾಡಿ. ಎಡ ಮೂಲೆಯಲ್ಲಿ ನನ್ನ ಸಂಚರಣೆ ಪ್ರಾರಂಭವಾಗಲು ನಾನು 0 ಎಡ ಅಂಚು ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ಹೊಂದಿದ್ದೇನೆ ಮತ್ತು ನಾನು ಅದನ್ನು ಎಡಕ್ಕೆ ತೇಲುತ್ತೇನೆ. ಅಗಲವನ್ನು ಹೊಂದಿಸುವ ಅಭ್ಯಾಸದಲ್ಲಿ ಸಹ ನೀವು ಪಡೆಯಬೇಕು, ಆದ್ದರಿಂದ ನೀವು ಬಯಸಿದಲ್ಲಿ ನಿಮ್ಮ ಮೆನು ಹೆಚ್ಚು ಅಥವಾ ಕಡಿಮೆ ಜಾಗವನ್ನು ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ. ಸಮತಲ ಮೆನುಗಳಿಗೆ, ಇದು ಸಾಮಾನ್ಯವಾಗಿ ವಿನ್ಯಾಸದ ಸಂಪೂರ್ಣ ಅಗಲವಾಗಿರುತ್ತದೆ. ನಾನು ಸುಲಭವಾಗಿ ಓದುವಂತೆ ಮಾಡಲು ಸಂಪೂರ್ಣ ಪಟ್ಟಿಗೆ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಸೇರಿಸಿದೆ.
ಉಲ್ # ಸಂಚರಣೆ {
ಫ್ಲೋಟ್: ಎಡ;
ಅಂಚು: 0;
ಪ್ಯಾಡಿಂಗ್: 0;
ಅಗಲ: 100%;
ಹಿನ್ನೆಲೆ ಬಣ್ಣ: # 039;
}
ಆದರೆ ಅಡ್ಡಲಾಗಿರುವ ನ್ಯಾವಿಗೇಷನ್ ಮೆನುವಿನ ರಹಸ್ಯವು ಪಟ್ಟಿ ಅಂಶಗಳಲ್ಲಿದೆ. ಪಟ್ಟಿ ಐಟಂಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಬ್ಲಾಕ್ ಅಂಶಗಳಾಗಿವೆ, ಅಂದರೆ ಅವುಗಳು ಪ್ರತಿಯೊಂದಕ್ಕೂ ಮೊದಲು ಮತ್ತು ನಂತರದ ಹೊಸ ಲೈನ್ ಅನ್ನು ಹೊಂದಿರುತ್ತದೆ. ಪ್ರದರ್ಶನದಿಂದ ಬ್ಲಾಕ್ನಿಂದ ಇನ್ಲೈನ್ಗೆ ಬದಲಿಸುವ ಮೂಲಕ, ಪಟ್ಟಿಯ ಅಂಶಗಳನ್ನು ಒಂದಕ್ಕೊಂದು ಅಡ್ಡಲಾಗಿ ಸಮತಲವಾಗಿರುವಂತೆ ಒತ್ತಾಯಿಸಿ.
ಉಲ್ # ನ್ಯಾವಿಗೇಷನ್ ಲಿ {ಪ್ರದರ್ಶನ: ಇನ್ಲೈನ್; }
ಅದೇ ಬಣ್ಣಗಳು ಮತ್ತು ಪಠ್ಯ ಅಲಂಕರಣದೊಂದಿಗೆ ನಾನು ಲಂಬ ಸಂಚರಣೆ ಮೆನುವಿನಲ್ಲಿ ಅವರನ್ನು ಚಿಕಿತ್ಸೆ ನೀಡಿದ್ದೇನೆ ಎಂದು ನಾನು ಭಾವಿಸಿದೆ. ಗುಂಡಿಗಳನ್ನು ಒಗ್ಗೂಡಿಸಿದಾಗ ನಾನು ಬಟನ್ಗಳನ್ನು ವಿವರಿಸಲು ಒಂದು ಉನ್ನತ ಗಡಿ ಸೇರಿಸಿದೆ. ನಾನು ತೆಗೆದುಹಾಕಿದ್ದ ಏಕೈಕ ವಸ್ತು ಪ್ರದರ್ಶನ: ಬ್ಲಾಕ್; ಅದು ಹೊಸ ಸಾಲುಗಳನ್ನು ಮರಳಿ ಇರಿಸಿ ಅಡ್ಡಲಾಗಿರುವ ಮೆನುವನ್ನು ನಾಶ ಮಾಡುತ್ತದೆ.
ಉಲ್ # ಸಂಚರಣೆ ಒಂದು {
ಪಠ್ಯ-ಅಲಂಕಾರ: ಯಾವುದೂ ಇಲ್ಲ;
ಪ್ಯಾಡಿಂಗ್: .25em 1em;
ಗಡಿ-ಕೆಳಗೆ: ಘನ 1px # 39f;
ಗಡಿ-ಮೇಲಿನ: ಘನ 1px # 39f;
ಗಡಿ-ಬಲ: ಘನ 1px # 39f;
}
a: ಲಿಂಕ್, ಎ: ಭೇಟಿ {ಬಣ್ಣ: #fff; }
ಉದಾಹರಣೆಗೆ # ಸಂಚರಣೆ ಒಂದು: ಹೂವರ್ {
ಹಿನ್ನೆಲೆ ಬಣ್ಣ: #fff;
ಬಣ್ಣ: # 000;
}
ನೀವು ಇಲ್ಲಿ ಸ್ಥಳ ಮಾಹಿತಿ
ಎಚ್ಟಿಎಮ್ಎಲ್ನ ಮತ್ತೊಂದು ಅಂಶವೆಂದರೆ ಯುರೇರ್ವೇರ್ ಐಡೆಂಟಿಫೈಯರ್. ನಿಮ್ಮ ಬಳಕೆದಾರರ ಪ್ರಸ್ತುತ ಸ್ಥಳವನ್ನು ಸೂಚಿಸಲು ನಿಮ್ಮ ಮೆನುವನ್ನು ಮಾರ್ಪಡಿಸಲು ನೀವು ಬಯಸಿದರೆ, ವಿಭಿನ್ನ ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಅಥವಾ ಇತರ ಶೈಲಿಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಈ ID ಬಳಸಿ. ಇತರ ಪುಟಗಳಲ್ಲಿ ಸರಿಯಾದ ಮೆನು ಐಟಂಗೆ ID ಗುಣಲಕ್ಷಣವನ್ನು ಸರಿಸಿ ಇದರಿಂದ ಪ್ರಸ್ತುತ ಪುಟ ಯಾವಾಗಲೂ ಹೈಲೈಟ್ ಆಗಿರುತ್ತದೆ.
ಉಲ್ # ನ್ಯಾವಿಗೇಷನ್ ಲಿ # ನೀವು ಇಲ್ಲಿ {ಹಿನ್ನೆಲೆ ಬಣ್ಣ: # 09f; }
ನಿಮ್ಮ ಪುಟದಲ್ಲಿ ಈ ಶೈಲಿಗಳನ್ನು ಒಟ್ಟಿಗೆ ಸೇರಿಸಿದರೆ, ನಿಮ್ಮ ಸೈಟ್ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವ ಸಮತಲ ಅಥವಾ ಲಂಬ ಮೆನು ಬಾರ್ ಅನ್ನು ನೀವು ರಚಿಸಬಹುದು ಆದರೆ ಡೌನ್ಲೋಡ್ ಮಾಡಲು ತ್ವರಿತವಾಗಿ ಮತ್ತು ಭವಿಷ್ಯದಲ್ಲಿ ನವೀಕರಣಗೊಳ್ಳಲು ತುಂಬಾ ಸುಲಭ. XHTML + CSS ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಪಟ್ಟಿಗಳನ್ನು ವಿನ್ಯಾಸಕ್ಕಾಗಿ ಅತ್ಯಂತ ಶಕ್ತಿಯುತ ಸಾಧನವಾಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ.
ನೀವು ಸಮತಲ ಮೆನುಗಳಲ್ಲಿ ಹೆಚ್ಚಿನ ಉದಾಹರಣೆಗಳನ್ನು ಬಯಸಿದರೆ, ಈ ಕೆಳಗಿನವುಗಳನ್ನು ಸಂಪರ್ಕಿಸಿ.
- ಒಂದು ಶೈಲಿಯ ಅಡ್ಡ ಮೆನು
- ಮೂಲ ಅಡ್ಡ ಮೆನು ಟೆಂಪ್ಲೇಟ್
- ನಿಮ್ಮೊಂದಿಗೆ ಒಂದು ಶೈಲಿಯ ಅಡ್ಡ ಮೆನು ಇಲ್ಲಿದೆ
- ನೀವು ಹೊಂದಿರುವ ಮೂಲ ಅಡ್ಡ ಮೆನು ಟೆಂಪ್ಲೇಟ್ ಇಲ್ಲಿದೆ