Rev. 2.73

Untitled-324234234.gif

간단한 소스수정으로 태터의 입력기능을 여럿 추가해 보았다. 좌측의 스크린샷에서 보는바와 같이 해당 블럭에 이미지 따옴표 넣기, 해당블록의 글씨크기 키우기 3가지, 그리고 퀵타임 무비 삽입버튼이 보일 것이다. 이버튼을 이용해서 아래처럼 텍스트 효과를 추가 할 수 있다.

1. 텍스트 효과
2. 텍스트 효과
3. 텍스트 효과
4. 텍스트 효과

오.

텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과

우왓! 멋지지 않은가?

수정방법은 매우 쉬운편이다. inc_global.php 파일의 일부분만 수정하고, 아이콘 업로드로 추가 할 수 있다. 아래의 아이콘 파일을 받아 압축을 풀고 /tt/images/에 업로드 한다. inc_global.php 파일을 연다. 누누히 말하지만 백업은 필수!

아이콘 다운로드.rar 아이콘 다운로드.rar (3.5 KB)

156열을 보면 table 로 시작하는 태그가 있을 것이다. 그리고 167열에 두번째 테이블이 있을것이다. 이 두테이블을 수정한다.

참고 :
1. 스크린샷상의 이모티콘 툴은 빠져있다. 이것은 추가 하려면 약간 골치 아프다.
2. [ /CODE], [ CODE] . [ HTML] [ /HTML]은 [와 코드사이에 공백은 붙여야한다.
3. 따옴표 이미지는 상대주소가 입력되었으며 블로그에서는 정상적으로 보이나 XML에서는 깨진다. 이것을 XML에서도 보이게 하려면 src=../images/qms.gif을 src=http://홈페이지주소/images/qms.gif 절대경로로 지정해준다.(qme.gif도 마찬가지다.)
4. 퀵타임의 삽입은 아래의 포스트 방식을 따르고 있다. 꼭 참고하자. 그렇지 않으면 섬뜩한 화면을 보게 될 것이다 ㅡ,.ㅡ;;
방문객을 배려한 멀티미디어 삽입 방법(wmv, mov)
5. 여러 텍스트 효과를 사용하면 수정이 불가능 할 정도로 어지러워 질 수 있다.(적절히 사용 할 것!, 수정할땐 Ctrl + F 생활화 ^^)

Comments

태터툴즈 0.94용으로 업데이트된 RedJune스킨을 재배포 한다. 블로그를 시작하고 처음으로 제작한 스킨으로 이미지 사용을 최소화 하고, 텍스트 위주의 심플함을 추구한다. 그리고 OldPaper스킨의 몇몇가지 기능을 이어받았다. 익스플로러 외에도 파이어폭스, 오페라에서 정상작동 하는 것을 확인 하였으나, 사용자가 가장 많은 익스플로러를 기준으로 제작했으며 기타 브라우저에서는 구조가 깨지거나 기능이 마비되는 현상이 있을 수 있다. 다음은 본 스킨과 관련한 여러 사항들이다. 대충 한번 읽어보자.

Untitled-3242342343242.gif

RejJune 스킨자체 기능 :
1. 코멘트 창 리사이저 : 방문객이 코멘트와 방명록에서 장문을 작성할 경우 코멘트 창을 늘려 한눈에 확인 할 수 있다.
2. 인텔리 툴바 : 따라다니는 링크메뉴이다. 아쿠아앰프를 사용하는경우 리모컨대용으로 활용 할 수 있으며, 자신의 블로그에 필요한 여러 링크를 추가 할 수 있다.
3. 심플 트랙백 카피 : 한번 클릭으로 트랙백 주소를 클립보드로 복사한다. 마우스로 구역을 설정하고 컨트롤C로 복사하는 과정을 덜어준다.
4. 스마트 사이드바 내비게이터™ : 방문객에게 있어서 불필요한 요소들이 있는 사이드바를 숨기고 보여주는 기능이다. 쿠키가 적용되어 설정을 기억한다.
5. 다이렉트 어드민 툴™ : 로그인시 글관리 | 설정 | 통계 | 리더 | 로그아웃 링크를 추가로 재공한다.
6. 익스플로러 이미지 툴바 제거 : 익스플로러에서 이미지 감상시 방해되는 툴바를 제거했다.
7. 초경량 사이즈: 레이아웃 디자인 이미지 달랑2개! 용량으로 승부한다!
8. 99% CSS 코딩 : 방명록의 입력폼을 제외한 모든 구성은 style.css에서 정의 함으로 오페라, 불여우 등 브라우저간 호환성을 높였으며, 빠른 로딩속도와 트래픽 낭비를 덜어 줄 것이다.

라이센스 : 이런거 별로 좋아하진 않지만, 형식상...
1. 스킨내 포함된 저작권 삭제를 금한다.
2. 일부 디자인이나 기능을 수정하여 저작자의 허락없이 재배포 하는 행위를 금한다.
3. 개인용도에 한하여 마음껏 수정하여 사용 할 수 있다.
4. 상업적 목적으로 사용 할 수 없다.
5. 태터툴즈 외에 다른 서비스나 툴에서 사용하고자 할 경우 저작권을 고지하는 조건하에 변형하여 사용할 수 있다.
6. RedJune 스킨은 FIREJUNE.COM에서만 배포한다.

설치 및 설정 : 다음 압축파일을 다운로드 한다. 압축을 풀면 나오는 RedJune 폴더를 태터툴즈 skin폴더에 업로드 한다.

RedJune.zip 다운로드

1. 트리색상
전체배경색 :: 비워둠
폰트색1 :: dd7900
폰트색2 :: cc3300
배경색1 :: 비워둠
배경색2 :: 비워둠

2. 새글/답글/트랙백의 길이 : 30바이트로 설정

3. 추천하는 박스 스타일
박스 1 :: padding:10;margin:10;border: 1px dotted #777777;width:100%;
박스 2 :: padding:10;margin:10;border: 1px dotted #1E3269;background-color:#E8EEF5;width:100%;
박스 3 :: padding:10;margin:10;border: 1px dotted #008080;background-color:#EBF5ED;width:100%;
박스 4 :: padding:10;margin:10;border: 1px dotted #800000;background-color:#F7ECEC;width:100%;

4. 첨부한 이미지가 페이지보다 큰경우
화면이 깨질 수 있다. 이런경우 이미지를 리사이즈 해서 첨부해야한다. RedJune 스킨의 넓이는 최대 550이다.

이미지를 추가하고 삽입하면 아래와 같은 코드가 삽입될 것이다.
[ ##_1L|890262.jpg|width=488 height=688| _## ]
가로폭을 200설정 하면 세로폭은 자동으로 계산됨으로 아래처럼 코드를 수정한다.
[ ##_1L|890262.jpg|width=200| _## ]
위에서 보는바와 같이 width를 200으로 잡아주고 height=688는 지워버렸다. 이런경우, 해당 이미지를 클릭했을 때 팝업으로 원본 크기의 이미지를 볼 수 있게 된다.

피드백과 업데이트 : http://firejune.com/245
1. 본 포스트에서 각종 문의 및 버그리포트 등의 피드를 접수한다.
2. 업데이트는 사전 예고없이 수시로 이루어질 수 있다.
3. 업데이트 된 내용은 본 포스트를 통해 확인 할 수 있다.
4. 99% CSS 코딩 예정.

스킨 적용하신 분들은 트랙백 한방 아시죠? 보고 싶어요! ^^)/"

덧붙힘 #1 : 여러가지 문제로 배포를 중단합니다. 더욱 알찬 디자인으로 찾아 뵙겠습니다.
덧붙힘 #2 : 태터툴즈 0.94대응하여 일부기능을 수정하였습니다. - 2005. 01. 11
덧붙힘 #3 : 올드페이퍼의 일부기능을 포함합니다. - 2005. 02. 01
덧붙힘 #4 : 100% CSS코딩 완료했습니다. - 2005. 02. 01
덧붙힘 #5 : 배포를 재개 합니다. - 2005. 02. 01
덧붙힘 #6 : 파이어폭스에서 입력폼이 깨지는 것을 수정 하였습니다.. - 2005. 02. 02
덧붙힘 #7. 인덱스화면에서 로그인시 '트랙백 발송' 버튼 추가 - 05/02/07, 06:02
덧붙힘 #8. 코드 최적화 - 05/02/07, 06:02

Comments

태터 0.93부터 방명록이 생겨서 좋긴한데.. 매번 확인 하기도 귀찮고 또 방명록을 클릭해서 들어가면 아무런 글이 없어서 식상함 경험이 있을 것이다. 자 이제 New 아이콘으로 방명록을 실시간 모니터링 해보자!!!
3시간의 삽질끝에 성공적으로 작동하는 것을 확인하였다. 본소스는 rimy님의 '태터 코멘트 새로달리면 new 이미지 뿌려주기'소스를 기반으로 태터 방명록에 적용하였다. 작업전 백업 필수!

new2.gif new2.gif (59 Byte)

편집대상 파일 2개 : index.php, skin.html

index.php : 맨 아래부분 print $d1; 위에다 아래 소스를 추가한다.

if (strpos($d1, "[##_guest_timeicon_##]")) {
$recent_time = 60*60*12;
$sql = "select regdate from t3_".$dbid."_guest $where_query $order_query $limit_query";
$result = @mysql_query($sql);
while($data = @mysql_fetch_array($result)) {
$today = date("U", time()); $wtime = $today-$data[0];
if($wtime <= $recent_time){
$d1 = str_replace("[##_guest_timeicon_##]", "<img src=images/new2.gif>", $d1);}}
$d1 = str_replace("[##_guest_timeicon_##]", "", $d1);
}

$recent_time = 60*60*12; 에서 시간을 설정해 준다. 기본으로 12시간 이내 방명록에 기록된 글이 있을경우 아이콘을 표시한다. 그리고 관리자만 남길 수 있는 답글에 대해서는 시간을 체크하지 않는다. 방명록이 하루나 이틀 주기로 뜸하게 올라온다면 시간을 늘리는 것도 좋은 방법이다.(본인처럼 ㅡ,.ㅡ;)

src=images/new2.gif 는 표시될 이미지 경로이다. 다운로드한 아이콘 이미지는 tt/images 폴더 (skin/../images 아님)에 업로드한다. (지난번 코멘트/트랙백/최근글 리스트에 New아이콘 달기에 성공한 사용자는 이과정을 넘겨도 무방하다)

skin.html : 아이콘이 표시될 적절한 위치에 [##_guest_timeicon_##] 치환자를 삽입한다.
inc_function.php 에 방명록 메뉴를 삽입한경우 방명록 문자열 옆에 [##_guest_timeicon_##] 삽입해 주면 되겠다.

이기능은 본가에 적용되어 있다. 혹시나 방명록옆에 아이콘이 나타나 있지 않다면 방명록에 글을 작성해 보자 주세여 ~,.~;;;

덧붙힘 #1 : 04/09/19, 02:20

111.jpg

The Darkness님의 피드 입니다. 방명록과 RSS페이퍼를 inc_function.php상에 생성한 상태(OldPaper스킨 배포 참조)에서 New아이콘을 표시되게 할 경우, 관리모드 리더보기에서 좌측 그림과 같이 표시되는 버그가 있습니다.
RSS화면에서는 추가한 테이블이 나오지 않게 하는 방법을 모색중입니다만 잘 되지 않는군요..
(해결방안 있으신분 제시해주세요 ㅠ.ㅠ)

Comments