자유게시판

바이센트
알림
|

다모앙용 css 몇개 넣고 갑니다.

Arch 172.♡.223.25
2024.03.29 16:25
6,944
94
62
글쓰기
/* 1500값을 원하는 크기로 바꿔주세요*/
.container {
    max-width: 1500px !important;
}
/* 메뉴가 왼쪽에 있는걸 선호하시는 분. 오른쪽을 원하시면 0을 2로 하시거나 빼시면 됩니다.*/
.order-2 {
    order: 0 !important;
}
/* 검색메뉴 항상 보임 */
#boardSearch {
  display: block;
}
/* 글씨 크기 변경입니다. 0.8em 1.1 등등으로 변경하시면 돼요  */
:root {
--bs-body-font-size: 0.9em;
--bs-body-line-height: 1.2;
}



링크와 같은 크롬 확장 어플을 설치하시고 적용하시면 됩니다.

적용한 화면은 다음과 같습니다.
Arch Exp 19,572
78%

인스타 : @shining_riverside
펜탁스 K-1
펜탁스 K-3 MKIII
RICOH GR2
소니 A7C

인스타 : @shining_riverside
펜탁스 K-1
펜탁스 K-3 MKIII
RICOH GR2
소니 A7C

댓글 94 / 1 페이지
외국인노동자의비애 (162.♡.119.36)
03.29 16:26
이런건 스크랩해야죠!!
진지한산삼 (162.♡.187.59)
03.29 16:27
감사합니당!!
불량오이 (172.♡.119.188)
03.29 16:28
감사합니다
Heaven (162.♡.138.98)
03.29 16:30
감사합니다!!
메이데이 (172.♡.34.163)
03.29 16:32
죄송합니다만 어디에 들어가서 어떻게 해야하나요?
Arch (172.♡.223.26)
03.29 16:35
@메이데이님에게 답글 확장프로그램 까셧으면 chrome://extensions/ 가시면 해당 프로그램 > 세부정보 (클릭)> 확장프로그램 옵션(클릭)  > 스타일 > 새로 추가 해서 넣으시면 됩니다.
메이데이 (172.♡.211.67)
03.29 17:01
@Arch님에게 답글 똑같이 했는데 잘 안되네요..ㅜㅜ
Arch (172.♡.222.175)
03.29 17:02
@메이데이님에게 답글 어디서 잘 안되시나용?
메이데이 (162.♡.186.242)
03.29 17:04
@Arch님에게 답글 익스텐션에서 확장프로그램 선택해서 스타일 새로 추가해서
올려주신 것 긁어서 복붙 후 저장해도 반응이 없어요.
저장해도 추가가 안되네요.
Arch (172.♡.119.93)
03.29 17:06
@메이데이님에게 답글
주소넣어주셔야해요.
메이데이 (172.♡.33.132)
03.29 17:18
@Arch님에게 답글
당연히 주소도 넣고 다 했는데 추가해도
이 모양입니다.

Arch (172.♡.222.79)
03.29 17:21
@메이데이님에게 답글 아 일단 끝에}로 닫기 안하셨어요. 그리고 저장 누르셔도 안되나요?
메이데이 (162.♡.186.207)
03.29 17:22
@Arch님에게 답글 도움 주셔서 감사합니다.
다른 익스텐션이랑 충돌이 있는지 저장이 안되네요.
저는 포기합니다.. ㅜㅠ
언젠가 왼쪽으로 옮겨주시겠죠. ^ ^;
다시 한 번 시간 내어 주셔서 감사합니다.
Arch (172.♡.233.181)
03.29 17:24
@메이데이님에게 답글 에고고... 이것 말고도 다른 css 적용 익스텐션이라면 다 적용 가능하니 다른것도 한번 시도해보세요! css는 다 넣지 않으셔도 괜찮습니다.
메이데이 (162.♡.91.81)
03.29 17:24
@Arch님에게 답글 됐습니다~!!!!!!!!
끝에} 이거 붙이니까 되네요~!!
정말 감사합니다~!!!
no_profile 아마댓글러 (172.♡.85.132)
03.29 16:34


