다모앙 스타일 변경 CSS ver06
오또브레

Lv.1 오또브레 (203.♡.182.239)

2024년 5월 30일 AM 11:20 · 수정됨(13:01)

조회 635 공감 0

직업이 직업인지라 한번 눈에 꼽히면 계속 신경이 쓰여서 수정할 수 밖에 없네요.


1. 탑메뉴- 내이미지 사용시 줄 삐뚤어짐

2. 사이드 메뉴 핫키 사이즈 변경 - 이미 본사에서 수정! ^^

3. 사이드 메뉴 앞 아이콘 삭제

4. 사이드 메뉴의 내글 | 내댓글 | 알림 영역 위치

5. 하단에 본사 광고와 구글 광고 사이즈가 틀림 

6. 푸터 영역 축소

7. 모바일 사용시 사이드메뉴 영역 삭제

등등등 수정하였습니다.



Stylebot과 같은 플러그인에서 사용가능하며, 다크모드에서만 사용이 가능합니다.

---- 밑의 코드를 붙여넣으시면 됩니다.


CSS


.bg-body {background-color: rgb(8 8 8) !important}
.site-navbar {background: #000;}
.site-footer-wrap .mb-4 {display:none;}
footer.site-footer-wrap.bg-body-tertiary.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;}
li.list-group-item:nth-child(even) {background-color:#181b1c;}
.mb-4 p span {color: #fff !important;}
.border.mx-3.mx-sm-0.mb-3.p-3 {background: #000000;}
.bg-secondary-subtle {background-color: #435881 !important;}
img#my_menu_img {margin-top: 4px;}

@media (min-width: 992px) {
#sidebar-site-menu .nav-item {padding: 10px 0 0 0 !important;border-bottom: 1px dotted #373737;border-radius: 0;}
.nav-item.nav-link {position: absolute;top: 133px;left: 1175px;}
.nav-item i {display: none;}
.sticky-top .row.gx-2 {margin-top: 20px;}
.my-2 span.small {display: none;}
.nav-item.nav-link {margin: -20px 0 0 63px !important;border-bottom: none !important;}
.bo_list_wrap.px-3.py-2.border-top {position: absolute !important;bottom: -26px;left: auto;right: auto;}
.page-title.p-3.pt-4.mb-3 {background: #052950 !important;width: 100.12%;}
.alert.alert-light.mb-4.mx-3.mx-sm-0 {padding: 0;margin-bottom: 70px !important;}

article#bo_v {background: #212529;}
.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;}
.text-bg-secondary {min-width: 28px;}
.nav-item iframe#aswift_1 {width: 280px !important;}
.col-md-8 iframe#aswift_1 {width: 872px !important;;}
.row-cols-lg-2 iframe#aswift_1 {width: 424px !important;;}
ul.nav.justify-content-center.border-bottom.pb-3.mb-3 {display: none;}
p.text-center.text-body-secondary {margin-bottom: 1px;}
}

@media (max-width: 992px) {
.order-2.col-md-4 {width: 100% !important;display: none;}
.site-footer-wrap .mb-3 {font-size: 0.8rem;}
.na-menu .nav-item {padding: 10px 0 0 0 !important;border-bottom: 1px dotted #373737;border-radius: 0; }
.na-menu .nav-icon {display:none;}
.page-title {background: #1c3d5e;}
.pagination-sm {--bs-pagination-padding-x: 0.6rem !important;}
.site-footer-wrap .px-2 {padding-right: 0.2rem !important;padding-left: 0.2rem !important;font-size: 15px;}
.site-footer-wrap .pb-3 {padding-bottom: 0rem !important;}
}

게시글 이미지

댓글 (1)

  • 통통한새우

    통통한새우 Lv.1

    24.05.30 · 211.♡.82.130

    집에 컴에만 적용했었는데...
    집에 가서 써봐야겠네요.

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