ಲಿಂಕ್ ಬದಲಿಸಿ ಹೇಗೆ ವೆಬ್ಪುಟದಲ್ಲಿ ತಿಳಿಸುತ್ತದೆ

ಲಿಂಕ್ ಅಂಡರ್ಲೈನ್ಸ್ ಅಥವಾ ಡ್ಯಾಶ್ಡ್ ಡಾಟ್ಡ್, ಅಥವಾ ಡಬಲ್ ಅಂಡರ್ಲೈನ್ಡ್ ಲಿಂಕ್ಸ್ ಅನ್ನು ತೆಗೆದುಹಾಕಿ

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

ಪಠ್ಯ ಲಿಂಕ್ಸ್ ಮೇಲೆ ಅಂಡರ್ಲೈನ್ ​​ತೆಗೆದುಹಾಕಲಾಗುತ್ತಿದೆ

ಅಂಡರ್ಲೈನ್ ​​ಮಾಡಲಾಗಿರುವ ಪಠ್ಯವನ್ನು ಓದಲು ಅಡಿಗೆರೆ ಹಾಕಿದ ಪಠ್ಯ ಹೆಚ್ಚು ಸವಾಲಿನದಾಗಿರುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಅನೇಕ ವಿನ್ಯಾಸಕರು ಅಂಡರ್ಲೈನ್ ​​ಮಾಡಲಾದ ಪಠ್ಯ ಲಿಂಕ್ಗಳ ನೋಟಕ್ಕಾಗಿ ಕೇವಲ ಕಾಳಜಿಯನ್ನು ಹೊಂದಿರುವುದಿಲ್ಲ. ಈ ನಿದರ್ಶನಗಳಲ್ಲಿ, ನೀವು ಒಟ್ಟಾರೆಯಾಗಿ ಈ ಕೆಳಕಂಡ ಅಂಶಗಳನ್ನು ತೆಗೆದುಹಾಕಲು ಬಯಸುತ್ತೀರಿ.

ಪಠ್ಯ ಲಿಂಕ್ಗಳಿಂದ ಕೆಳಗಿರುವ ಪಠ್ಯಗಳನ್ನು ತೆಗೆದುಹಾಕಲು, ನೀವು CSS ಆಸ್ತಿ ಪಠ್ಯ-ಅಲಂಕಾರವನ್ನು ಬಳಸುತ್ತೀರಿ. ನೀವು ಇದನ್ನು ಮಾಡಲು ಬರೆಯುವ ಸಿಎಸ್ಎಸ್ ಇಲ್ಲಿದೆ:

a {text-decoration: none; }

ಆ ಒಂದು ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ, ಎಲ್ಲಾ ಪಠ್ಯ ಲಿಂಕ್ಗಳಿಂದ ನೀವು ಅಂಡರ್ಲೈನ್ ​​ಅನ್ನು ತೆಗೆದುಹಾಕುತ್ತೀರಿ. ಇದು ಒಂದು ಸಾಮಾನ್ಯ ಶೈಲಿಯಾಗಿದ್ದರೂ (ಅದು ಅಂಶ ಸೆಲೆಕ್ಟರ್ ಅನ್ನು ಬಳಸುತ್ತದೆ), ಇದು ಡೀಫಾಲ್ಟ್ ಬ್ರೌಸರ್ ಶೈಲಿಗಳಿಗಿಂತ ಹೆಚ್ಚು ನಿರ್ದಿಷ್ಟತೆಯನ್ನು ಹೊಂದಿದೆ. ಆ ಪೂರ್ವನಿಯೋಜಿತ ಶೈಲಿಗಳು ಆರಂಭಗೊಳ್ಳಲು ಅಂಡರ್ಲೈನ್ಗಳನ್ನು ರಚಿಸುವುದರಿಂದಾಗಿ, ಅದನ್ನೇ ನೀವು ಪುನಃ ಬರೆಯಬೇಕಾಗಿದೆ.

ಅಂಡರ್ಲೈನ್ಗಳನ್ನು ತೆಗೆದುಹಾಕುವಲ್ಲಿ ಎಚ್ಚರಿಕೆ

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