역시 이 레이아웃이 편하네요. 감사합니다.
no_profile 순두부 (172.♡.122.38)
03.29 16:39
저도 왼쪽이 편하던데...,  감사합니다
붉은구름 (172.♡.33.172)
03.29 16:47
뭔가 익숙함에...  좋네요~ 감사합니다~
블랙우유 (172.♡.119.130)
03.29 16:56
역시 능력자분들이 많아서 좋아요.^^
메이데이 (172.♡.211.67)
03.29 17:01
감사합니다.
InvisibleSometh… (172.♡.211.97)
03.29 17:10
감사합니다^^ 역시 능력자들!!
gredo (162.♡.187.7)
03.29 17:17
최고네요. 감사합니다.
Sonador (172.♡.233.155)
03.29 17:19
감사합니다
소망내음 (172.♡.123.159)
03.29 17:37
감사합니다. 본문과 댓글 보고 잘 적용했습니다.
XZXZ (172.♡.211.97)
03.29 18:04
와우! 고맙습니다!
다모앙 (162.♡.119.55)
03.29 18:07
왼쪽 오른쪽 바꾸는게 이렇게 쉬운거였어요?

혹시 상단 고정하는것도 해지하는 거 올려주시면 css에 반영하도록 하겠습니다
Arch (141.♡.86.183)
03.29 18:52
@다모앙님에게 답글 상단 고정 해지가 정확히 어떤건지 말씀해주시면 확인해보겠습니다.
다모앙 (172.♡.223.107)
03.29 18:56
@Arch님에게 답글 상단에 memu부분 (로고 있는부분이) 잠시 멈추었다가 없어지는것 같습니다.
그 부분이 가려서 불편하다는 분들이 계셨어요
Arch (172.♡.233.58)
03.29 19:09
@다모앙님에게 답글 보니까 이건 스크립트랑 짬뽕인 영역이라...

/* 상단바 고정 */
#header-copy.header-copy{
  display: none;
}
#header-navbar.site-navbar {
  position: relative !important;
    display: block !important;
    height: 64px !important;
}

일단 급하시면 이거 추가하시면 되긴 합니다.
다모앙 (172.♡.222.214)
03.29 19:11
@Arch님에게 답글 감사합니다
만두다섯개 (172.♡.119.157)
03.30 21:47
@Arch님에게 답글 앗 이것두 추가하니 완벽해졌네요 ^^
Arch (172.♡.63.52)
03.29 19:20
@다모앙님에게 답글 /* 메뉴가 왼쪽에 있는걸 선호하시는 분. 오른쪽을 원하시면 0을 2로 하시거나 빼시면 됩니다.*/
@media (min-width: 992px) {
.order-2 {
    order: 0 !important;
  }
}

