연습장:카페인러브 편집하기

__FORCETOC__ __NEWSECTIONLINK__
== alpha ==

== 껍데기 벗기기 ==
<pre>{{#ifexpr:{{#rpos:{{{param}}}|]]}}>-1|{{#replace:{{#sub:{{{param}}}|2}}|]]}}|{{{param}}}}}</pre>
* <nowiki>[[카미야 히로시]]</nowiki> returns 카미야 히로시
* 카미야 히로시 returns 카미야 히로시

== 해야 할 일 ==
=== 관리 ===
; 중요
* <del>IE의 textarea에서 tab의 크기가 다르게 보이는 문제 수정</del>
* <del>갤러리 기본 썸네일 크기 재조정</del>
* <del>가수 분류 추가</del>
* <del>등장인물 튜토리얼</del>, 인물 튜토리얼 추가
* <del>분류를 사용한 간단 컨텐츠맵을 대문에 추가</del>
* <del>분류 페이지의 디자인을 쌔끈하게 변경</del>
* Lazy Loading을 적용해서 latency 절약
* <del>첨부하는 그림의 사이즈 한계 설정</del>

; 보통
* <del>엔드카드 및 아이캐치 : 갤러리 -> 슬라이드쇼 형식으로 바꿈</del> 
* <del>성우위키아 문서 이식 & 성우위키아에 공지 띄움</del> 
* <del>[[대문:애니메이션]]의 툴팁을 완전히 개선할 필요 있음</del>
** <del>현재 커서의 y축 위치가 툴팁의 offsetX를 넘어가면 fadeOut</del>
** <del>툴팁에 x-flip 이외에 y-flip (scroll bottom) 옵션 추가 필요</del>
* <del>정보상자의 info 부분보다 image 부분의 높이가 더 크면 crop해서 보여주기</del>
* AJAX RC (auto refreshing) 테스트
* '''회사 문서를 어떻게 처리할 것인지 결정''' (분류 문서로의 redirect)

; 사소
* SVG renderer 설치 (thumbnail error)

=== 편집 ===
{| class="wikitable" style="width:100%"
! style="width:33%" | 성우
! style="width:33%" | 캐릭터
! style="width:34%" | 작품
|- style="vertical-align:top"
|
* [[아스미 카나]]
* [[하야미 사오리]]
* [[카네모토 히사코]]
* [[카미야 히로시]]
|
* [[츠구미 (길티 크라운)]]
* [[에클레르 마르티노지]]
* [[냐루코]], [[쿠우코]]
|
* [[러브라이브!]]
* [[MM!]]
* [[유루유리]]
* [[kiss×sis]]
* [[아라카와 언더 더 브릿지]]
* [[이것은 좀비입니까?]]
* [[침략! 오징어 소녀]]
* [[러키☆스타]]
* [[소드 아트 온라인/등장인물]]
* [[스즈미야 하루히 시리즈/등장인물]]
|}

== 유틸리티 ==
{| class="mw-collapsible mw-collapsed" style="background-color:#333;color:#ddd;text-align:center;width:100%;"
|-
!colspan="16"|Decimal ASCII Chart
|-
!width="3%"|<small>DEC</small>!!width="6%"|<small>OUT</small>!!width="3%"|<small>DEC</small>!!width="6%"|<small>OUT</small>!!width="3%"|<small>DEC</small>!!width="4%"|<small>OUT</small>!!width="3%"|<small>DEC</small>!!width="4%"|<small>OUT</small>!!width="3%"|<small>DEC</small>!!width="4%"|<small>OUT</small>!!width="3%"|<small>DEC</small>!!width="4%"|<small>OUT</small>!!width="3%"|<small>DEC</small>!!width="4%"|<small>OUT</small>!!width="3%"|<small>DEC</small>!!width="4%"|<small>OUT</small>
|-
||0||NUL||16||DLE||32||SP||48||0||64||@||80||P||96||`||112||p
|-
||1||SOH||17||DC1||33||!||49||1||65||A||81||Q||97||a||113||q
|-
||2||STX||18||DC2||34||"||50||2||66||B||82||R||98||b||114||r
|-
||3||ETX||19||DC3||35||#||51||3||67||C||83||S||99||c||115||s
|-
||4||EOT||20||DC4||36||$||52||4||68||D||84||T||100||d||116||t
|-
||5||ENQ||21||NAK||37||%||53||5||69||E||85||U||101||e||117||u
|-
||6||ACK||22||SYN||38||&||54||6||70||F||86||V||102||f||118||v
|-
||7||BEL||23||ETB||39||'||55||7||71||G||87||W||103||g||119||w
|-
||8||BS||24||CAN||40||(||56||8||72||H||88||X||104||h||120||x
|-
||9||HT||25||EM||41||)||57||9||73||I||89||Y||105||i||121||y
|-
||10||LF||26||SUB||42||*||58||:||74||J||90||Z||106||j||122||z
|-
||11||VT||27||ESC||43||+||59||;||75||K||91||[||107||k||123||{
|-
||12||FF||28||FS||44||,||60||&lt;||76||L||92||\||108||l||124||&#124;
|-
||13||CR||29||GS||45||-||61||=||77||M||93||]||109||m||125||}
|-
||14||SO||30||RS||46||.||62||&gt;||78||N||94||^||110||n||126||~
|-
||15||SI||31||US||47||/||63||?||79||O||95||_||111||o||127||DEL
|}

== user page ajax load ==
* 사용하는 플러그인 소스 : https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/jquery-ias.js
<pre style="font-family:monospace; word-wrap:break-word; border:none; background:#efefef;">
////////////////////////////////////////
// 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"/>'
	});
});
</pre>

== auto expand textarea ==
<pre style="font-family:monospace; word-wrap:break-word; border:none; background:#efefef;">
$(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);
		};
	});
});
</pre>
<pre style="font-family:monospace; word-wrap:break-word; border:none; background:#efefef;">
var textarea = document.getElementById("wpTextbox1");
var heightLimit = 800;

textarea.onkeydown = function(){
  textarea.style.height = ""; /* Reset the height*/
  textarea.style.height = Math.min(textarea.scrollHeight, heightLimit) + "px";
}
</pre>

[[분류:연습장]]

== Color scheme ==
<pre style="font-family:monospace; word-wrap:break-word; border:none; background:#efefef;">
#header {
    border-bottom: 1px solid #eee;
    box-shadow: none;
}
#header:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 7px;
    bottom: -7px;
    left: 0;
    background: url(/skins/wikichan/images/shadow.png) no-repeat top center;
}
</pre>

== Fate ==
{{정보상자/캐릭터/Fate
 |성별		= 여
 |이름		= 세이버
 |이름/일어	= セイバー
 |이름/영어	= Saber
 |이명		= 아르토리아
 |이명/일어	= アルトリア
 |이명/영어	= Artoria
<!-- 캐릭터의 속성을 나열해 주세요. 자주 사용되는 속성은 분류로서 자동 등록됩니다. -->
 |속성		= 
<!-- 등장작품은 [[ ]] 로 링크하지 않습니다. 여러 작품에 등장할 경우 등장작품2, 등장작품3…을 덧붙여 주세요. -->
 |등장작품	= Fate／stay night
 |CV		= [[카와스미 아야코]]
<!-- 서번트는 '클래스', 기타 캐릭터는 '종족'을 사용해 주세요. -->
 |클래스		= 세이버
 |능력		= 통성명하는 능력
 |보구		= 엑숟칼리버
 |국적		= 영국
 |연령		= 
 |신분		= 
 |생일/년		= 
 |생일/월		= 
 |생일/일		= 
 |혈액형		= 
 |신장		= 154cm
 |체중		= 42kg
 |가슴		= 73
 |허리		= 53
 |엉덩이		= 56
 |컵		= 
 |별명		= 
 |특기		= 
 |취미		= 
 |이미지 컬러	= 파랑
 |캐릭터 속성	= 질서, 선
 |거주지		= 
 |가족관계	= 
 |캐릭터송	= 
 |공식 인기투표	= 
<!-- 서번트의 스테이터스 -->
 |스테이터스 = {{스테이터스|Fate
  |근력		= B
  |내구		= B
  |민첩		= A
  |마력		= A
  |행운		= C
  |보구		= A++
}}
<!-- 국내판 프로필 -->
 |국내명		= 세이버
 |등장작품/국내	= Fate／stay night
 |CV/국내	= 
}}