ನಾನ್-ಲಿಂಕ್ಗಳನ್ನು ಅಂಡರ್ಲೈನ್ ​​ಮಾಡಬೇಡಿ

ಲಿಂಕ್ಗಳು ​​ಮತ್ತು ಅಂಡರ್ಲೈನ್ಗಳಲ್ಲಿನ ಮತ್ತೊಂದು ಎಚ್ಚರಿಕೆಯು, ಪಠ್ಯವನ್ನು ಒತ್ತು ನೀಡುವುದಿಲ್ಲ ಅದು ಲಿಂಕ್ ಒತ್ತು ನೀಡುವುದಿಲ್ಲ ಅದು ಒತ್ತು ನೀಡುವ ವಿಧಾನವಾಗಿದೆ. ಒತ್ತಿಹೇಳಿದ ಪಠ್ಯವನ್ನು ಲಿಂಕ್ ಎಂದು ಜನರು ನಿರೀಕ್ಷಿಸಿದ್ದಾರೆ, ಆದ್ದರಿಂದ ನೀವು ಒತ್ತು ಸೇರಿಸುವ ಸಲುವಾಗಿ (ಅದನ್ನು ಬೋಲ್ಡ್ ಅಥವಾ ಇಟಾಲಿಜೈಸಿಂಗ್ ಮಾಡುವ ಬದಲು) ವಿಷಯವನ್ನು ಪರಿಷ್ಕರಿಸಿದರೆ, ನೀವು ತಪ್ಪು ಸಂದೇಶವನ್ನು ಕಳುಹಿಸುತ್ತೀರಿ ಮತ್ತು ಸೈಟ್ ಬಳಕೆದಾರರನ್ನು ಗೊಂದಲಗೊಳಿಸಬಹುದು.

ಅಂಡರ್ಲೈನ್ ​​ಟು ಡಾಟ್ಸ್ ಅಥವಾ ಡ್ಯಾಶ್ಗಳನ್ನು ಬದಲಾಯಿಸಿ

ನಿಮ್ಮ ಪಠ್ಯ ಲಿಂಕ್ ಪರಿಗಣಿಸುತ್ತದೆ, ಆದರೆ ಡೀಫಾಲ್ಟ್ ನೋಟದಿಂದ ಆಡಿಲೈನ್ ಶೈಲಿಯನ್ನು ಬದಲಿಸಲು ನೀವು ಬಯಸಿದರೆ, ಇದು "ಸೈಟಿ" ಲೈನ್, ನೀವು ಇದನ್ನು ಕೂಡ ಮಾಡಬಹುದು. ಆ ಘನ ರೇಖೆಗೆ ಬದಲಾಗಿ, ನಿಮ್ಮ ಲಿಂಕ್ಗಳನ್ನು ಅಡಿಗೆರೆಗೊಳಿಸಲು ನೀವು ಚುಕ್ಕೆಗಳನ್ನು ಬಳಸಬಹುದು. ಇದನ್ನು ಮಾಡಲು, ನೀವು ಇನ್ನೂ ಅಂಡರ್ಲೈನ್ ​​ಅನ್ನು ತೆಗೆದು ಹಾಕುತ್ತೀರಿ, ಆದರೆ ನೀವು ಅದನ್ನು ಗಡಿ-ಬಾಟಮ್ ಸ್ಟೈಲ್ ಆಸ್ತಿಯೊಂದಿಗೆ ಬದಲಿಸುತ್ತೀರಿ:

a {text-decoration: none; ಗಡಿ-ಕೆಳಗೆ: 1 px ಚುಕ್ಕೆಗಳು; }

ನೀವು ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಅಂಡರ್ಲೈನ್ ​​ಅನ್ನು ತೆಗೆದುಹಾಕಿರುವ ಕಾರಣ, ಚುಕ್ಕೆಗಳಂತೆ ಕಾಣಿಸಿಕೊಳ್ಳುವ ಏಕೈಕ ಒಂದಾಗಿದೆ.

