팁·활용

• 목록
• 스크랩

대문 디자인 커스텀 개요

그누스터디 대문이나 최신글 영역의 디자인을 직접 수정하고 싶을 때 크롬 확장프로그램인 Stylebot을 활용하면 코드를 직접 수정하지 않고도 브라우저 상에서 CSS를 실시간으로 적용하여 스타일을 바꿀 수 있습니다.

Stylebot을 이용한 CSS 적용 방법

Stylebot 크롬 확장프로그램을 설치한 후 아래의 CSS 코드를 입력하여 최신글 영역의 스타일을 변경할 수 있습니다. 제공되는 코드는 최신글 영역의 배경색, 높이, 리스트 형태, 링크 색상 등을 제어합니다.

.lt_con { background: #fafafa; height:320px; } .lt_con li { list-style:decimal; } .lt_con a { color: black; } .lt_con a:hover { text-decoration:underline; }

코드 설명

.lt_con 클래스는 최신글 영역을 감싸는 요소로 배경색을 #fafafa로 지정하고 높이를 320px로 고정합니다. 내부의 li 요소에는 숫자 번호(decimal)를 부여하고, 링크 텍스트의 기본 색상은 검은색으로 설정하며 마우스 오버 시 밑줄이 표시되도록 구성되어 있습니다.

적용 시 주의사항

제공된 코드는 그누보드 최신글 스킨에서 공통으로 사용되는 .lt_con 클래스를 대상으로 합니다. 특정 테마에 고정된 방식은 아니므로 사용 중인 테마와 스킨 구조에 따라 화면 표시가 달라질 수 있습니다. Stylebot의 요소 선택 기능을 활용해 미리보기를 확인한 뒤 적용하는 것이 안전합니다.