유틸리티, 정보/WEB TIP 36

[IE10이상] 웹사이트의 스크롤바를 더욱 아름답게 표현해주는 동적스크롤바

아무 동작이 없을경우 약 3초정도후에 스크롤바가 사라지며 그상태에서 휠을 움직이면 얇은 스크롤바로 변해서 움직이고마우스이동이 감지되면 다시 원상태로 나옵니다. 이런식으로 사이트 바깥으로 나오는게 아니라 반투명 오버레이되어 표현되기때문에 아주 작은 차이이고 굳이 없어도 되는기능이긴한데 무척이나 세련되게 보이는 느낌이 나긴 합니다. ?1 덜렁 이 한줄을 페이지내 사이에 넣으시면 됩니다. TIP.기존의 스크롤바 컬러를 변경하는 코드와 함께 사용이 되면 더욱 예쁜 스크롤바를 만들수가 있습니다. ?12345678html { scrollbar-arrow-Color: #efefef; scrollbar-Track-Color: #efefef; scrollbar-base-Color: #dfdfdf; scrollbar-Fa..

CSS로 웹사이트의 스크롤바를 커스텀 변경하기 ie,Chrome,Safari

/* ie 용 스크롤 바 *********************************************/ html { scrollbar-arrow-color: #efefef; scrollbar-Track-Color: #efefef; scrollbar-base-color: #dfdfdf; scrollbar-Face-Color: #dfdfdf; scrollbar-3dLight-Color: #dfdfdf; scrollbar-DarkShadow-Color: #dfdfdf; scrollbar-Highlight-Color: #dfdfdf; scrollbar-Shadow-Color: #dfdfdf} /* Chrome, Safari용 스크롤 바 */ ::-webkit-scrollbar {width: 12px; he..

SWIFT 은행 식별 코드(BIC)

SWIFT 은행 식별 코드(BIC) BIC는 쉽게 말해 은행 식별 코드입니다.해외 은행에 송금을 할때 세계 공통으로 사용되는 은행 이름을 알아야 하는데, 이 이름을 코드화 시킨게 바로 BIC입니다. 은행명 영문 은행명 SWIFT 식별 코드 국민은행 KOOK MIN BANK CZNBKRSE 기업은행 INDUSTRIAL BANK OF KOREA IBKOKRSE 농협 NATIONAL AGRICULTURAL COOPERATIVE FEDERATION NACFKRSEXXX 신한은행 SHIN HAN BANK SHBKKRSE 외환은행 KOREA EXCHANGE BANK KOEXKRSEXXX 우리은행 WOORI BANK HVBKKRSEXXX 하나은행 HANA BANK HNBNKRSE 한국씨티은행 CITIBANK KORE..

디자이너를 위한 깔끔한 플랫 아이콘 세트 템플릿 PSD파일 21종

이미지 카테고리:소셜 미디어 아이콘 (PSD) 나무 from kr.365psd.com 저작자:그래픽 자료의 간단한 벡터 아이콘 from kr.365psd.com 그래픽 작업자:클라우드 컴퓨팅 아이콘 (PSD) from kr.365psd.com 발신:플랫 아이콘 from kr.365psd.com 저작자:Roundicons.com 60 무료 플랫 아이콘 from kr.365psd.com 이미지 카테고리:5 시 그림자 from kr.365psd.com 이미지 카테고리:어도비 아이콘 from kr.365psd.com 그래픽 작업자:플랫 아이콘 from kr.365psd.com 발신:다채로운 아이콘 from kr.365psd.com 파일 만든이:평면 디자인 아이콘 설정 Vol2 from kr.365psd.com ..

CSS 사이즈(Size) 단위에 대해서

사이즈(Size) 단위 CSS를 사용할 때 우리는 폰트의 크기, DIV 박스의 가로 세로 길이 등등필수적으로 어떤 특정한 Size를 표기하게 됩니다. 이때 사용하는 Size의 단위에는 여러가지 종류들이 있습니다. 절대단위를 나타내는in : Inches (인치) - 1인치는 2.54 센티미터cm : Centimeters (센티미터)mm : Millimeters (밀리미터)pt : Points (포인트) - 1 포인트는 0.72 인치)pc : Picas (파이카) - 1 파이카는 12 포인트 가 있고상대단위를 나타내는em : 지정되거나 상속받은 폰트 높이에 대한 상대 크기ex : 지정되거나 상속받은 폰트 중 알파벳 'x' 의 높이에 대한 상대 크기px : Pixels (픽셀) - 화면 해상도에 대한 상대 크..

부드럽게 나타나는 팝업창 leanmodal.js

세련된 팝업창으로 이보다 더 완벽한건 아직도 본적이 없습니다.적용하기도 무척이나 쉽고 코드마저 간단해서 초보자분들도 쉽게 적용하실수 있구요. 중요 알림이나 로그인 팝업으로 css 파일 #lean_overlay { position: fixed; z-index: 10000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; } #test { width: 600px; display:none; background: #FFF; } html 파일 Request Complimentary Consultation Lorem ipsum dolor sit amet. js 파일 다운로드 미리보기는 출처 사이트에서 확인하세요. http:..

유용하고 자주쓰이는 스타일시트(css) 속성 정리

나는 전문가가 아니라서 어쩌다 한번씩 홈페이지를 수정하려면 막상 단어나 구문이 생각이 안나서 매번 검색을 하거나 다른 스타일시트를열고 찾아보는 과정을 여지껏 반복했는데 이참에 생각난김에 한군데에 정리해놓고 써야지.왜 진작 이렇게 하지 않았을까. 그런데 웃기는게 막상 할일을 다 끝내놓고 정리를 하려다보니까머릿속에 다 입력이 되버린것같다. *아래 쓰여진 부분 이외에도 더 자세한 속성값들이 있으나 나는 딱히 그렇게까지 자세하게 알지 않아도 되는 사람이므로 패스. 궁금하신분들은 구글님께 문의하시고*일반 사용자들은 이정도만 이해해도 충분할것으로 생각함* 간단하게 설명은 굳이 해두었지만 개인적으로 편하게 쓰려고 정리해두는거라 타인이 보기엔 불편할수 있음. ---------------------------------..

웹디자인과 앱디자인을 위한 플랫 아이콘, 소셜 템플릿 PSD파일 FLAT ICON SET

Image By:40 Free Flat Icons from 365psd.com From:Odin - Freebie iOS Icon Pack from 365PSD.com Author:Chic Female Icons 36 from 365psd.com Source:Small Icons from 365PSD.com Image By:Social Icons from 365psd.com From:5 O'clock Shades Icon Set from 365psd.com From:Mini Glyph Icons from 365PSD.com Credit:Social Media Icons from 365psd.com Author:Simple Line Icons Set Vol.1 from 365PSD.com Author:Th..