CSS 14

홈페이지에 바로 적용할 수 있는 html 템플릿 +5.template

홈페이지에 바로 적용해 볼 수 있는 html 템플릿 모음입니다. 기본적인 html과 CSS 등 지식이 있어야 하겠지만, 멋진 디자인의 페이지를 내용 글 및 사진들 수정해서 완성할 수 있구요. 자바스크립트나 CSS3 을 활용한 다양한 효과도 기본 적용되어 있어서 사용하기에 좋습니다. 포트폴리오나 기본적인 회사홈페이지, 개인 홈페이지 등 구성할 수 있는 수준이구요, 그누보드나 XE 등 CMS 프로그램이나 블로그 등에 적용하려면, 좀 난이도가 있는 작업이 되겠네요. 하지만, 내용 분석해보면, 자신만의 멋진 템플릿이나 마음에 드는 스킨을 만들수 있겠죠? html, 반응형, 부트스트랩, 원페이지 템플릿, 포토샵PSD 파일 포함 등 기본 정보들은 각각의 페이지에서 더 상세하게 확인하실 수 있습니다. 그럼, 아래 다..

디자인 2018.02.09

툴팁 관련 CSS & jQuery 라이브러리 소스 5종.script

깔끔한 CSS 기반의 tooltip 라이브러리 입니다. 기본 애니메이션, 위치, 색상, 크기 선택해서 적용하실 수 있습니다. Hint.css jQuery 기반의 툴팁 입니다. 애니메이션 효과, 위치, 클릭시 닫기, 툴팁 따라다니기 등 다양한 효과를 선택하실 수 있고, Modat window 와 alert 스크립트도 포함되어져 있습니다. jBox qTip2 는 처음 버젼도 그렇지만, 다양한 옵션을 제공, 편리하게 사용할 수 있습니다. 이미지맵, SGV, Html 삽입, 닫기 버튼 옵션, iframe, AJAX 툴팁 등 활용 범위가 넓습니다. CSS3 툴팁 색상 변경, 창 디자인 변경 등 재밌는 기능도 많이 있고, IE6 버젼도 기본 적용합니다. qTip2 다양한 툴팁 애니메이션 이펙트를 확인하실 수 있습니..

디자인 2016.07.22

코드 하이라이트 syntaxhighlighter 부트스트랩 첫라인 공백 버그 해결.CSS

부트스트랩으로 티스토리 스킨 만들고, syntaxhighlighter 코드 하이라이트를 적용시켰는데, 뭔가 어색해서 봤더니, 첫라인을 띄우고 코드가 입력되는 걸 확인.. 찾아 보니, 간단한 방법으로 해결할 수가 있었습니다. 아래 CSS 스타일을 붙혀넣기 해주시면 코드가 정상적으로 보여집니다. CSS .syntaxhighlighter table .container:before { display: none !important; } 소스 코드 영역을 더블클릭 하시면, 코드가 전체 선택 됩니다. 그리고, ctrl + c / ctrl + v thanks to Derek Eatough

디자인 2016.07.08

아이폰에서 iframe 페이지 스크롤 되게 하려면?.CSS

안드로이드 폰 테스트 후, 아이폰에서 iframe 창이 길게길게 그대로 보이고.. 아래 CSS 적용해 보신 후, 테스트 해 보세요~ Html 소스 코드 영역을 더블클릭 하시면, 코드가 전체 선택 됩니다. 그리고, ctrl + c / ctrl + v CSS .scroll-wrapper { -webkit-overflow-scrolling: touch; overflow-y: scroll; /* important: dimensions or positioning here! */ } .scroll-wrapper iframe { /* nada! */ } 소스 코드 영역을 더블클릭 하시면, 코드가 전체 선택 됩니다. 그리고, ctrl + c / ctrl + v thanks to David Walsh

디자인 2016.07.07

사파리 브라우저, 아이폰 iOS CSS 핵 정리.css

맥의 사파리 브라우저와 아이폰IOS 에 적용되는 CSS Hacks 입니다. 프로젝트시 가끔 아이폰과 안드로이드, 웹브라우저 간의 스타일이 적용이 다를 때나 깨질 때 사용할 수 있는 CSS 코드 입니다. 핵은 안쓰면 좋겠지만, 꼭 필요할 때가 생기기도 하니.. 적용 후, 테스트 잊지 마세요~ Safari 6.1+ /* Safari 6.1+ (9.0 is the latest version of Safari at this time) */ @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .safari_only { color:#0000FF; background-color:#CCCCCC; } }} Safari..

디자인 2016.07.06 (3)

css 갤러리 사이트 정리~

http://www.cssbeauty.com/gallery/ 사이트가 제일 깔쌈한 갤러리 형식으로는 첨 본 사이트네요, RSS는 제목만 Rss feed : http://www.cssbeauty.com/rss/gallery/ http://www.cssbloom.com/ 반절 Rss feed : http://feeds.feedburner.com/Cssbloom http://www.cssimport.com/ 로고위주 Rss feed : http://feeds.feedburner.com/cssimport http://cssmania.com/ 사이트 기본 색상도 정리해서 보여주네요, 한화면 Rss feed : http://feeds.feedburner.com/cssmania http://www.cssremix.c..

디자인 2007.02.01
1 2