이건 가로 크기에 따라서 메뉴 위치 변경하는거 적요하는 미디어 쿼리입니다. 일단 이거 적용하면 되긴 할텐데 이거 이렇게 주먹구구식으로 하는것보다는 구조파악해서 제대로 적용하는게 나을듯 합니다. 일단 급한대로 적용해보시구용
ringocolor (172.♡.123.125)
03.30 18:31
@다모앙님에게 답글 프론트쪽도 아시는분들 많을거 같으니 점차 개선해 나갈수 있지 않을까 싶습니다.
띠로리리 (172.♡.118.225)
03.29 18:23
감사합니다!
인간지표 (162.♡.118.216)
03.29 18:38
당장 스크랩 합니다 적용은 출근해서
no_profile 완뽀 (172.♡.118.225)
03.29 19:13
감사합니다!
Danzy (172.♡.85.145)
03.30 18:16
감사합니다. 아주 잘됩니다. 왼쪽 메뉴 가로 길이를 줄일려면 어떻게 해야 할까요? 1500을 더 크게 잡으면 될까요?
Arch (172.♡.222.174)
03.30 18:53
@Danzy님에게 답글 @media (min-width: 992px) {
.col-lg-9 {
    width: 80%;
}
.col-lg-3 {
    width: 20%;
}
}
이거 추가해서 80 20 값 조정하시면 됩니다. 합쳐서 100 되면 되요. 어디까지나 이건 개인용 css 라는것만 참고해주세용
Danzy (172.♡.85.146)
03.30 20:01
@Arch님에게 답글 감사합니다. 잘 작동하네요!!!
개굴개굴이 (172.♡.34.57)
03.30 18:27
이게...뭔가요....? 다들 아시는데 나만 모르네 ㅠㅠ
Iam9root (172.♡.222.247)
03.30 18:35
이런건 추천 및 스크랩합니다.
운영자A (162.♡.178.245)
03.30 18:39
감사합니다. 덕분에 잘 적용해서 편하게 쓸수 있게 되었네요.
가시나무 (172.♡.95.44)
04.22 08:25
@운영자A님에게 답글 서핑중인데.. 정말 볼 때마다 놀랍니다.

흐미 ptsd 인가보네요.

본인은 아니시죠? ㅋ
끄아앙토옹 (162.♡.186.132)
03.30 18:39
감사합니다!!!!!
은퇴한옆집사장 (172.♡.210.65)
03.30 18:39
멋지세요 :)
햌퐄곀 (172.♡.123.139)
03.30 18:41
감사합니다. 잘 쓸게요
키달나무 (162.♡.187.84)
03.30 18:41
오홀..스크랩 갑니다~
no_profile 플레로마 (172.♡.33.142)
03.30 18:58
오. 감사합니다~~
왼쪽이 더 익숙하네요. ㅎㅎ
no_profile crom (162.♡.119.130)
03.30 19:04
감사합니다~ㅎㅎ
migo (172.♡.233.214)
03.30 19:05
감사합니다. 덕분에 더 자연스러워졌습니다. ^^
vulcan (162.♡.186.111)
03.30 19:08
오.. 잘됩니다.  마지막 열 }를 놓쳐서 안되네 하다가 댓글 보고 다시 하니 되네요 ㅎㅎㅎ 감사합니다.
긍허 (172.♡.222.254)
03.30 19:17
와~~ 감사합니다.
no_profile 스윙키즈 (172.♡.122.35)
03.30 19:41
감사합니다..잘 됩니다..
거친날개 (162.♡.186.7)
03.30 20:02
완전 편합니다 감사해요!!
떡배 (172.♡.223.76)
03.30 20:12
우와 완전 대박입니다. 메뉴 왼쪽 뿐만이 아니라 계속 아쉬웠던 글자크기, 줄간격까지 한방에 해결되니 최고네요..
운영자님~ 요걸 기본으로 세팅해주심 안될까요?
다모앙 (172.♡.222.142)
03.30 20:41
@떡배님에게 답글 그렇지 않아도 어제 이 셋팅으로 갔다가 사이드 이펙트 문제가 생겨서 롤백을 하였습니다 ㅠㅠ
조아용 (172.♡.63.52)
03.30 20:28
감사합니다
다모앙 (172.♡.222.143)
03.30 20:40
Arch 님 혹이 https://damoang.net/free/33126 이문제도 css로 가능할까요?
혹시 도움가능하시면 부탁드립니다
수라정 (172.♡.123.74)
03.30 22:55
@다모앙님에게 답글 안녕하세요. 프론트개발자입니다.
이름,날짜,추천,조회 열간격을 줄이시려는거면 아래처럼 수정해주세요.
css파일 : /theme/Marigold/skin/board/basic/list/list/list.css 


	#bo_list .hd-name,
	#bo_list .wr-name {
		width: 80px; }

	#bo_list .hd-date,
	#bo_list .wr-date {
		width: 35px; }

	#bo_list .hd-hit,
	#bo_list .wr-hit {
		width: 70px; }

	#bo_list .hd-num,
	#bo_list .wr-num {
		width: 35px; }
