연습장:카페인러브

1. 카테고리#

다음은 정보상자를 통해 자동으로 추가할 분류들입니다.

• 애니메이션 정보상자
  • 분류:애니메이션
  • 분류:○○○○년의 애니메이션

• 라이트 노벨
  • 분류:라이트 노벨
  • 분류:완결된 라이트 노벨 / 완결되지 않은 라이트 노벨

• 코믹스
  • 분류:코믹스
  • 분류:완결된 코믹스 / 완결되지 않은 코믹스

• 공략형 게임
  • 분류:미소녀 게임 / 미소녀 게임 (19금) / 오토메 게임 / 오토메 게임 (19금) / BL 게임 / BL 게임 (19금)
  • 분류:노블류 게임 / 야리코미류 게임

• 드라마 CD
  • 분류:드라마 CD / BLCD

• 라디오
  • 분류:라디오

• {{장르}}
  • {{장르|SF|메카}} 처럼 입력하면 각 칸에 있는 장르를 분류로 만들어줌.
  • 덤으로 분류:작품명도 만들어줌.

2. 만들 순서#

1. 쿠루스 카나코, 사오리 버지나
2. 소드 아트 온라인/등장인물
3. 스즈미야 하루히 시리즈/등장인물
4. 데이트 어 라이브, 이츠카 코토리
5. 사와타리 후우
6. 공각기동대

3. user page ajax load#

• 사용하는 플러그인 소스 : https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/jquery-ias.js

////////////////////////////////////////
// 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"/>'
	});
});

4. 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);
		};
	});
});

5. 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 }