imported>카페인러브 새 주제: →Color scheme |
imported>카페인러브 편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
__FORCETOC__ __NEWSECTIONLINK__ | __FORCETOC__ __NEWSECTIONLINK__ | ||
== 만들 순서 == | |||
# [[쿠루스 카나코]], [[사오리 버지나]] | |||
# [[소드 아트 온라인/등장인물]] | |||
# [[데이트 어 라이브]], [[이츠카 코토리]] | |||
# [[타마유라]] | |||
== user page ajax load == | == user page ajax load == | ||
* 사용하는 플러그인 소스 : https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/jquery-ias.js | * 사용하는 플러그인 소스 : https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/jquery-ias.js | ||
| 14번째 줄: | 20번째 줄: | ||
</pre> | </pre> | ||
== textarea | == auto expand textarea == | ||
<pre style="font-family:monospace; word-wrap:break-word; border:none; background:#efefef;"> | <pre style="font-family:monospace; word-wrap:break-word; border:none; background:#efefef;"> | ||
$(document).ready(function($) { | $(document).ready(function($) { | ||
2013년 8월 17일 (토) 16:41 판
만들 순서
user page ajax load
////////////////////////////////////////
// Bind Infinite Ajax Scroll in User Board
jQuery(function() {
jQuery.ias({
container : '.user-page-board',
item: '.user-board-message',
loader: '<img src="https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/images/loader.gif"/>'
});
});
auto expand textarea
$(document).ready(function($) {
$("textarea").keyup(function(e) {
while($(this).outerHeight() < this.scrollHeight + parseFloat($(this).css("borderTopWidth")) + parseFloat($(this).css("borderBottomWidth"))) {
$(this).css('overflow', 'hidden');
$(this).height($(this).height()+1);
};
});
});
Color scheme
#header {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
+ dropdown-menu { bg : light blue }