Skip to content

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

조회 수 3 추천 수 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
번호 분류 제목 글쓴이 날짜 조회 수
46 라이믹스기록 스케치북 게시판 get_sign 속성 수정 file 김실장 2022.07.25 2
45 라이믹스기록 스케치북5 정보보기 - 맴버 스킨의 자동로그인 관리 / 작성댓글보기 탬플릿 오류 1 file 김실장 2022.07.15 2
44 라이믹스기록 핫튜브 / 자료실 게시판 오류 -유튜브 링크 바로 임베드 애드온 설치로해결 2 file 김실장 2022.07.14 2
43 라이믹스기록 라이믹스형 스케치북 게시판 카카오톡 & 트윗터 공유 추가 file 김실장 2022.07.13 2
42 라이믹스기록 카카오톡 외 왭 공유 게시글 이미지 첨부 오류 file 김실장 2022.07.13 0
41 라이믹스기록 라이믹스 업그레이드 오류내용들-(정검해봐야할 기록 정리) 2 file 김실장 2022.07.11 2
40 라이믹스기록 라이믹스 업그레이드 후 소셜xe 로그인 오류 1 김실장 2022.07.11 4
39 라이믹스기록 XE 에서 rhymix 로 업그레이들 하였다. 5 file 김실장 2022.07.10 3
38 수정기록 블로그 상단 메뉴 바 컬러 변경 file 김실장 2022.07.07 1
37 수정기록 카카오톡 sns 공유 이미지 불러오기 오류 file 김실장 2022.07.04 2
36 수정기록 스케치북 5 게시판 (제목 컬러설정)오류 1 file 김실장 2022.07.04 1
35 수정기록 사이드바 / 최신글 /최신댓글 /태그 리스트 수정 1 file 김실장 2022.07.02 6
34 수정기록 스케치북5 게시판 sns 공유버턴 트윗터 오류 file 김실장 2022.07.01 2
33 수정기록 pc와 mobile위젯 편집 (카카오 공유링크) 1 file 김실장 2022.06.30 7
32 수정기록 카카오 공유 링크 만들기 위한 말풍선 아이콘.png file 김실장 2022.06.28 3
31 라이믹스기록 스케치북5 레이아웃 사용못하는 사이드 위젯들을 커스텀하자 file 김실장 2022.06.28 5
30 설정기록 스케치북 게시판 웹진형 설정 file 김실장 2022.06.27 3
29 수정기록 스케치북5 레이아웃 카테고리 위젯문제 해결 file 김실장 2022.06.27 3
» 수정기록 니코(nico) 위젯 스타일 모바일형으로수정 file 김실장 2022.06.27 3
27 수정기록 웹콘 소프트의 슬라이드 갤러리 Carousel 위젯 수정 file 김실장 2022.06.26 2
26 수정기록 위젯 페딩값 수정과 이미지 파일 수정 file 김실장 2022.06.26 1
25 수정기록 최신글 위젯 모바일 사용성 편집 file 김실장 2022.06.26 3
24 수정기록 클라우드 태그위젯 폰트 색상코드 변경 file 김실장 2022.06.25 1
23 수정기록 회원 정보 탭 수정 (sns관리탭, 회원 정보탭) file 김실장 2022.06.25 1
22 수정기록 페이스북 소셜 로그인 앱 오류수정 1 file 김실장 2022.06.24 4
21 수정기록 내정보 탭의 로그인 기록창과 sns 관리 창 변경 file 김실장 2022.06.24 2
20 수정기록 사이트 레이아웃 기본 로그인창 소셜 로그인 기능 수정 기록 file 김실장 2022.06.24 12
19 수정기록 사이트 레이아웃 기본 로그인창 소셜 로그인 기능 수정 계흭 기록 file 김실장 2022.06.24 2
18 수정기록 게시판 스킨 쓰기 설정 변경 김실장 2022.06.24 7
17 수정기록 소셜 XE 구글 fix 버전 설치 후 수정 목록 1 file 김실장 2022.06.23 2
Board Pagination Prev 1 2 Next
/ 2

Recent Articles

Recent Comment

Manager by kim Siljang | Designed Costom by Kim Siljang

sketchbook5, 스케치북5

sketchbook5, 스케치북5