제가 사용하는 다모앙 StyleBot CSS ver04
오또브레

Lv.1 오또브레 (118.♡.74.26)

2024년 4월 27일 PM 02:51 · 수정됨(16:41)

조회 647 공감 0

제가 사용하는 다모앙 스타일 ver04입니다.

다크모드에서만 작동합니다.

css ---- 아랫부분을 stylebot 같은 커스텀 플러그인에 넣으시면 됩니다.


변경 사항

  1. Ticker (Alert??) : 사이즈 축소
  2. 게시판 제목 : ticker와 순서 변경
  3. 검색 꾸러미 버튼 : 게시판 밑으로
  4. 배경색 변경
  5. 게시판 row 구분되게
  6. 사이드 메뉴 라인, 간격 등 변경
  7. 사이드 메뉴 게시판 아이콘 삭제
  8. 푸터와 사이드 하단에 중복된 것 제거
  9. 푸터 간격 축소
  10. 회원박스 정리
  11. 다크모드에서 어두운 텍스트 -> 하얀색으로 강제 변경!!!
  12. 자잘한 것들 등등등...

본사?? 에서 구조나 클래스, 아이디 변경하면 틀어지긴 하겠지만, 그동안 시간은 있겠지요.

{emo:onion-008.gif:50} 본사에 소원이 있다면,
"사랑한다...." 이 부분을 게시판 위 컨텐츠에 넣지 말고, header에 넣어주시고,
"다모앙 굿즈" 자체 광고에 과감한 class 하나 넣어주시면 감사할 듯 하네요.


css
--------------------------------------

.bg-body {background-color: rgb(17 17 17) !important;}
.site-footer-wrap .mb-4 {display:none;}
footer.site-footer-wrap.bg-body-tertiary.py-4 {
padding: 0.5rem 0 !important;
}
.site-footer-wrap .py-4 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.site-footer-wrap .lh-lg {
line-height: 1.5 !important;
}
.site-footer-wrap .mb-3 {
margin-bottom: 0rem !important;
}
.nav-item i.bi-clipboard.nav-icon {
display: none;
}
a.nav-link {
padding: 0.2rem 0.875rem !important;
border-bottom: 1px dotted #373737;
border-radius: 0;
}
.col-lg-3 .px-3.mb-4 {
background: #916782;
padding: 10px 20px;
border-radius: 5px;
}
.sticky-top .row.gx-2 {
margin-top: 20px;
}
.my-2 span.small {
display: none;
}

.bo_list_wrap.px-3.py-2.border-top {
position: absolute !important;
bottom: -26px;
left: auto;
right: auto;
}
@media (min-width: 992px) {
#boardSearch {
display: inline-block !important;
position: absolute;
bottom: 75px;
width:100%;
}
}
ul.pagination.pagination-sm.justify-content-center {
margin-top: 56px !important;
}
.page-title.p-3.pt-4.mb-3 {
background: none;
position: absolute;
top: 84px;
padding: 25px 10px;
margin-top: -9px;
}
.alert.alert-light.mb-4.mx-3.mx-sm-0 {
padding: 0;
margin-bottom: 70px !important;
}
.bg-body-secondary {
--bs-bg-opacity: 1;
background-color: rgb(145 103 130) !important;
}
article#bo_v {
background: #212529;
}
.nav-item.nav-link {
position: absolute;
top: 65px;
left: 78px;
border-bottom: 0 !important;
}
.rounded-circle {
border-radius: 10% !important;
}
.lh-base {
line-height: 3.5 !important;
}
.my-2 {
margin-top: 0 rem !important;
margin-bottom: 0.5rem !important;
}
a.sv_member.ellipsis-1 {
margin-top: -20px;
}
div#bo_list_wrap {
margin-top: 37px;
}
li.list-group-item:nth-child(even) {
background-color:#181b1c;
}
.mb-4 p span {
color: #fff !important;
}

게시글 이미지

댓글 (14)

  • 시민

    시민 Lv.1

    24.04.27 · 211.♡.124.109

    {emo:onion-045.gif:50} 끄아아 어지러워용
  • 오또브레

    오또브레 Lv.1 → 시민 작성자

    24.04.27 · 118.♡.2.144

    {emo:onion-014.gif:50} ㅋㅋㅋ
  • L

    loveMom Lv.1

    24.04.27 · 211.♡.203.13

    [https://r2.damoang.net/data/editor/2404/comment_3555379981_icufwS4U_50f36aa92f2ed498eaa073e206668fd1d4810d63.gif]
  • 오또브레

    오또브레 Lv.1 → loveMom 작성자

    24.04.27 · 118.♡.2.144

    {emo:onion-002.gif:50}
  • L

    loveMom Lv.1 → 오또브레

    24.04.27 · 211.♡.203.13

    팁게에도 올려주세요
    자게 글 리젠에 묻히기 아까워요 {emo:bb.gif:50}
  • Jaekky

    Jaekky Lv.1

    24.04.27 · 106.♡.197.245

    거의 100% 모바일로만 보다보니...이런건 너무 부러워요.{emo:dm_icon01_hhh.gif:50}
  • 오또브레

    오또브레 Lv.1 → Jaekky 작성자

    24.04.27 · 118.♡.2.144

    커스텀 스타일 지원되는 쓸만한 모바일 웹브라우저가 있음 좋겠네요.
  • 지니

    지니 Lv.1

    24.04.27 · 59.♡.155.107

    감사합니다.
    잘 쓰겠습니다.
  • 오또브레

    오또브레 Lv.1 → 지니 작성자

    24.04.27 · 118.♡.2.144

    {emo:onion-021.gif:50}
  • 지니

    지니 Lv.1

    24.04.27 · 59.♡.155.107

    {emo:onion-072.gif:50}

댓글을 작성하려면 이 필요합니다.