Skip to content

우리끼리 가치할래?우리끼리 가치할래?

조회 수 70 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄 첨부
Extra Form

니코 (nico)위젯 스타일 ->

변경 니코 모바일 대응 위젯 스타일 

: 모바일 에서 마진값(margin)없어 너무 꽉차는 출력이 거스른다

pc와 mobile 따로 설정 하기위해 모바일 전용으로 파일을 다시 복사 수정한다 .

니코모바일위젯스타일-모바일화면.png

니코 (nico)위젯 스타일 ->

변경 니코 모바일 대응 위젯 스타일 

 

 

루트/widgetstyles/nico/style.css

 

4라인 시작 

 

div =class " ws_nico .ws_nico_title" style ="

 

.ws_nico .ws_nico_title {

  display:block;

  line-height:40px;

  height:40px;

  background:#f7f7f7;

  filter:progid:DXImageTransform.Microsoft.gradient(StartColorStr=#ffffff,EndColorStr=#f7f7f7,GradientType=0);

  background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f7f7f7));

  background:-webkit-linear-gradient(#fff, #f7f7f7);

  background:-moz-linear-gradient(#fff, #f7f7f7);

  background:-ms-linear-gradient(#fff, #f7f7f7);

  background:-o-linear-gradient(#fff, #f7f7f7);

  background:linear-gradient(#fff, #f7f7f7);

  border:1px solid #ddd;

  border-radius:5px;

  position:relative;

  margin:0 0 20px 0;

  padding:0 0 0 30px;

  font-weight:bold;

}

 

19 라인 padding 값 변경 

 

    display: block;

    line-height: 40px;

    height: 40px;

    background: #f7f7f7;

    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr=#ffffff,EndColorStr=#f7f7f7,GradientType=0);

    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f7f7f7));

    background: -webkit-linear-gradient(#fff, #f7f7f7);

    background: -moz-linear-gradient(#fff, #f7f7f7);

    background: -ms-linear-gradient(#fff, #f7f7f7);

    background: -o-linear-gradient(#fff, #f7f7f7);

    background: linear-gradient(#fff, #f7f7f7);

    border: 1px solid #ddd;

    border-radius: 5px;

    position: relative;

    margin: 0 50px 20px 50px;

    padding: 0 0 0 30px;

    font-weight: bold;

니코모바일위젯스타일-모바일혀 수정 화면.png

 

이제 좀 가시성은 괜찮은듯 보인다 

이후 사용할땐  위젯 스타일에서 모바일용으로 설정해 주면된다 .

 



사이트 관리

사이트관리내역

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
49 라이믹스기록 캡션 : blockquote 인용구 컬러 속성 강제 적용 file 김실장 2023.02.03 53
48 라이믹스기록 스티커 메모 위젯 (Sticky Note) 모바일 터치 오류 file 김실장 2022.08.25 79
47 설정기록 방명록 댓글 오류 (스케치북 5 스킨) file 김실장 2022.08.23 75
46 라이믹스기록 스케치북 게시판 get_sign 속성 수정 file 김실장 2022.07.25 83
45 라이믹스기록 스케치북5 정보보기 - 맴버 스킨의 자동로그인 관리 / 작성댓글보기 탬플릿 오류 1 file 김실장 2022.07.15 80
44 라이믹스기록 핫튜브 / 자료실 게시판 오류 -유튜브 링크 바로 임베드 애드온 설치로해결 2 file 김실장 2022.07.14 88
43 라이믹스기록 라이믹스형 스케치북 게시판 카카오톡 & 트윗터 공유 추가 file 김실장 2022.07.13 132
42 라이믹스기록 카카오톡 외 왭 공유 게시글 이미지 첨부 오류 file 김실장 2022.07.13 73
41 라이믹스기록 라이믹스 업그레이드 오류내용들-(정검해봐야할 기록 정리) 2 file 김실장 2022.07.11 122
40 라이믹스기록 라이믹스 업그레이드 후 소셜xe 로그인 오류 1 김실장 2022.07.11 189
39 라이믹스기록 XE 에서 rhymix 로 업그레이들 하였다. 5 file 김실장 2022.07.10 176
38 수정기록 블로그 상단 메뉴 바 컬러 변경 file 김실장 2022.07.07 71
37 수정기록 카카오톡 sns 공유 이미지 불러오기 오류 file 김실장 2022.07.04 75
36 수정기록 스케치북 5 게시판 (제목 컬러설정)오류 1 file 김실장 2022.07.04 92
35 수정기록 사이드바 / 최신글 /최신댓글 /태그 리스트 수정 1 file 김실장 2022.07.02 90
34 수정기록 스케치북5 게시판 sns 공유버턴 트윗터 오류 file 김실장 2022.07.01 80
33 수정기록 pc와 mobile위젯 편집 (카카오 공유링크) 1 file 김실장 2022.06.30 76
32 수정기록 카카오 공유 링크 만들기 위한 말풍선 아이콘.png file 김실장 2022.06.28 92
31 라이믹스기록 스케치북5 레이아웃 사용못하는 사이드 위젯들을 커스텀하자 file 김실장 2022.06.28 138
30 설정기록 스케치북 게시판 웹진형 설정 file 김실장 2022.06.27 91
29 수정기록 스케치북5 레이아웃 카테고리 위젯문제 해결 file 김실장 2022.06.27 73
» 수정기록 니코(nico) 위젯 스타일 모바일형으로수정 file 김실장 2022.06.27 70
27 수정기록 웹콘 소프트의 슬라이드 갤러리 Carousel 위젯 수정 file 김실장 2022.06.26 68
26 수정기록 위젯 페딩값 수정과 이미지 파일 수정 file 김실장 2022.06.26 64
25 수정기록 최신글 위젯 모바일 사용성 편집 file 김실장 2022.06.26 65
24 수정기록 클라우드 태그위젯 폰트 색상코드 변경 file 김실장 2022.06.25 64
23 수정기록 회원 정보 탭 수정 (sns관리탭, 회원 정보탭) file 김실장 2022.06.25 66
22 수정기록 페이스북 소셜 로그인 앱 오류수정 1 file 김실장 2022.06.24 64
21 수정기록 내정보 탭의 로그인 기록창과 sns 관리 창 변경 file 김실장 2022.06.24 58
20 수정기록 사이트 레이아웃 기본 로그인창 소셜 로그인 기능 수정 기록 file 김실장 2022.06.24 73
19 수정기록 사이트 레이아웃 기본 로그인창 소셜 로그인 기능 수정 계흭 기록 file 김실장 2022.06.24 63
18 수정기록 게시판 스킨 쓰기 설정 변경 김실장 2022.06.24 58
17 수정기록 소셜 XE 구글 fix 버전 설치 후 수정 목록 1 file 김실장 2022.06.23 70
16 수정기록 스케치북 5 게시판의 위저드기능 사용안함 설정 file 김실장 2022.06.22 59
15 수정기록 스케치북 5 게시판 카카오톡 공유 사용설정 김실장 2022.06.22 66
14 수정기록 UTF-8 인코딩의 BOM (Byte Order Mark) 문제로 레이아웃 깨짐 file 김실장 2022.06.22 43
13 수정기록 변칙 모바일 레이아웃 해상도 수정 적용 file 김실장 2022.06.21 52
12 수정기록 댓글 쓰기창 문구 수정 김실장 2022.06.21 54
11 수정기록 인증메일 재전송 창 수정 3 file 김실장 2022.06.21 61
10 수정기록 모바일 기본로그인 창 사이즈 변경 - 모바일 전체메뉴 보기 컬러 변경 file 김실장 2022.06.20 49
Board Pagination Prev 1 2 Next
/ 2

Recent Articles

Recent Comment

sketchbook5, 스케치북5

sketchbook5, 스케치북5