와이드 스킨 적용으로

모두가 갑기좃이되었습니다.


이 문제를 해결하기 위한 프로그램이 있습니다.


게시글 출처 : 풍**님 팬카페
(원 게시글 주소는 하단에)




[1단계, 확장프로그램 설치]




[[[CONTENT-ELEMENT-0]]]






첫번째로, 크롬 확장 프로그램인 'Stylus'를 설치합니다.




Chrome 웹 스토어에서 'Stylus'를 검색 후
'Chrome에 추가'를 눌러 설치하시면 됩니다.



혹은 아래 링크를 이용해 바로 추가해보세요.

https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne



이 앱에 문제가 있을 시에는
다른 CSS 스타일을 고치는 앱을 찾아서 쓰시면 됩니다.






[[[CONTENT-ELEMENT-1]]]






두번째로,'Naver Cafe Wide Fix' 스타일을 적용시킵니다.




다음 사이트에서 설치하시면 됩니다.

https://userstyles.org/styles/163054/naver-cafe-wide-fix



여기에서 'Install Style'을 누르셔서

Install 'Naver Cafe Wide Fix' into Stylus?
(Stylus에 'Naver Cafe Wide Fix'를 설치합니까?)
라는 문구에 '예'를 누르시고

'Stylus' 앱을 통해 스타일을 적용시키시면 됩니다.



아마 알아서 적용될 것입니다.

-






-

사실 넓은 글씨 영역이나 줄간격 위주로 줄어든 것 빼고는 크게 바뀐 것은 없지만,
팬카페를 보면 넓어진 간격에 보기 힘들어하시는 분들이 계시는 것 같아서
이렇게 알려드립니다.






참고로 본글 작성자는 이 앱을 1시간 정도만 써봤습니다.
그래서 혹시나 제가 찾지 못한 문제점이 있을 수도 있어요!
일단은 위험한 프로그램은 아닌 것 같으니
그 부분은 마음 놓고 설치하셔도 좋을 것 같습니다.



혹시나 궁금하신 점 있으시면 댓글로 달아주셔도 되지만,
현재 저도 상세한 것은 잘 모릅니다.

틀린 점이 있다면 댓글 달아주세요!






아래에서 이 스타일과 관련해서 제작자 님께 글을 남기실 수 있으니
참고해주세요!

https://forum.userstyles.org/post/discussion?Discussion%2FStyleID=163054



출처   https://cafe.naver.com/hanryang1125/22482

[출처] 여백미 넘치는 와이드 스킨, 간격 줄이는 CSS 적용 Wide Fix (풍월량 공식 팬카페) |작성자 426098845




여기까지 하시고 카페를 다시 새로고침 하면 변경된 점이 있을 거에요.

여기서 만족하시면 계속 쓰시면 되고,

저는 좀 더 추가했습니다.



소스코드를 카페에 올려주시는 분들 덕에,

여기까지 올 수 있었습니다.



[2단계 : 소스코드 변경]


[[[CONTENT-ELEMENT-2]]]

크롬 우측 상단의 S 아이콘을 클릭.

연필 아이콘 클릭.


그걸 클릭하면 소스코드 창이 뜹니다.

저는 지금 아래와 같습니다.



[[[CONTENT-ELEMENT-3]]]




이 아래 부터는 왁굳 + 왁청자들이 만들어낸 1080p 풀화면 최적화 코드입니다.
(컨트롤 휠로 150%로 만든 기준입니다)


[소스코드 주소]

기존 코드를 다 지우고,

거기다가 아래의 코드를 복붙하세요.

입맛에 따라 얼마든지 수정가능 !! (숫자 부분 변경해보면서 실험해보세요)

/* 게시글 간격, 회색줄 */
.skin-1080 .article-board tbody td {
    height: 22px;
    padding: 2px 11px;
    border-bottom: 10px solid #efefef;
    font-size:12px;
}
/* 사이드메뉴 간격 */
.skin-1080 #cafe-menu .cafe-menu-list {
    font-size: 10px !important;
    padding: 0 5px;
    margin-top: 0px;
    line-height: 18px;
}

/* 사이드메뉴 제목 크기, 간격 */
.skin-1080 #cafe-menu .cafe-menu-tit .gm-tcol-t{
font-size:12px;
padding: 8px 0 10px 10px;
}

/* 사이드메뉴 폰트 사이즈 */
.cafe-menu-list li {
    font-size: 12px!important;
}

/* 사이드 메뉴 검은색 줄 연하게 */
.skin-1080 #cafe-menu .cafe-menu-tit {
    border-top-color: #c1c1c1;
    border-bottom-color: #e5e5e5;
}
/* 닉네임 왼쪽 정렬 */
.skin-1080 .article-board .pers_nick_area .p-nick {
    text-align: left;
    position: relative;
    height: auto;
    border: 0;
    padding: 0;
}
/* 폰트 */
* {
    font-family:  "돋움", dotum, sans-serif,"Apple SD Gothic Neo", Helvetica;
}
/* 게시판 구버전 가기 프로젝트*/

.skin-1080 ._noticeArticle{
    color: #f83c02;
    
}
.skin-1080 #upperArticleList.article-board.m-tcol-c tr{
    background-color: #f9f9f9;
}

.skin-1080 .article-board tbody td {
    height:28px;
    padding: 0px 11px;
    border-bottom: 1.33px solid #e0dfdf;
    font-size: 12px;
}
/* 게시글내용 변경 */
.h-10 {
    clear: both;
    height: 0px;
    margin: 0;
    font-size: 0;
    overflow: hidden;
}
div#tbody.tbody.m-tcol-c {
    width: 740px;
    padding-left: 0px !important; 
    padding-right: 60px  !important;
    margin-right: 0px;
}
/*사이드 매뉴 N크기 줄이기*/
.skin-1080 #cafe-menu .cafe-menu-list .ico_new{
    width: 10px !important;
    height: 10px !important;
}
/*게시글 목록의 N아이콘 크기*/
.skin-1080#main-area .list-i-new{
background-position: -282px -65px;
width: 10px;
height: 10.1px;
}