본문 밑줄에 형광색으로 긋기 방법

 

티스토리에서 다른 포스팅들을 보면 글 밑줄에 형광색 긋기가 되어있고 굉장히 눈에 잘 띄는 거에요

그래서 나도 하고 싶다고 열심히 뒤적거리다가 스킨이 안맞아서 그런지 안되길래 포기하다 다시 해봤더니 됐어요 ㅋㅋ

2가지 방법이 있어요

 

 

 

 

 

 

 

첫번째 방법

아래 코드를 CSS에서 맨 밑에 넣어주면 된다고 해서 초보자니까 시키는 대로 했어요

하지만 형광색 밑줄이 안되는 거에요 ㅠ 왯!!!!!

u{
text-decoration:none;
display:inline;
box-shadow:inset 0 -10px #FFEB3B;
color: #000000;
}

 

 

 

 

두번째 방법

포기할 까 하다가 다시 또 찾아서 다른 걸 발견했어요. 하지만 또 안되더라구요

CSS코드 맨 밑에 아래 코드를 넣었는데 안돼요. 왜 안되는 건지 몰라서 한참 보다가 발견했어요 ㅋ

만일 여러분이 차이를 발견했다면 저보다는 덜 초보자인거에요 ㅎㅎ

 

본문 형광밑줄 코드.txt

0.00MB

 

 

 

위에 .tt로 시작하는 div class를 스킨 html에서 찾아야 하는데요.

찾는 방법은 먼저 티스토리에 밑줄 그은 글을 쓰고 비공개로 저장하세요.

비공개된 포스팅을 열어서 f12를 누르고 화살표를 클릭해서 밑줄 그은 줄에 갖다 대면 아래 사진처럼 떠요

옆에 elements에서 화살표로 찾은 글에서 위에 제일 가까운 div class를 찾으세요

 

 

 

 

코드하고 똑같은데 뒤에 글자가 더 있길래 붙여야 되는 줄 알고 똑같이 썼더니 안되더라구요.

왜 안되지 하면서 똑같이 margin까지만 쓰고 다시 저장했더니 되는 거였어요

얼마나 기쁘던지~~~~

 

 

 

 

초보자만이 느낄 수 있는 성취감이 엄청 납니다 ㅋ

위 방법대로 하다 안되면 첫번째, 두번째 코드 다 넣어보세요. 그럼 되기도 하더라구요.

이유는 모르겠어요. 대답해줄 실력이 없으니까 패스하세요 ^^

성공하시길 바랍니다

 

 

 

 

함께 읽으면 좋은 글

티스토리 블로그 링크 버튼 움직이게 만들기

티스토리 블로그 스킨 북클럽 소제목 꾸미기 h2 h3

티스토리 블로그 글 제목 위 메뉴 아래 광고 넣기

블로그 제목 배경 사진 1가지로 고정하기

쿠팡 파트너스 이벤트 광고 사이드바에 넣는 방법