웹마스터 팁

  2. Support
  3. 웹마스터 팁

ux를 편리하게 하기 위한 css 팁

2014.02.03 18:29

두랄루민


1. Change Text Highlight Color
 - Firefox, Opera, and Safari에서만 됨

::selection { background:#c3effd; color:#000; /* Safari and Opera */ }
::-moz-selection { background:#c3effd; color:#000; /* Firefox */ }

2. Prevent Firefox Scrollbar Jump
 - Firefox용
html { overflow-y:scroll; }

3. Rounded-Corner Elements
input { -moz-border-radius:10px; -webkit-border-radius:10px; }

4. Print Page Breaks
.page-break { page-break-before:always; }

5. Attribute-Specific Icons
a[href$='.pdf'] { padding:0 20px 0 0; background:transparent 
url(/graphics/icons/pdf.gif) no-repeat center right; }

6. CSS Pointer Cursors
input[type=submit],label,select,.pointer { cursor:pointer; }

7. display:block Links
#navigation li a { display:block; }

참고가 되셨으면 합니다.
출처: http://davidwalsh.name/css-enhancements-user-experience
이 게시물을
좋아요
목록
제목 글쓴이 날짜
1.7.4 - 페이지나 게시판 생성 후 설정화면에 가면 '사이트기본스킨사용' 이 적용되지 않는 버그 해결법 sejin7940 2014.02.08
통합검색할때 회원별 권한에 따라 내용 보여주기 garnecia 2014.02.07
[수정본] Minify으로 사이트 개선하기 [28] file 크루씨 2012.05.12
[XE 1.7] 스팸필터 설정이 안되는 경우 해결 방법 [3] 퍼니엑스이 2014.02.03
관리자화면 상단의 업데이트 해야할 항목 안내문구 안 나오게 하는 방법 [1] sejin7940 2014.02.04
XE 루트로 접속하기 (이동 필요없음) [12] 모앱 2013.03.03
ux를 편리하게 하기 위한 css 팁 두랄루민 2014.02.03
1.5 -> 1.7 업글중 백지상태 부분!! una_nampyeon 2014.02.03
게시판 스킨 분석 [2] 이온디 2014.01.28
일반회원도 embed 태그 사용하는 방법! (다음/티스토리/구글드라이브 등) 가장 최근코어버전 해결완료!! [9] 주택바가지 2014.01.27
아이디 계정때도 이메일 변경시 재인증 메일 발송하기 [1] 혼ME 2013.06.19
SSL 적용시 작은 iframe 없애기 [1] file explode 2013.11.28
사이트맵에서 메뉴 생성할때 메뉴 추가 항목에 해당 모듈이 바로 연결되도록 [2] sejin7940 2014.01.25
인사말 랜덤추출 스크립트 [xe적용방법] [12] 라싸 2008.02.18
부트스트랩 기초 지식 강의 돼지코구뇽 2014.01.24
XE 1,7 에서 확장변수 기준으로 정렬 기능이 작동 안 하는 버그 수정법 [1] sejin7940 2013.12.04
faq 묘듈 사용시 레이아웃을 깨는 css [3] 착한악마 2014.01.23
input 체크박스, 라디오버튼 테두리 제거 헤이즈디자인 2014.01.22
xe_2009 게시판 스킨 사용시 브라우저 타이틀 지우기 착한악마 2014.01.23
Captcha 애드온 준회원만 적용하기 [2] 라싸 2014.01.22
태그 쓰기