티스토리｜스킨 수정｜글 하단 [카테고리 글 더 보기 / 카테고리의 다른 글] 박스 테두리 수정｜관리자 도구｜HTML / CSS

 

 

 

블로그 관리에 플러그인 중에

 

'카테고리 글 더 보기'라는 플러그인이 있다

 

플러그인 - 카테고리 글 더 보기

 

이 녀석인데 이것을 사용을 하게 되면

 

본문 맨 아래에 이렇게 카테고리의 다른 글들을 보여준다

 

카테고리 글 더 보기 박스_수정 전

그런데 이 박스 내부 테두리가 보기 싫다

 

글 주변에 테두리를 없애버리고 싶다

 

간결하게 바꾸고 싶다

 

 

 

 

카테고리 글 더 보기 박스_수정 후

이 정도만 되어도 깔끔해 보인다

 

 

 

 

---

 

 

 

 

이전스킨｜수정 카테고리의 이전 글들에 CSS 편집 과정은 충분히 설명이 됐으리라 생각이 되어

 

CSS 편집 찾아가는 위치와 기존 letter의 원본 백업을 남겨둔다

 

나는 이미 기존 Letter 스킨에서 프로필 사진을 넣는 과정이 추가가 되어

 

행은 기존 Letter 스킨과 조금 다를 수가 있지만 그 근처일 것이다

 

---

■ 카테고리 다른 글 박스_글 좌측, 날짜 좌측 경계선                

.article_view table tr td {	<- 복붙 / 802행 즈음
.article_view table tr td {   padding: 7px;   border-left: 1px solid #dadce0; }
두께를 '0px'로 하면 없어진다 색 '#dadce0'를 'none'으로 바꾸어도 같지만 두께 조절이 편하다

 

 

 

 

 

 

 

■ 카테고리 다른 글 박스_글씨 하단 경계선                

.article_view table tr {	<- 복붙 / 807행 즈음
.article_view table tr {   border-bottom: 1px solid #dadce0; }
역시 두께 '0px'

 

 

 

 

 

 

■ 카테고리 다른 글 박스_글 테두리 경계선             

.article_view table {	<- 복붙 / 790행 즈음
.article_view table {   border: 1px solid #dadce0;   border-collapse: collapse; }
역시 '0px'

 

 

 

 

 

 

-------- 추가

 

 

■ 카테고리 다른 글 박스_글 밑선                 

.article_content .article_view a {	<- 복붙 / 694행 즈음
.article_content .article_view a {   text-decoration: underline; }
underline -> none

이 작업은 현재 보고 있는 글 이외의 글들에 있는 글 밑선 제거 작업이다

 

 

 

---

 

 

 

 

그리하여

 

카테고리 글 더 보기 박스_수정 전

 

카테고리 글 더 보기 박스_수정 후

 

한결 깔끔해진 것 같다

 

 

 

 

----- 글 밑선 추가 작업 후

 

 

 

 

 

 

 

 

 

---

 

 

 

 

그 외에도 크롬 관리자 도구에서

 

여유 공간 사이즈 등 수정하고 싶은 부분을 마우스로 갖다 대면서 찾을 수 있다

 

 

 

크롬으로 블로그 화면들을 보면서

 

마음에 안 드는 부분이 있으면

 

일단 F12 관리자 도구를 켜서

 

Styles 부분을 확인하고 건드려보는 게 습관이 되었다

 

하나하나 수정해보니 점점 재밌어진다

 

 

 

그런데 한번 빠져서 계속하게 되니

 

시간이 계속 흘러 다른 걸 못하게 된다

 

그리고 내가 지금까지 바꿔왔던 것들이

 

남들이 보기엔 눈치채기 힘든 아주 사소한 것들이다

 

아마 대부분 모르거나 신경 안 쓸 것이다

 

 

 

 

 

조금씩 조절해야겠다..

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Rmx

 

 

 

---