수라정 (162.♡.118.53)
03.30 22:57
@다모앙님에게 답글 그리고 추천이랑 조회가 같은 class(wr-num)로 되어있어서 같이 조정이 될텐데요.
따로 하고 싶으면 추천쪽 class를 'wr-hit '로 바꾸시고 위에 제가 언급한 css 파일에서 아래 내용을 수정하시면 됩니다.
오타를 낸건지 이거때문에 wr-hit class가 놀고있는것 같네요.

#bo_list .hd-hit,
#bo_list .wr-hit {
width: 70px; }
다모앙 (172.♡.122.215)
03.30 23:06
@수라정님에게 답글 감사합니다 :) 바로 추가하겠습니다
수라정 (162.♡.119.45)
03.30 23:23
@다모앙님에게 답글 밑에 새로 코드 추가로 올렸습니다. 보시고 판단하시면 될듯 합니다.
수라정 (172.♡.123.167)
03.30 23:22
@다모앙님에게 답글 아 근데 이렇게 수정하면 pc에서 볼때도 같이 바뀔꺼에요.

이게 반응형이 태블릿 대응이 안되어있네요. 그렇다보니 가로 768 미만일때 모바일로 바뀌게 되있다보니 아이패드미니가 데스크탑 화면으로 보여지다보니 손해?를 보는 상황이라..
태블릿 대응만 추가하시려면 위 파일을 아래와 같이 수정해주세요. 전체 코드입니다.

@charset "utf-8";

#bo_list .mb-photo {
width:18px;
height:18px; }

#bo_list .hd-wrap {
font-size: 14px; }

#bo_list .wr-no,
#bo_list .wr-date,
#bo_list .wr-num,
#bo_list .wr-name {
font-size: 12px; }

@media (min-width: 1000px) {
#bo_list .wr-no,
#bo_list .wr-date,
#bo_list .wr-num,
#bo_list .wr-name {
font-size: 13px; }

#bo_list .wr-no,
#bo_list .wr-date,
#bo_list .wr-num {
text-align: center; }

#bo_list .hd-name,
#bo_list .wr-name {
width: 100px; }

#bo_list .hd-date,
#bo_list .wr-date {
width: 80px; }

#bo_list .hd-hit,
#bo_list .wr-hit {
width: 70px; }

#bo_list .hd-num,
#bo_list .wr-num {
width: 60px; }
}

@media (min-width: 768px) and (max-width: 999px) {
#bo_list .wr-no,
#bo_list .wr-date,
#bo_list .wr-num,
#bo_list .wr-name {
font-size: 13px; }

#bo_list .wr-no,
#bo_list .wr-date,
#bo_list .wr-num {
text-align: center; }

#bo_list .hd-name,
#bo_list .wr-name {
width: 80px; }

#bo_list .hd-date,
#bo_list .wr-date {
width: 35px; }

#bo_list .hd-hit,
#bo_list .wr-hit {
width: 35px; }

