지비님의 아보카도 에디션 썸네일 로드비(🔗)를 수정, 편의성 몇가지를 추가하여 배포합니다. 감사합니다!

사용코드 https://sir.kr/g5_tip/5910

PHP 5.3 미만의 버전은 사용할 수 없습니다. PHP 7.2 버전에서는 무사히 돌아가는 것을 확인.

수정사항

• 파일 가로 사이즈를 1000px로 수정 업로드가 가능하도록 추가
• 썸네일란의 드래그 및 긁기 방지 태그 추가(관리자의 경우는 가능하도록)

커스텀 사항

1. 파일 가로 사이즈의 조정이 필요하다면 write_update.head.skin.php에서 $width의 값을 수정하시면 됩니다.
2. 다른 게시판에도 비슷하게 적용하고 싶으시다면 스킨 폴더 내의 resizer와 write_update.head.skin.php를 적용하고 싶은 스킨의 게시판 폴더 안에 넣으시면 됩니다.
3. 세로 기준으로 수정하고 싶으실 경우 write_update.head.skin.php에서 $width = 1000; 아래에 $height = (원하는 크기의 px)를 적으시고 resizeToWidth($width);를 resizeToHeight($ height); 로 수정하여 사용하시면 됩니다.
4. 가로와 세로 중 더 작은 쪽에 맞추고 싶을 경우 write_update.head.skin.php에서 $width = 1000; 아래에 $height = (원하는 크기의 px)를 적으시고 resizeToWidth($width);를 resizeToBestFit($width,$height); 로 수정하여 사용하시면 됩니다.

주의사항

드래그 및 긁기는 썸네일 페이지에서만 적용되므로 만약 다른 페이지에서도 방지하고 싶으시다면 별도의 태그가 필요합니다. 이것저것 귀찮으시다면 목록에서 보기 권한을 높이는 걸 추천드립니다.

본 게시판에서는 사용 방법 및 오류 연락 외에는 문의사항을 받지 않습니다. 그 외 문의가 들어올 경우 대응하고 있지 않습니다. 참고 부탁드립니다.

개요

마우스 포인터를 파비콘처럼 파일로 업로드하여 홈페이지 전체에 적용하는 방법에 대해서 적습니다.

수정하는 파일은 다음과 같습니다.

• adm/config_form.php
• adm/config_form_update.php
• css/default.css

수정 방법

adm/config_form.php

다음을 찾습니다.