ಡ್ಯಾಶ್ಗಳನ್ನು ಪಡೆಯಲು ನೀವು ಒಂದೇ ವಿಷಯವನ್ನು ಮಾಡಬಹುದು. ಗಡಿ-ಬಾಟಮ್ ಶೈಲಿಯನ್ನು ಡಷ್ ಮಾಡಲು ಬದಲಾಯಿಸು:

a {text-decoration: none; ಗಡಿ-ಕೆಳಗೆ: 1 px dashed; }

ಅಂಡರ್ಲೈನ್ ​​ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಿ

ನಿಮ್ಮ ಲಿಂಕ್ಗಳನ್ನು ಗಮನ ಸೆಳೆಯಲು ಇನ್ನೊಂದು ಮಾರ್ಗವೆಂದರೆ ಅಂಡರ್ಲೈನ್ ​​ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸುವುದು. ಬಣ್ಣವು ನಿಮ್ಮ ಬಣ್ಣ ಯೋಜನೆಗೆ ಸರಿಹೊಂದುತ್ತಿದೆಯೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ.

a {text-decoration: none; ಗಡಿ-ಕೆಳಗೆ: 1 px ಘನ ಕೆಂಪು; }

ಡಬಲ್ ಅಂಡರ್ಲೈನ್ಸ್

ಎರಡು ಅಂಡರ್ಲೈನ್ಗಳನ್ನು ಬಳಸುವ ಟ್ರಿಕ್ ನೀವು ಗಡಿಯ ಅಗಲವನ್ನು ಬದಲಿಸಬೇಕು. ನೀವು 1px ವಿಶಾಲವಾದ ಗಡಿ ರಚಿಸಿದರೆ, ನೀವು ಒಂದೇ ಅಂಡರ್ಲೈನ್ನಂತೆ ಕಾಣುವ ಎರಡು ಅಂಡರ್ಲೈನ್ನೊಂದಿಗೆ ಅಂತ್ಯಗೊಳ್ಳುತ್ತೀರಿ.

a {text-decoration: none; ಗಡಿ-ಬಾಟಮ್: 3 px ಡಬಲ್; }

ನೀವು ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಅಂಡರ್ಲೈನ್ ​​ಅನ್ನು ಇತರ ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ಡಬಲ್ ಅಂಡರ್ಲೈನ್ ​​ಮಾಡಲು ಬಳಸಬಹುದು, ಉದಾಹರಣೆಗೆ ಚುಕ್ಕೆಗಳ ಒಂದು ಸಾಲು:

ಒಂದು {ಅಂಡರ್-ಬಾಟಮ್: 1 px ಡಬಲ್; }

ಲಿಂಕ್ ಸ್ಟೇಟ್ಸ್ ಮರೆತುಬಿಡಿ

ನೀವು ಗಡಿ-ಕೆಳಗೆ ಶೈಲಿಯನ್ನು ನಿಮ್ಮ ಲಿಂಕ್ಗಳಿಗೆ ವಿವಿಧ ರಾಜ್ಯಗಳಲ್ಲಿ ಸೇರಿಸಬಹುದು: ಹೂವರ್, ಸಕ್ರಿಯ, ಅಥವಾ: ಭೇಟಿ. ನೀವು "ಹೂವರ್" ಹುಸಿ ವರ್ಗವನ್ನು ಬಳಸಿದಾಗ ಇದು ಪ್ರವಾಸಿಗರಿಗೆ ಉತ್ತಮ "ರೋಲ್ಓವರ್" ಶೈಲಿ ಅನುಭವವನ್ನು ರಚಿಸಬಹುದು. ನೀವು ಲಿಂಕ್ ಮೇಲೆ ಹೋಗುವಾಗ ಎರಡನೇ ಚುಕ್ಕೆಗಳ ಅಂಡರ್ಲೈನ್ ​​ಮಾಡಲು ಕಾಣಿಸಿಕೊಳ್ಳಿ:

a {text-decoration: none; } a: ಹೂವರ್ {ಗಡಿ-ಕೆಳಗೆ: 1 px ಚುಕ್ಕೆಗಳು; }

ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ ಸಂಪಾದಿಸಿದ್ದಾರೆ