웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
2. Prevent Firefox Scrollbar Jump
- Firefox용
3. Rounded-Corner Elements
4. Print Page Breaks
5. Attribute-Specific Icons
6. CSS Pointer Cursors
7. display:block Links
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
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
iframe을 이용한 악성코드 침투 - 치료 및 대응법 (검블러 or GENO)
[8]
![]() | 미루819 | 2009.10.01 |
비회원 글쓰기가 되지 않을 경우.. | 태쥐 | 2009.10.01 |
첨부한 압축파일이 손상되는 이유와 그 해결 (CRC 오류) | Gekkou | 2009.10.03 |
위젯에서 페이지 기능 활용 팁 [3] | 라르게덴 | 2009.10.05 |
파일 첨부시 사라지는 현상 [6] | Isaac Shepherd | 2009.10.07 |
-추가- 당신의 XE 기반 홈페이지를 훅가게 하는 방법 4가지 [26] | 老姜君 | 2009.10.08 |
제로보드4->XE 데이터 이전 시 회원 정보 오류 / 포인트 문제 [10] | 개돌 | 2009.10.08 |
최근게시물의 캐시파일을 일반문서에 불러들이기 [2] | 고진감래 | 2009.10.09 |
[확장변수] 게시물을 새창에서 전체화면으로 보기
[2]
![]() | 고진감래 | 2009.10.09 |
[초보] 본문 하단에 구글 애드센스 삽입방법 [2] | BigSeong | 2009.10.10 |
로그인 폼에 관리자는 [Admin] 나타나게 하기
[4]
![]() | 오스카 | 2009.10.10 |
모르지오 레이아웃 사용시 각종 [배경이미지] 넣어도 안 나타날 경우 [2] | 오스카 | 2009.10.10 |
레이아웃에서 배경이미지를 좌-아래에 넣을 경우 | 오스카 | 2009.10.10 |
게시판에서 비회원 메일 주소 확인하기 | 똑디 | 2009.10.12 |
플래너 "한줄공지" 가 삭제되지 않는 경우 의 임시대응법
[2]
![]() | Gekkou | 2009.10.13 |
textyle Domain 접속방법
[5]
![]() | 왜만지냐 | 2009.10.15 |
textyle에 믹시업 위젯 달기 [1] | 명희남편 | 2009.10.15 |
DB 이전시 오류 해결,,,하하하하...끝네 해결 했음....
![]() | Crazyhouse.cn | 2009.10.16 |
웹진/갤러리에서 썸네일 클릭 시 원본 이미지 보기 + HighSlide JS 적용 (수정) [18] | 고진감래 | 2009.10.17 |
간단한 위키링크 흉내내기 [5] | 고진감래 | 2009.10.17 |