if(!isset($config['cf_mobile_pages'])) {
	sql_query(" ALTER TABLE `{$g5['config_table']}`
					ADD `cf_mobile_pages` INT(11) NOT NULL DEFAULT '0' AFTER `cf_write_pages` ", true);
	sql_query(" UPDATE `{$g5['config_table']}` SET cf_mobile_pages = '5' ", true);
}

그 아래나 위에 다음 블럭을 삽입합니다.

if(!isset($config['cf_cursor'])) {
	sql_query(" ALTER TABLE `{$g5['config_table']}`
					ADD `cf_cursor` varchar(255) NOT NULL DEFAULT '' AFTER `cf_site_img` ", true);
}

다음을 찾습니다.

		<tr>
			<th rowspan="2">파비콘</th>
			<td>
				<?php echo help('파비콘 확장자는 ico 로 등록해 주셔야 적용됩니다.') ?>
				직접등록&nbsp;&nbsp; <input type="file" name="cf_favicon_file" value="" size="50">
			</td></tr><tr>
			<td>
				외부경로&nbsp;&nbsp; <input type="text" name="cf_favicon" value="<?=$config['cf_favicon']?>" size="50"/>
			</td>
		</tr>

아래나 위에 다음 블럭을 삽입합니다.

		<tr>
			<th rowspan="2">마우스 커서</th>
			<td>
				<?php echo help('커서 확장자는 cur 로 등록해 주셔야 적용됩니다. 애니메이션 커서 불가능.') ?>
				직접등록&nbsp;&nbsp; <input type="file" name="cf_cursor_file" value="" size="50">
			</td></tr><tr>
			<td>
				외부경로&nbsp;&nbsp; <input type="text" name="cf_cursor" value="<?=$config['cf_cursor']?>" size="50"/>
			</td>
		</tr>

adm/config_form_update.php

if ($_FILES['cf_favicon_file']['name']) {
	// 확장자 따기
	$exp = explode(".", $_FILES['cf_favicon_file']['name']);
	$exp = $exp[count($exp)-1];

	$image_name = "site_favicon.".$exp;
	upload_file($_FILES['cf_favicon_file']['tmp_name'], $image_name, $site_style_path);
	$cf_favicon = $site_style_url."/".$image_name;
}

위 부분을 찾아 위나 아래에 다음 블럭을 추가합니다.

if ($_FILES['cf_cursor_file']['name']) {
	// 확장자 따기
	$exp = explode(".", $_FILES['cf_cursor_file']['name']);
	$exp = $exp[count($exp)-1];

	$image_name = "site_cursor.".$exp;
	upload_file($_FILES['cf_cursor_file']['tmp_name'], $image_name, $site_style_path);
	$cf_cursor = $site_style_url."/".$image_name;
}

그리고 cf_site_img = '{$cf_site_img}', 부분을 찾아 엔터 후 cf_cursor = '{$cf_cursor}',를 넣어주세요.

css/default.css

html {~~} 칸을 찾아 그 아래에 다음을 넣습니다.

html * {cursor: url('../data/site/site_cursor.cur'), auto;}

일부 포인터 지정이 되어서 바뀌는 것이 신경쓰일 경우, html * {cursor: url('../data/site/site_cursor.cur'), auto;} 옆에 !important를 넣으시면 됩니다.

그래도 적용 안 되는 것들은 !important의 마수에 침식당해서 어쩔 수 없는 겁니다. 수동으로 없애세요. 그리고 !important 남용에 경각심을 가집시다.

이제 관리자 페이지에서 찾아 업로드하시면 됩니다.

Roll20의 API에 사용할 수 있는 BLP_card_controller.js를 배포합니다.

사용법은 양천일염님의 match_dice(링크)와 유사합니다.

스크립트 일부는 양천일염님의 스크립트를 다수 참조했습니다.

기능 수정 방법 관련하여서는 받지 않고, 오류만 DM/메일로 받고 있습니다.

준비물

1. 덱 만들기

1. roll20 세션방에서 사용하는 덱을 생성하고, Bloodpath(2덱째는 Bloodpath_2)라는 이름으로 지정합니다.
2. 가급적 카드의 크기는 맵시트와 동일한 것이 낫습니다.
3. 카드의 이름들을 다음과 같이 지정합니다.
   • Diamond의 경우 dia 혹은 ◆를 포함.
   • Heart의 경우 heart 혹은 ♥를 포함.
   • 나머지는 위 경우만 제외하고 설정하셔도 됩니다.

2. 카드 영역 설정하기

크게 사용되는 영역은 A_deck, B_deck, E_deck(에너미 카드), Discard(버림패), Draw(드랍한 카드를 두는 곳)이 됩니다.

A_deck

캐릭터 A가 사용할 영역입니다. 예제 이미지에서는 왼쪽 아래에 있는 5칸입니다.
!PutDeck 명령어에서 사용됩니다.

B_deck

캐릭터 B가 사용할 영역입니다. 예제 이미지에서는 왼쪽 아래에 있는 5칸입니다.
!PutDeck 명령어에서 사용됩니다.

C_deck

캐릭터 C가 사용할 영역입니다. 3-4인용으로 추가되는 영역입니다.
!PutDeck 명령어에서 사용됩니다.

D_deck

캐릭터 D가 사용할 영역입니다. 4인용으로 추가되는 영역입니다.
!PutDeck 명령어에서 사용됩니다.

E_deck

에너미가 사용할 영역입니다. 예제 이미지에서는 잘렸으나 최하단에 있었습니다.

Discard

카드를 버리는 곳입니다.
구역을 설정할 경우 카드와 아예 크기가 같거나, 혹은 꽤 넉넉한(700*280px 정도) 크기일 것으로 추천하고 있습니다.
!Discard 명령어에서 사용됩니다.

Draw

드로우한 카드를 놓는 곳입니다.

1. 영역 지정을 위해서는 임의의 사각형 모양의 토큰을 생성한 뒤 덱을 놓는 좌표에 맞게 사이즈와 위치를 조절해 배치합니다.(위치는 맵 레이어가 가장 적당합니다. 투명한 png 파일을 사용하시는 것도 추천합니다). (문구는 양천일염님의 해설에서 인용하였습니다.)
2. 캐릭터 A가 사용할 영역의 토큰 이름을 A_deck으로 설정합니다.
3. 캐릭터 B가 사용할 영역의 토큰 이름을 B_deck으로 설정합니다.
4. 에너미가 사용할 영역의 토큰 이름을 E_deck으로 설정합니다.(모브, 보스 상관하지 않습니다)
5. 카드를 버리는 곳의 토큰 이름을 Discard로 설정합니다.
6. 카드를 드로우하는 곳의 이름을 Draw로 설정합니다.
7. A_deck이나 B_deck처럼 카드를 여러 개 놔야할 경우 여러개를 생성하여 각각 자리에 배열합니다. (단, Discard는 하나의 토큰만 크게 생성하여 놓아주세요.)

3. 사용하기

1. 스크립트 설정에서 Character_A의 이름과 Character_B(4인용일 경우 C와 D 추가)의 이름을 정확하게 적어줍니다.
2. 다음과 같은 명령어를 통하여 추가 사용을 할 수 있습니다. 명령어는 매크로로 만들어서 사용하시는게 편합니다.
   • !Discard 카드를 사용 혹은 버릴 때 사용하는 명령어입니다. 맵에서 사용할 카드를 누르고 명령어를 입력하면, 채팅창에 카드의 이름이 출력되고, 카드가 Discard 영역으로 옮겨집니다. 이때 Discard 영역이 너무 좁을 경우, 일정개수 이상이 들어가지 않습니다. 명령어에 의해서 Discard 영역으로 옮겨진 카드는 최상단에 위치합니다.
   • !PutDeck A 캐릭터 혹은 B 캐릭터 저널일 때(4인용일 경우 C와 D 추가)만 사용할 수 있습니다. 맵에서 가져올 카드를 누르고 명령어를 입력하면, 카드를 자신의 손패로 넣을 수 있습니다. 채팅창에 카드의 이름이 출력됩니다. 손패가 꽉 차있으면 가져올 수 없습니다.