블로그 관리 (Blog Management)/BiCute Skin

[Tistory Odyssey Skin] 프로필 박스 외곽선 지우기

BiCute 2022. 2. 28. 10:00
반응형

 

#1 Odyssey 스킨의 프로필 박스

  이 블로그를 스킨 글을 적으려고 시작한 것이 아닌데 언제까지 스킨 관련 글을 적게 될 것인가!!

  이전 글로 대충 취향대로 다 만들어졌다고 생각했지만... 뭔가 중요하진 않지만 괜스레 눈에 거슬리는 것이 있었습니다.

  사람에 따라 이쁘게 보일 수도 있겠지만 제 기준에서는 블로그의 모든 선이 가로로 그어져 있는데 프로필 영역의 테두리에 세로로 그어진 선이 있어 뭔가 모르게 계속 신경이 쓰여 지워버리기로 했습니다.

이 부분입니다

 

 

#2 프로필 박스의 외곽선 지우기

  블로그 관리 > 스킨 편집 > HTML 편집으로 이동한 후, CSS 탭으로 이동합니다.

  [style.css:1485~1491]의 '.area-aside .box-profile' 항목 중,

  [style.css:1488]인 'border: 1px solid #e8e8e8;'를 삭제 또는 주석 처리해주면 됩니다.  

.area-aside .box-profile {
    position: relative;
    margin-bottom: 43px;
    border: 1px solid #e8e8e8;     /* < 이 줄만 삭제 또는 주석 처리 합니다 */
    border-bottom: 2px solid #333;
    text-align: center;
}

 

 

#3 수정 후

  이것만으로 수정 완료! 

    라고 작성했었지만 꽤 뜯어고칠게 많아서 본의 아니게 꽤 장기간 연제 하게 될 거 같습니다.

 

 

※ 주의 ※

이 블로그에서 작성하는 스킨 수정 관련 내용은 

웹 언어(HTML, CSS, JavaScript)를 전혀 몰라도 따라만 하면 수정할 수 있을 정도로 간단히 설명하고자 합니다. 

단, 필요에 따라 수정하여 사용하다 보니 여러 상황에 대하여 검증이 되지 않은 부분이 있을 수 있어 안정성은 책임질 수 없습니다.

항상 스킨을 수정하기 전 백업을 해놓고 언제든지 복구할 수 있도록 준비해놓으시길 바랍니다.

스킨 수정으로 발생하는 어떠한 불상사도 책임을 지지 않습니다. 

 

 

 

반응형