제가 사용하는 다모앙 스타일 css 입니다.
오또브레

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

2024년 4월 21일 PM 01:34 · 수정됨(04. 22. 08:17)

조회 946 공감 0

다모앙 사이트가 특별히 불편하고 그런건 아닌데,
 직업이 업인지라 눈에 자꾸 밟혀서 평안한 일요일 점심때 작업해보았네요.

변경사항

  1. Ticker (Alert??) : 사이즈 축소
  2. 게시판 제목 : ticker와 순서 변경
  3. 검색 꾸러미 버튼 : 게시판 밑으로
  4. 배경색 변경
  5. 사이드 메뉴 간격 등 변경
  6. 푸터와 사이드 하단에 중복된 것 제거
  7. 푸터 간격 축소 등등등....

 

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;
}
.na-menu .nav-vertical.nav-pills .nav-link {
    padding: 0.2rem 0.875rem !important;
    border-bottom: 1px dotted #373737;
    border-radius: 0;
}
.px-3.mb-4 {
    background: #916782;
    padding: 20px;
    border-radius: 5px;
}
.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;
        left: 180px
    }
}
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: 60px !important;
}

 

 

 

게시글 이미지

댓글 (17)

  • E

    Edgerunner Lv.1

    24.04.21 · 182.♡.208.118

    얽.. 완벽해...
  • 오또브레

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

    24.04.21 · 118.♡.74.26

    내 글 | 내 댓글 이걸 회원 박스 안쪽에 넣고 싶은데, 이게 불가능해요. 본사에서 클래스 하나만 넣어주심 좋을텐데요. ㅜㅜ
  • 지푸라기

    지푸라기 Lv.1 → 오또브레

    24.04.22 · 175.♡.70.122

    오~아이디어 감사합니다^^
    프로필 박스안에 넣을 생각은 못했는데 역쉬...!!!
    안에 넣긴 했는데 CSS만으론 넣기 힘들고 스크립트를 같이 써야해서..
    일단 전 다모앙에서 제공하는 내글/내댓글 말고 전체글에 대한 내글/내댓글 항목을 만들어서 넣었네요
    덕분에 좋은 아이디어 얻었습니다. 감사합니다^^;
  • 오또브레

    오또브레 Lv.1 → 지푸라기 작성자

    24.04.22 · 118.♡.10.38

    https://damoang.net/free/347934

    꾸역꾸역 밀어 넣었습니다. ㅋㅋㅋ
  • 지푸라기

    지푸라기 Lv.1 → 오또브레

    24.04.22 · 1.♡.33.26

    역시! 안되는게 어딨니? 의지가 없는거지? 라는 말이 환청처럼 들립니다 ㅋㅋㅋㅋㅋ
    {emo:b.gif:50}
  • vulcan

    vulcan Lv.1

    24.04.21 · 223.♡.86.174

    {emo:onion-045.gif:50}

    어... 어렵다....
  • 오또브레

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

    24.04.21 · 118.♡.74.26

    {emo:onion-002.gif:50} StyleBot 같은 플러그인 사용하시고 css 코드 넣으면 됩니다. ^^
  • 앙실장 Lv.1

    24.04.21 · 14.♡.155.113

    디코방에 오셔서 UI 개선에 도움을 주실 수 있으신가요? 씨에스이스 넘나 어렵습니다. 부탁드립니다. 다모앙을 깔끔하고 예쁘게 바꿔주세요.
  • 오또브레

    오또브레 Lv.1 → 앙실장 작성자

    24.04.21 · 118.♡.74.26

    {emo:onion-014.gif:50} 워낙 성품이 게을러서 도움이 될지 모르겠네요. ㅜㅜ
  • 앙실장 Lv.1 → 오또브레

    24.04.21 · 14.♡.155.113

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