-
- 로그인후 이용해주세요.
자유 게시판
2025.09.18 16:17
리빌더 레이아웃 시스템에 대해 조금은 이해 한 것 같습니다...
기존에는 커스텀하려면 루트에서 불러오는 css 속성에 따라서 오버라이드 해야할 부분이 많아 복잡하게 느껴졌는데,
정확히 알고보니 그렇게 어렵지는 않네요... 이제야 조금 시스템을 이해 한 것 같습니다.
또 다른 레이아웃을 배포하려고 작업중인데, 섹션의 경우는 CSS 만으로도 2단 분할 레이아웃에서 사용할 수 있도록 수정했습니다.
* 상단 우측 AD영역은 특정 게시판의 게시글 제목과 링크를 랜덤으로 가져와 출력되게 해봤습니다. *
- 이전글FTP프로그램/SSH프로그램 추천부탁드립니다.2025.09.21
- 다음글예전에 그림그리는 게시판 스킨인가 플러그인인가를 본 것 같은데...2025.09.17
댓글목록
HUMHAE
미니홈
1:1 대화하기 9일 전
바디 백그라운드, 모듈 백그라운드는 정말 가려운곳을 정확하게 긁어주신 것 같아요.
추가적으로 여러개의 모듈을 박스로 묶을때 섹션말고 다른 방법이 떠오르지 않는데,
섹션의 설정을 통해 2단 레이아웃을 위한 설정이 있으면 어떨까 조심스레 의견 남겨봅니다.
현재는 레이아웃 flex_box에 compact-section class를 추가하여 아래 css를 적용하였는데,
반응형, 와이드에서 별다른 오류는 발견되지 않습니다.
.compact-section .rb_section_box {
min-width: 100% !important;
border-radius: 15px;
}
.compact-section .rb_sec_wide {
width: 100%;
flex: 0 0 100%;
}
.compact-section .rb_section_box .flex_box {
width: 100% !important;
}
2025-09-18 16:56
HUMHAE미니홈
1:1 대화하기 9일 전
좌우로 나뉘어진 레이아웃을 표현했습니다.
현재 섹션은 100vw로 화면 전체 너비 사이즈를 잡고있어, 좌우로 나뉘어진 레이아웃중 좌측이나, 우측에 섹션을 추가하게 되면 그 영역을 벗어나 섹션이 표시됩니다.
그래서 임의로 좌측 레이아웃 class에 임의로 compact-section을 추가하고 위 css 코드를 추가하면, 섹션은 부모 레이아웃의 크기만큼의 영역을 가지게 됩니다.
그래서 화면 레이아웃을 벗어나지 않는 섹션이 표시됩니다. (사진 중 회색 영역)
<예시코드>
<div class="flex_box left compact-section"></div>
<div class="flex_box right rb-none-section"></div>
2025-09-18 17:39
