작업실

부트스트랩 적용 후 모바일 view 스킨 padding 수정

컨텐츠 정보

본문

0. 문제점


현재 모바일 테마에서 page Style을 Boxed One Page를 쓰고 있습니다.


참고로 One Page로 설정시 구글 애드센스도 같이 추가해줘야 목록스킨 상단에 애드센스가 나옵니다.


/테마루트/assets/col.one.header.php  제일 밑에 반응형 코드 추가



Wide One Page는 양쪽 padding이 0이라서 좀 그렇더라구요.


그런데 Boxed One Page에 기존 view 스킨을 쓰니


양쪽 padding이 너무 많이 붙어서 글 내용이 너무 좁더군요.


그래서


기존 view 스킨을 복사 후 아미나 설정 - 모바일 게시판에만 수정한 뷰스킨을 적용시켜줬습니다.



1. 기존 view 스킨 복사하기


/amina/skin/view/basic 을 /amina/skin/view/basic-padding


으로 복사 


또는 해당 폴더의 css만 다른 이름으로 복사



2.  css 파일 수정


/amina/skin/view/basic-padding/basic.css


또는 복사한 css 파일의 


37번째 줄에서


.view-content { clear:both; padding:15px 0px !important; overflow:hidden; line-height:1.8; word-break:break-all; }


위와 같이 padding 값을 수정했습니다.



3. 적용하기


게시판 -> 아미나설정 -> 모바일 -> 내용 스킨 -> basic-padding 설정 -> 저장


또는 수정한 컬러셋으로 설정 후 저장

관련자료

  • 서명
    우성짱의 NAS를 운영하고 있습니다.

    저의 즐거움이 여러분의 즐거움이면 좋겠습니다.

댓글 0
등록된 댓글이 없습니다.
Total 157 / 14 Page
RSS
ASR new-basic sidebar를 APMS처럼 스크롤 되게 바꾸는 방법 댓글 2

APMS의 좋은 기능 중의 하나인 sidebar의 스크롤을 위한 수정방법입니다.생각보다 엄청 쉽더군요 ㅎㅎ관련 링크의 한별아빠님의 조언대로 하니…

부트스트랩 적용 후 모바일 view 스킨 padding 수정

0. 문제점현재 모바일 테마에서 page Style을 Boxed One Page를 쓰고 있습니다.참고로 One Page로 설정시 구글 애드센스도…

아미나 new-basic 테마에 반응형 광고 삽입하기 댓글 6

1. 메인 최신글 사이에 구글 광고 달기/테마루트/index.php에서 원하는 자리에<div style="padding:30px 0px 0…

현재 작업 중인 테마입니다. 댓글 42

1. new-basic-0.3 테마 기반 최신글 작업 PC버전거의 완료되었습니다.현재 NAS에 적용시키고 싶으나 SSH 및 FTP가 맛이 간 상…

아미나 부트스트랩 테마에서 댓글 추천 버튼이 짤리는 문제 해결 방법 댓글 2

게시판 아미나설정 -> 기능 -> 평가 기능 설정 -> 댓글공감-> 사용 왼쪽에 체크, 표시 왼쪽에 공감 또는 추천 넣고 …

그누보드5 F12 개발자모드 막기 (자바스크립트) 댓글 10

위에 있는 관련 링크의 내용을 그누보드에 맞게 수정해봤습니다.그누보드 루트의 head.sub.php를 열어서</head>를 찾아서 바…

최근글


새댓글


알림 0