반응형
제목이 긴 문자열로 이루어진 글을 테이블의 폭에알맞게 잘라줍니다.
반응형
'코드자료실 > css' 카테고리의 다른 글
| [CSS] a태그 점선 없애기 (0) | 2012.12.23 |
|---|---|
| CSS 색상표 (0) | 2012.12.23 |
| [링크] 버튼 css (0) | 2012.12.23 |
cocy
조금은 가볍게! 시작은 새롭게!
'코드자료실'에 해당되는 글 42건
- 2012.12.23 [CSS] 긴문자열 .. 표시
- 2012.12.23 [CSS] a태그 점선 없애기
- 2012.12.23 CSS 색상표
- 2012.12.23 [링크] 버튼 css
- 2012.12.23 [링크] 자바스크립트 라이브러리 정리 사이트
- 2012.12.23 jquery.jpg 1
- 2012.12.21 브라우져 종류 체크 스크립트
- 2012.12.14 [jquery] 이미지 겔러리
- 2012.12.14 [링크] 홈페이지 템플릿
- 2012.12.10 Systax Highlighter 사용법
반응형
selector-dummy:expression(this.hideFocus=true);/* focus Hide */
반응형
'코드자료실 > css' 카테고리의 다른 글
| [CSS] 긴문자열 .. 표시 (0) | 2012.12.23 |
|---|---|
| CSS 색상표 (0) | 2012.12.23 |
| [링크] 버튼 css (0) | 2012.12.23 |
cocy
조금은 가볍게! 시작은 새롭게!
반응형
반응형
'코드자료실 > css' 카테고리의 다른 글
| [CSS] 긴문자열 .. 표시 (0) | 2012.12.23 |
|---|---|
| [CSS] a태그 점선 없애기 (0) | 2012.12.23 |
| [링크] 버튼 css (0) | 2012.12.23 |
cocy
조금은 가볍게! 시작은 새롭게!
반응형
http://naradesign.net/open_content/reference/button/
반응형
'코드자료실 > css' 카테고리의 다른 글
| [CSS] 긴문자열 .. 표시 (0) | 2012.12.23 |
|---|---|
| [CSS] a태그 점선 없애기 (0) | 2012.12.23 |
| CSS 색상표 (0) | 2012.12.23 |
cocy
조금은 가볍게! 시작은 새롭게!
반응형
http://jster.net/
반응형
'코드자료실 > javascript' 카테고리의 다른 글
| [jquery] jquery ui tabs (0) | 2013.01.16 |
|---|---|
| [자바스크립트] 문자>수치, 수치>문자 변환 (0) | 2012.12.23 |
| jquery.jpg (1) | 2012.12.23 |
| 브라우져 종류 체크 스크립트 (0) | 2012.12.21 |
| [jquery] 이미지 겔러리 (0) | 2012.12.14 |
cocy
조금은 가볍게! 시작은 새롭게!
반응형
jquery 튜토리얼
http://blog.naver.com/acecode?Redirect=Log&logNo=130075281189
반응형
'코드자료실 > javascript' 카테고리의 다른 글
| [자바스크립트] 문자>수치, 수치>문자 변환 (0) | 2012.12.23 |
|---|---|
| [링크] 자바스크립트 라이브러리 정리 사이트 (0) | 2012.12.23 |
| 브라우져 종류 체크 스크립트 (0) | 2012.12.21 |
| [jquery] 이미지 겔러리 (0) | 2012.12.14 |
| [javascript] 개행문자 제거하기 (2) | 2012.11.29 |
cocy
조금은 가볍게! 시작은 새롭게!
반응형
if(navigator.appVersion.indexOf('MSIE')>0) alert('Microsoft Internet Explorer');
else if(navigator.appVersion.indexOf('Chrome')>0) alert('Chrome');
else if(navigator.appVersion.indexOf('Safari')>0) alert('Safari');
else if(navigator.userAgent.indexOf('Opera')>0) alert('Opera');
else if(navigator.userAgent.indexOf('Navigator')>0) alert('Netscape');
else if(navigator.userAgent.indexOf('Firefox')>0) alert('Mozilla Firefox');
반응형
'코드자료실 > javascript' 카테고리의 다른 글
| [자바스크립트] 문자>수치, 수치>문자 변환 (0) | 2012.12.23 |
|---|---|
| [링크] 자바스크립트 라이브러리 정리 사이트 (0) | 2012.12.23 |
| jquery.jpg (1) | 2012.12.23 |
| [jquery] 이미지 겔러리 (0) | 2012.12.14 |
| [javascript] 개행문자 제거하기 (2) | 2012.11.29 |
cocy
조금은 가볍게! 시작은 새롭게!
반응형
http://spaceforaname.com/galleryview/
Development
GalleryView is in active development, and new features are being implemented on a regular basis. Below is a list of currently implemented options, as well as a list of options I plan on implementing as development continues.
Implemented Options
| option | type | default value | description |
|---|---|---|---|
| transition_speed | int | 1000 | the duration of photo transition animations in milliseconds. |
| transition_interval | int | 4000 | the delay between automated slideshow transitions in milliseconds. |
| easing | string | 'swing' | the easing method used in photo and thumbnail animations. any custom easing method may be used. |
| show_panels | boolean | true | flag to toggle display of main photo panel. set to false to create a carousel-style gallery. (not fully implemented) |
| show_panel_nav | boolean | true | flag to toggle display of next and previous buttons in the gallery panel. |
| enable_overlays | boolean | false | flag to toggle display of informational image overlays. |
| panel_width | int | 800 | width of image panel in pixels. |
| panel_height | int | 400 | height of image panel in pixels. |
| panel_animation | string | 'fade' | the animation method used for panel image transitions. Options are 'fade', 'crossfade', 'slide' |
| panel_scale | string | 'crop' | the scaling method for panel images. Options are 'crop', 'fit'. |
| overlay_position | string | 'bottom' | the positioning of informational panel overlays. Options are 'bottom', 'top' |
| pan_images | boolean | false | flag to toggle drag-based panning of oversized panel images. |
| pan_style | string | 'drag' | panning method used. 'drag' = user clicks and drags image to pan, 'track' = image automatically pans based on mouse position |
| start_frame | int | 1 | index indicating which image to display when gallery loads |
| show_filmstrip | boolean | true | flag to toggle display of navigation filmstrip. |
| show_filmstrip_nav | boolean | true | flag to toggle display of filmstrip-based navigation buttons. |
| enable_slideshow | boolean | true | flag to toggle play/pause button and ability to start/stop slideshow |
| autoplay | boolean | false | flag to automatically start slideshow when gallery loads |
| filmstrip_position | string | 'bottom' | location of filmstrip in relation to panel. Options are 'top', 'left', 'bottom', 'right'. |
| frame_width | int | 70 | width of filmstrip frames in pixels. |
| frame_height | int | 40 | height of filmstrip frames in pixels. |
| frame_opacity | float | 0.4 | the default opacity of filmstrip frames (range 0.0 - 1.0) |
| frame_scale | string | 'crop' | the scaling method for frame images. Options are 'crop', 'fit'. |
| frame_gap | int | 5 | distance between frames in pixels. |
| show_captions | boolean | false | flag to toggle display of frame captions (populated by image's titleattribute). |
| show_infobar | boolean | true | flag to toggle display of image counter bar. |
| infobar_opacity | float | 1.0 | the default opacity of infobar (range 0.0 - 1.0) |
Future Options
| option | intended function |
|---|---|
| overlay_opacity | To allow the creation of translucent overlays by setting the opacity of the overlay's container. |
| pan_style | To provide the option of multiple panning methods, including the current 'drag' method as well as a 'track' method where the image pans as the mouse moves within the gallery. |
| pan_smoothness | To allow the user to control the speed and smoothness of 'track' style panning. |
| start_image | To allow the user to load the gallery on an arbitrary image. |
| filmstrip_size | Define number of images visible in filmstrip-only, carouself style galleries. |
반응형
'코드자료실 > javascript' 카테고리의 다른 글
| [자바스크립트] 문자>수치, 수치>문자 변환 (0) | 2012.12.23 |
|---|---|
| [링크] 자바스크립트 라이브러리 정리 사이트 (0) | 2012.12.23 |
| jquery.jpg (1) | 2012.12.23 |
| 브라우져 종류 체크 스크립트 (0) | 2012.12.21 |
| [javascript] 개행문자 제거하기 (2) | 2012.11.29 |
cocy
조금은 가볍게! 시작은 새롭게!
반응형
html + css
http://www.solucija.com/templates/free
http://www.freecsstemplates.org/
html5 + css3
http://freehtml5templates.com/
http://www.opensourcetemplates.org/
http://www.templateworld.com/free_templates.html
http://www.oswd.org/
http://www.free-css-templates.com/free-templates.html
http://www.templatesbox.com/
http://www.freelayouts.com/websites
http://www.ex-designz.net/template/tempcat.asp?cat_id=13
http://www.openwebdesign.org/browse.php
http://www.code-sucks.com/free-css-templates/
http://www.oswt.co.uk/browse_designs.html
http://www.solucija.com/home/css-templates/
http://www.cssfill.com/
http://www.sixshootermedia.com/free-templates/
반응형
'코드자료실 > html' 카테고리의 다른 글
| [meta 태그] meta태그 종류와 사용 (0) | 2013.03.14 |
|---|---|
| [html] 특수문자 코드표 (0) | 2013.01.21 |
| Systax Highlighter 사용법 (0) | 2012.12.10 |
cocy
조금은 가볍게! 시작은 새롭게!
반응형
추가할 라이브러리
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js'></script>
<link rel='stylesheet' type='text/css' href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css'/>
<link rel='stylesheet' type='text/css' href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css'/>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js'></script>
<script type='text/javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shLegacy.js'></script>
<script type='text/javascript'>
SyntaxHighlighter.all();
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.config.bloggerMode = true;
</script>
코드 적용 <pre class="brush: js; smart-tabs: true">
</pre>
blush종류
applescript @shBrushAppleScript.js
actionscript3 as3 @shBrushAS3.js
bash shell @shBrushBash.js
coldfusion cf @shBrushColdFusion.js
cpp c @shBrushCpp.js
c# c-sharp csharp @shBrushCSharp.js
css @shBrushCss.js
delphi pascal @shBrushDelphi.js
diff patch pas @shBrushDiff.js
erl erlang @shBrushErlang.js
groovy @shBrushGroovy.js
java @shBrushJava.js
jfx javafx @shBrushJavaFX.js
js jscript javascript @shBrushJScript.js
perl pl @shBrushPerl.js
php @shBrushPhp.js
text plain @shBrushPlain.js
py python @shBrushPython.js
ruby rails ror rb @shBrushRuby.js
sass scss @shBrushSass.js
scala @shBrushScala.js
sql @shBrushSql.js
vb vbnet @shBrushVb.js
xml xhtml xslt html @shBrushXml.js
반응형
'코드자료실 > html' 카테고리의 다른 글
| [meta 태그] meta태그 종류와 사용 (0) | 2013.03.14 |
|---|---|
| [html] 특수문자 코드표 (0) | 2013.01.21 |
| [링크] 홈페이지 템플릿 (0) | 2012.12.14 |
cocy
조금은 가볍게! 시작은 새롭게!