#bo_list .hd-num,
#bo_list .wr-num {
width: 35px; }
}
수라정 (172.♡.222.216)
03.30 23:25
@수라정님에게 답글 들여쓰기가 잘 안되서 이상하게 보이긴 한데...
min-width 768px style을 1000px로 바꾸고, 사이즈 조정한 style을 min 768, max 999에 적용하겠다는 내용입니다.
msb1245 (172.♡.223.186)
03.30 21:27
감사합니다.
만두다섯개 (172.♡.119.157)
03.30 21:44
감사합니다 역시 ㅋㅋ
너무 편합니다.
프랭 (162.♡.91.43)
03.30 22:06
감사합니다.
오스토토리 (172.♡.211.111)
03.31 00:19
감사합니다.
YBFam (172.♡.222.36)
03.31 00:43
감사합니다~ 한결편하네요^^
좋아요22 (172.♡.214.127)
03.31 01:03
이미 읽은글은 구분되게 색상을 변경하고 싶은 분들은 이걸 추가하세요.
a:visited { color:grey; }
Danzy (172.♡.85.145)
03.31 17:28
@좋아요22님에게 답글 말씀해주신걸로 추가 했더니 사이트 메뉴까지 변경되버리네요 ㅠ 혹시 본문만 지정하려면 어떻게 해야 할까요?
좋아요22 (172.♡.211.126)
03.31 22:13
@Danzy님에게 답글 div .gap-2 a:visited { color:#D8D8D8; }
이걸로 바꿔서 해보세요.
color 안에는 취향에 맡는 색상을 넣으시면 됩니다.
컬러코드  -  https://www.html-color-codes.info/Korean/
Danzy (172.♡.85.142)
04.01 08:09
@좋아요22님에게 답글 매우 감사합니다.
비치지않는거울 (172.♡.206.186)
03.31 01:12
감사합니다.^^
Arkhize (162.♡.138.205)
03.31 04:19
이게 정보고 자산이지요! 감사합니다!!
준대표 (162.♡.91.44)
03.31 06:15
다모앙 첫 스크랩이네요, 감사합니다~
no_profile Shoutcast (162.♡.90.112)
03.31 06:50
스크랩 완료!!
감사합니다~
no_profile 세상여행 (172.♡.207.137)
03.31 09:52
감사합니다. 잘 적용했습니다.
comtdfri (172.♡.233.29)
03.31 10:05
와 이게 크롬 확장을 깔아서 되는건가요 아니면 이 게시판 툴이어서 가능한건가요?
대단하세요
GraueNote (172.♡.118.8)
03.31 10:14
감사합니다!! 클-앙 지원 확장프로그램을 내리고 새로 올렸네요.
삼손 (172.♡.123.155)
03.31 12:24
와 감사합니다.  확실히 메뉴가 왼쪽에 있어야 게시글이 화면 가운데 오게 돼서 글을 읽기가  편한 거 같아요.
tuftsblue (172.♡.150.245)
03.31 15:21
감사합니다!!
Riderman (172.♡.210.200)
03.31 18:11
으앙.. 뭔 말인지 하나도 모르니깐 조용히 있어야겠어욥.. ㅎㅎㅎ
국짐당멸망기원 (141.♡.86.19)
03.31 19:29
감사합니다!
국짐당멸망기원 (141.♡.86.18)
03.31 19:29
오... 저 이런거 첨 해봐요.
신기하네요.
정말 감사드려요~~! ^^
아행행 (162.♡.119.46)
03.31 22:18
싱기방기 성공 했읍니다 감사합니다
빛의정령 (162.♡.119.104)
04.01 10:39
감사합니다!
no_profile 쵸코칩 (172.♡.206.226)
04.01 11:00
오 잘됩니다 감사합니다!
푸른인비 (162.♡.118.52)
04.02 00:55
감사합니다
ksw0318 (172.♡.210.65)
04.02 08:29
감사합니다!
모리 (172.♡.63.53)
04.02 10:51
감사합니다! 익숙한게 편하네요!
hazletee (172.♡.211.111)
04.02 12:43
적용하니 한결 마음이 편해집니다. ^^ 감사합니다.
no_profile Younix (172.♡.122.215)
04.02 18:05
오 감사합니다.
맥에서 사파리 쓰시면 본문 내용을 복사해서 텍스트 파일로 만들어 확장자를 .css로 바꿔주시고 사파리 설정의 고급 메뉴에서 스타일 시트로 불러오면 적용됩니다.
money (172.♡.223.75)
04.03 08:29
감사합니다
글쓰기
로그인
회원가입
정보찾기
🎖️🎖️해외앙님 실명인증