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

 

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

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

 



사이트 관리

사이트관리내역

  1. 블로그 상단 메뉴 바 컬러 변경

    Date2022.07.07 Category수정기록 By김실장 Views71
    Read More
  2. 카카오톡 sns 공유 이미지 불러오기 오류

    Date2022.07.04 Category수정기록 By김실장 Views75
    Read More
  3. 스케치북 5 게시판 (제목 컬러설정)오류

    Date2022.07.04 Category수정기록 By김실장 Views92
    Read More
  4. 사이드바 / 최신글 /최신댓글 /태그 리스트 수정

    Date2022.07.02 Category수정기록 By김실장 Views90
    Read More
  5. 스케치북5 게시판 sns 공유버턴 트윗터 오류

    Date2022.07.01 Category수정기록 By김실장 Views80
    Read More
  6. pc와 mobile위젯 편집 (카카오 공유링크)

    Date2022.06.30 Category수정기록 By김실장 Views76
    Read More
  7. 카카오 공유 링크 만들기 위한 말풍선 아이콘.png

    Date2022.06.28 Category수정기록 By김실장 Views92
    Read More
  8. 스케치북5 레이아웃 카테고리 위젯문제 해결

    Date2022.06.27 Category수정기록 By김실장 Views73
    Read More
  9. 니코(nico) 위젯 스타일 모바일형으로수정

    Date2022.06.27 Category수정기록 By김실장 Views70
    Read More
  10. 웹콘 소프트의 슬라이드 갤러리 Carousel 위젯 수정

    Date2022.06.26 Category수정기록 By김실장 Views68
    Read More
  11. 위젯 페딩값 수정과 이미지 파일 수정

    Date2022.06.26 Category수정기록 By김실장 Views64
    Read More
  12. 최신글 위젯 모바일 사용성 편집

    Date2022.06.26 Category수정기록 By김실장 Views65
    Read More
  13. 클라우드 태그위젯 폰트 색상코드 변경

    Date2022.06.25 Category수정기록 By김실장 Views64
    Read More
  14. 회원 정보 탭 수정 (sns관리탭, 회원 정보탭)

    Date2022.06.25 Category수정기록 By김실장 Views66
    Read More
  15. 페이스북 소셜 로그인 앱 오류수정

    Date2022.06.24 Category수정기록 By김실장 Views64
    Read More
  16. 내정보 탭의 로그인 기록창과 sns 관리 창 변경

    Date2022.06.24 Category수정기록 By김실장 Views58
    Read More
  17. 사이트 레이아웃 기본 로그인창 소셜 로그인 기능 수정 기록

    Date2022.06.24 Category수정기록 By김실장 Views73
    Read More
  18. 사이트 레이아웃 기본 로그인창 소셜 로그인 기능 수정 계흭 기록

    Date2022.06.24 Category수정기록 By김실장 Views63
    Read More
  19. 게시판 스킨 쓰기 설정 변경

    Date2022.06.24 Category수정기록 By김실장 Views58
    Read More
  20. 소셜 XE 구글 fix 버전 설치 후 수정 목록

    Date2022.06.23 Category수정기록 By김실장 Views70
    Read More
Board Pagination Prev 1 2 Next
/ 2

Recent Articles

Recent Comment

sketchbook5, 스케치북5

sketchbook5, 스케치북5