'스킨'에 해당되는 글 6건

  1. 2010.06.27 GotD - Classic Start Menu
  2. 2010.05.26 GotD - Aston 2
  3. 2010.04.09 위젯 추가 등
  4. 2010.03.25 태터툴즈의 스킨 이미지 주소 (5)
  5. 2009.05.12 티스토리에서 치환자 출력하기 (2)
  6. 2009.05.01 블로그 둘째 달

GotD - Classic Start Menu

Giveaway of the Day - Classic Start Menu

하루에 하나씩 정품 소프트웨어를 주는 Giveaway of the Day 홈페이지에서 2010년 6월 27일Classic Start Menu를 준다고 합니다.

Giveaway of the Day 홈페이지

Giveaway of the Day 홈페이지 - 오늘은 Classic Start Menu 프로그램이 공짜!

프로그램 설명

윈도7에서 고전적인 시작 메뉴(Classic Start Menu)를 빠뜨렸나요? 만약 그렇다면, 당신은 혼자가 아닙니다. 우리는 사용자를 위해 Classic Start Menu(클래식 스타트 메뉴) 프로그램을 개발했습니다. 지금 쉽게 친숙하지 못한 윈도7의 시작 메뉴를 고전적인 시작 메뉴로 바꿀 수 있습니다. 이 프로그램은 에어로 스킨을 지원하며, 다른 스킨을 사용할 수도 있습니다. 그냥 에어로 스킨만 사용할 수도 있습니다. 에어로를 사용하면, 고전적인 시작 메뉴를 윈도7의 일부처럼 보이도록 만들 수도 있습니다.

독특한 기능

  • 클릭 한 번으로 도움말이나 프로그램을 더 빠르게 실행할 수 있습니다.
  • Classic Start Menu 프로그램을 시작 지점에서 사용하면, 사용자는 어떤 폴더라도 메뉴에 추가할 수 있습니다. 특별한 시스템 폴더 및 드라이브, 바로가기 아이콘 등도 포함할 수 있으며, 컴퓨터의 어느 곳에서도 바로 접근할 수 있습니다.
  • 전원 단추 타이머. 지금 오랜 작업이 완료되기를 기다릴 필요가 없습니다. Classic Start Menu 프로그램의 타이머를 켜 두면 이 프로그램 컴퓨터 재시동해 줍니다.
  • 에어로 스킨 및 다른 스킨은 사용자가 메뉴의 외모를 바꿀 수 있게 해줍니다.
  • 빠른 제거 기능은 어떤 프로그램이라도 오른쪽 클릭으로 제거할 수 있게 합니다. 심지어 제거 바로가기 아이콘이 메뉴에 없더라도 가능합니다.
  • 새로운 전통적인 시작 메뉴의 강점을 현실화할 수 있습니다.
  • Unique features : 독특한 기능

프로그램 정보

  • 사용자 평가 (2010년 6월 27일 19:38:54 현재) : 좋아 67 / 싫어 182 (사용자 평가 보러 가기)
  • 시스템 요구사항
    • 운영체제 : Windows 7 지원
  • 제공자 : OrdinarySoft (오디너리소프트)
  • 제공자 홈페이지 : http://www.classicstartmenu.com/
  • 파일 크기 : 7.35 MB
  • 가격 : 이 프로그램은 19.99달러입니다. 그러나 Giveaway of the Day 방문자에게는 시간 제한(time-limited)으로 무료로 제공됩니다.
  • 시간 제한 : 2010년 6월 27일 오후 4시부터 28일 오후 4시까지 (한국 시간)

다운로드 및 설치

Giveaway of the Day - Classic Start Menu 페이지에서 정해진 기간 동안 다운로드할 수 있습니다.

다운로드 받은 파일의 압축을 풀고, readme.txt 파일을 잘 읽고 실행하십시오. 이 readme.txt 파일은 다운로드 받은 모든 압축 파일 안에 들어 있습니다. 조심스럽게 소프트웨어를 설치한 뒤에 활성화하면 됩니다.

압축 푼 뒤의 디렉터리

압축 푼 뒤의 디렉터리

위 그림처럼, 압축을 풀면, 파일이 둘 또는 셋 나타나게 됩니다. 이때 readme.txt 파일과 Setup.exe 파일은 반드시 존재합니다.

설치한 뒤 첫 실행 화면 1

설치한 뒤 첫 실행 화면 1 - 메인 화면

설치한 뒤 첫 실행 화면 2

설치한 뒤 첫 실행 화면 2 - 트레이 아이콘 화면 및 한국어/한글 메뉴

설치한 뒤 첫 실행 화면 3 - 정보(About) 화면

설치한 뒤 첫 실행 화면 3 - 정보(About) 화면

약관 및 조건

당신이 Giveaway 기간에 다운로드하여 설치한 소프트웨어에 대해 다음과 같은 중요한 제한이 있음을 기억하기 바랍니다.

  1. 무료 기술 지원을 받을 수 없습니다. (No free technical support)
  2. 다음 버전의 무료 업그레이드를 받을 수 없습니다. (No free upgrades to future versions)
  3. 엄격하고 순수하게 비상업적 사용만 허용됩니다. (Strictly non-commercial usage)

이 소프트웨어 제품은 묵시적이든 명시적이든 어떠한 종류의 보증없이 "있는 그대로"("AS IS") 제공됩니다. 제한 없이, 법률로써 허용되는, 다운로드한 소프트웨어 제품의 품질 및 성능을 비롯한 모든 위험을 최종 사용자가 부담해야 합니다.
THIS SOFTWARE PRODUCT IS PROVIDED "AS IS" WITHOUT ANY WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED. WITHOUT LIMITATION, TO THE FULLEST EXTENT ALLOWABLE BY LAW, END USER ASSUMES THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE DOWNLOADED SOFTWARE PRODUCT.

기타

  • 한글/한국어 지원
    • 설치 프로그램에서 한글/한국어 지원 : 아니오 (영어; 다국어 지원). 다만 설치할 때 실행 시 메뉴에서 보일 언어를 선택할 수 있습니다.
      대부분 자동으로 한국어를 선택해 줍니다.

      대부분 자동으로 한국어를 선택해 줍니다.

    • 실행 시 프로그램 메뉴에서 한글/한국어 지원 : 예. 설치한 뒤 첫 실행 화면 2 그림 참조.
  • 설치 시 및 실행 시 작업
    • 설치 시 웹브라우저 종료 : 아니오. 다만 툴바를 설치한다면, 해당 웹브라우저를 종료하셔야 합니다.
    • 설치 시 프로그램 종료 : 아니오.
    • 설치 시 툴바 설치 : 예 - 설치 과정에서 물어봅니다. 필요하지 않다면 설치하지 마십시오.
      체크 표시를 한 웹브라우저를 종료해야 툴바를 정상적으로 설치할 수 있습니다.

      체크 표시를 한 웹브라우저를 종료해야 툴바를 정상적으로 설치할 수 있습니다.

    • 설치 후 자동 업데이트 : 사용자 설정
    • 설치 후 재시작 : 아니오.
    • 실행 시 재시작 : 아니오. 다만 시작 메뉴 대체를 선택했다면, 다시 시작해야 적용 상황을 알 수 있습니다.
  • 설치 시 사용자 등록 : 아니오.
  • 설치 시 라이선스 : 1 사용자용 소매판 (무료 업그레이드 권한 없음) / Retail without free updates
  • 기타 : 비스타에서는 프로그램을 설치하거나 활성화할 때 관리자 계정(administrator)이 필요할 수도 있습니다.

관련 문서

내부 문서

  1. GotD - Paragon Virtualization Manager 9.5 Personal (English) - 다운로드 등에 대한 설명
  2. GotD - YouTube Music Downloader 3.2 - readme.txt 파일 등에 등록번호가 들어 있을 경우 백업하는 방법에 대한 설명
  3. GotD - Wise Disk Cleaner 5.2 Professional - Activate.exe 파일을 실행함으로써 활성화하는 방법에 대한 설명
  4. GotD - Wondershare Photo Collage Studio 4.2.12 - 이메일로 등록 번호를 받는 경우 활성화하는 방법과 백업하는 방법에 대한 설명
  5. GotD - Audio Speed Changer Pro - 포터블 버전이 포함된 경우에 대한 설명

외부 문서

이 글은 스프링노트에서 작성되었습니다.

'소프트웨어 > Giveaway' 카테고리의 다른 글

GotD - Wondershare DemoCreator 3  (0) 2010.06.29
GotD - Clone Terminator 3.0  (0) 2010.06.28
GotD - Classic Start Menu  (0) 2010.06.27
GotD - Uconomix Encryption Engine 1.0  (0) 2010.06.26
GotD - Astroburn Pro  (0) 2010.06.25
GotD - Web Page Maker  (0) 2010.06.24
Trackback 0 Comment 0

GotD - Aston 2

Giveaway of the Day - Aston 2

하루에 하나씩 정품 소프트웨어를 주는 Giveaway of the Day 홈페이지에서 2010년 5월 26일Aston 2를 준다고 합니다.

Giveaway of the Day 홈페이지

Giveaway of the Day 홈페이지 - 오늘은 Aston 2 프로그램이 공짜!

프로그램 설명

Aston(애스턴) 프로그램은 윈도의 셸을 교체하는 프로그램입니다. 사용자는 완전히 달라진 사용자만의 바탕화면 요소를 사용할 수 있습니다.

애스턴 단축키 관리자 및 떠다니는 위젯, 메인 메뉴, 패널은 사용자로 하여금 사용자가 선택한 파일을 비롯한 폴더 및 응용프로그램에 쉽게 접근할 수 있게 합니다. Aston 프로그램은 겉으로 드러나지 않는 기능에의 접근 및 3D 테마, 스킨, 바탕화면 벽지 등의 특별함을 제공합니다.

Aston 프로그램의 모든 요소 : 메인 메뉴(AstonMenu), 바탕화면(AstonDesktop), 패널(AstonPanel) - 트윅 및 사용자 설정이 가능합니다. 애스턴 공식 웹사이트에서 다양한 테마와 스킨을 받을 수 있습니다.

프로그램 정보

  • 사용자 평가 (2010년 5월 26일 19:37:38 현재) : 좋아 105 / 싫어 92 (사용자 평가 보러 가기)
  • 시스템 요구사항
    • 운영체제 : Windows XP/2003/Vista/7 (32/64비트)
    • 하드 디스크 여유 공간 : 33.3 MB (설치용)
    • 멀티미디어 요구사항 : 화면 해상도 - 최소 640x480 16비트 하이컬러 및 800x600 32비트 트루컬러 권장.
  • 제공자 : Gladiators Software (글래디에이터스 소프트웨어)
  • 제공자 홈페이지 : http://www.astonshell.com/http://www.astonshell.com/aston2/
  • 파일 크기 : 16.2 MB
  • 가격 : 이 프로그램은 29.95달러입니다. 그러나 Giveaway of the Day 방문자에게는 시간 제한(time-limited)으로 무료로 제공됩니다.
  • 시간 제한 : 2010년 5월 26일 오후 4시부터 27일 오후 4시까지 (한국 시간)

다운로드 및 설치

Giveaway of the Day - Aston 2 페이지에서 정해진 기간 동안 다운로드할 수 있습니다.

다운로드 받은 파일의 압축을 풀고, readme.txt 파일을 잘 읽고 실행하십시오. 이 readme.txt 파일은 다운로드 받은 모든 압축 파일 안에 들어 있습니다. 조심스럽게 소프트웨어를 설치한 뒤에 활성화하면 됩니다.

압축 푼 뒤의 디렉터리

위 그림처럼, 압축을 풀면, 파일이 둘 또는 셋 나타나게 됩니다. 이때 readme.txt 파일과 Setup.exe 파일은 반드시 존재합니다.

설치한 뒤 실행 화면 1

설치한 뒤 실행 화면 1 - 바탕화면

설치한 뒤 실행 화면 2

설치한 뒤 실행 화면 2 - 바탕화면의 작업표시줄 부분만

설치한 뒤 실행 화면 3

설치한 뒤 실행 화면 3 - 트레이 메뉴 부분 (자주색 부분을 클릭하면 메뉴가 나타납니다.)

설치한 뒤 실행 화면 4

설치한 뒤 실행 화면 4 - 트레이 메뉴 부분 (자주색 부분을 클릭하면 메뉴가 나타납니다.)

약관 및 조건

당신이 Giveaway 기간에 다운로드하여 설치한 소프트웨어에 대해 다음과 같은 중요한 제한이 있음을 기억하기 바랍니다.

  1. 무료 기술 지원을 받을 수 없습니다. (No free technical support)
  2. 다음 버전의 무료 업그레이드를 받을 수 없습니다. (No free upgrades to future versions)
  3. 엄격하고 순수하게 비상업적 사용만 허용됩니다. (Strictly non-commercial usage)

이 소프트웨어 제품은 묵시적이든 명시적이든 어떠한 종류의 보증없이 "있는 그대로"("AS IS") 제공됩니다. 제한 없이, 법률로써 허용되는, 다운로드한 소프트웨어 제품의 품질 및 성능을 비롯한 모든 위험을 최종 사용자가 부담해야 합니다.
THIS SOFTWARE PRODUCT IS PROVIDED "AS IS" WITHOUT ANY WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED. WITHOUT LIMITATION, TO THE FULLEST EXTENT ALLOWABLE BY LAW, END USER ASSUMES THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE DOWNLOADED SOFTWARE PRODUCT.

기타

  • 한글/한국어 지원
    • 설치 시 한글/한국어 지원 : 아니오 (영어)
    • 실행 시 한글/한국어 지원 : 아니오 (언어 설정 추가 가능). Aston2Languages.a2lng 파일의 이름을 Aston2Languages.zip으로 바꾸어 압축을 풀면, 언어설정 파일(xml 파일)이 나타납니다. 그것을 편집한 뒤 zip 압축한 뒤 이름을 Aston2Languages.a2lng로 바꾸면 됩니다.
  • 설치 시 및 실행 시 작업
    • 설치 시 프로그램 종료 : 아니오.
    • 설치 시 툴바 설치 : 아니오.
    • 설치 후 자동 업데이트 : 지원 안함
    • 설치 후 재시작 : 아니오. 다만 로그오프 작업을 하므로 작업 중인 모든 프로그램을 저장하거나 종료하기 바랍니다. Finish 단추를 누르기 전에는 반드시 다시 확인!
      엉?! 갑자기 왠 로그오프?! 미리미리 저장 및 백업!

      엉?! 갑자기 왠 로그오프?! 미리미리 저장 및 백업!

    • 실행 시 재시작 : 예 - 등록 작업 후 다시 시작해야 완전한 등록판으로 작동합니다.
  • 설치 시 라이선스 : 30일 시험판 - 활성화에 대한 자세한 사항은 GotD - Aston Menu 문서를 참조하십시오.
    활성화 마법사

    활성화 마법사

  • 기타 : 활성화가 안 되는 경우에는 몇 차례 다시 시도해 보시기 바랍니다. 인터넷을 통한 활성화이므로 네트워크 상태에 따라 오류가 생기기도 합니다.

관련 문서

내부 문서

  1. GotD - Paragon Virtualization Manager 9.5 Personal (English) - 다운로드 등에 대한 설명
  2. GotD - YouTube Music Downloader 3.2 - readme.txt 파일 등에 등록번호가 들어 있을 경우 백업하는 방법에 대한 설명
  3. GotD - Wise Disk Cleaner 5.2 Professional - Activate.exe 파일을 실행함으로써 활성화하는 방법에 대한 설명
  4. GotD - Wondershare Photo Collage Studio 4.2.12 - 이메일로 등록 번호를 받는 경우 활성화하는 방법과 백업하는 방법에 대한 설명
  5. GotD - Audio Speed Changer Pro - 포터블 버전이 포함된 경우에 대한 설명

외부 문서

이 글은 스프링노트에서 작성되었습니다.

'소프트웨어 > Giveaway' 카테고리의 다른 글

GotD - Cleanse Uninstaller Pro 6.5  (0) 2010.05.28
GotD - Ashampoo WinOptimizer 6  (0) 2010.05.27
GotD - Aston 2  (0) 2010.05.26
GotD - Drive Copy 9.5 Personal Edition (English Version)  (0) 2010.05.25
GotD - Ultima Website  (0) 2010.05.24
GotD - 3D Waterfall Screensaver  (0) 2010.05.23
Trackback 0 Comment 0

위젯 추가 등

아침에 스킨 설정 몇 가지를 손보았습니다. 참고로 현재 쓰고 있는 스킨은 임시용입니다. 현재 파이어폭스 스킨을 뜯어보면서 공부하는 중입니다. 현재 상태로는 1년 이상 걸릴 듯... 결국 임시라고 하면서 1년 이상 장기간 사용하게 될 전망입니다. (버럭! 그게 임시냐?!)

구글 애드센스

약방에 감초처럼 등장하는 구글 애드센스... 현재 메인으로 달리는 녀석은 안 달고, 중간에 꼽사리로 달리는 녀석만 달았습니다. 그게 뭔지 모르겠다는 사람은 티스토리 블로그 왕미친놈의 왕미친세상으로 가서 보고 오시기 바랍니다.

오늘 적용한 게 아니라 한참 됐습니다. 혹시나 잊어버릴까 봐 지금이라고 밝혀둡니다.

글씨 크기 확대

눈 나쁜 저에게는 이것도 나름대로 중요합니다.

글자 크기가 커진 부분은 본문댓글 부분입니다. 처음에는 사이드바도 키웠는데, 사이드바의 폭이 좁아서 그런지 영 아니어서 삽질 좀 했습니다.

위젯 추가

며칠 전에 원어데이 위젯을 추가했습니다.

그리고 오늘 Giveaway of the Day 위젯(티커)을 추가했습니다.

계속 잘 올리고 있습니다만, 언제 제가 안 올리게 될는지 알 수 없으므로 티커를 달아서 날마다 바뀌는 Giveaway of the Day 제공 소프트웨어를 알릴 목적입니다.

스크린샷

위젯 설정 화면 - Giveaway of the Day 티커 및 원어데이 한시간 특가 위젯

위젯 설정 화면 - Giveaway of the Day 티커 및 원어데이 한시간 특가 위젯

최종적으로 바뀐 화면

최종적으로 바뀐 화면

화면에 보이는 80kg 주부 어쩌고 하는 부분이 광고입니다. 글씨 크기가 상당히 작습니다. 원래는 본문과 같은 크기였는데, 이번에 본문을 키우다 보니 작아 보이네요.

오른쪽에 보이는 두 개가 새로 추가한 위젯입니다. 위엣것이 Giveaway of the Day 티커, 아랫것이 원어데이 한시간 특가 위젯입니다.

참고 자료

이 글은 스프링노트에서 작성되었습니다.

'일기' 카테고리의 다른 글

구글! Google is the Best?  (0) 2010.05.01
위키백과 위젯 추가  (0) 2010.04.29
위젯 추가 등  (0) 2010.04.09
비밀글로 질문하지 말아 주십시오.  (7) 2010.03.26
이름이 바뀌었습니다.  (0) 2010.03.12
블로그 이사했습니다.  (0) 2010.03.09
Trackback 0 Comment 0

태터툴즈의 스킨 이미지 주소

  • 참고 : 소스 복사 버그가 고쳐졌다고 생각해서 글을 올렸는데, 오늘(3월 30일) 보니 다시 나타났습니다. 아마도 제가 무엇인가를 착각했나 봅니다. 죄송합니다.

최근 텍스트큐브닷컴(http://www.textcube.com/)에서 소리소문 없이 패치된 기능이 있다. 문법 강조 기능의 버튼 중에 "copy to clipboard"가 있는데, 처음에는  가 잔뜩 달라붙는 문제(텍큐닷컴은 Syntax Highlighter을 개선하라! by BLUEnLIVE)가 있었으나 최근 고쳐졌다. 그 버그가 고쳐졌음을 확인하는 과정에서 스킨의 images 디렉터리를 나타내는 주소에 대해 생각해 볼 기회를 갖게 되었습니다.

[code html]<p>예제</p> <p>오른쪽에는 공백이 있습니다.→               .</p> <p>.                  ←왼쪽에는 공백이 있습니다.</p>[/code]
더 이상 &nbsp;를 볼 수 없다.

더 이상 &nbsp;를 볼 수 없다.

그런데 버전은 v2.0.320 그대로입니다. 그래서 공지를 안 했나?

BLUEnLIVE 님의 패치

물론 느려터진 텍스트큐브닷컴 개발자 분들이 패치하기 전에 BLUEnLIVE 님이 패치를 멋지게 해주셨다(텍큐닷컴 용 Syntax Highlighter 2.0 버그 패치 by BLUEnLIVE 참조). 사실 이번에 티스토리에서 옮겨온 뒤로 문법강조가 적용된 부분이 있어서 BLUEnLIVE 님의 패치를 적용하려고 했는데, 벌써 패치가 되었더라고요.

태터툴즈의 스킨 이미지 주소

한편 BLUEnLIVE 님의 패치에 대한 글과 다른 글을 보았습니다.

그런데 텍스트큐브닷컴스킨 이미지 주소를 아주 정확하게 나타내려고 노력하셨습니다. 그러나 그것은 결론만 말하자면, 엄청난 삽질임을 깨닫게 되었습니다. 왜? 스킨이기 때문입니다. 무슨 뜻인지 이해가 안 된다고요?

스킨(skin)은 컴퓨팅에서 저마다 다른 사용자의 취향에 맞추기 위해 어떠한 소프트웨어웹사이트에 적용할 수 있는 사용자 그래픽 배색 (GUI)으로서의 테마와 연결된다. from 위키백과 :: 스킨 (컴퓨터)

스킨이란 기본적으로 테마 기능을 갖게 됩니다. 다시 말해 태터툴즈 시스템을 사용한 블로그에서 사용하는 스킨은 다른 블로그에 그대로 적용 가능하다는 점입니다. 물론 텍스트큐브닷컴에서 사용하는 스킨은 티스토리에서 그대로 사용할 수 없는 경우도 있지만, 적어도 스킨 이미지 주소 또는 스킨 이미지 디렉터리 주소는 동일하게 적용된다는 뜻입니다.

티스토리 스킨 이미지 주소 표현

티스토리 스킨에서 이미지 주소를 어떻게 표현했는지를 알아보겠습니다. 이것은 제 테스트 블로그를 이용했습니다. 태터툴즈 시스템에 거의 대부분 공통으로 존재하는 rss.gif 파일의 경로를 찾겠습니다.

티스토리 테스트 블로그 스킨 편집 화면

티스토리 테스트 블로그 스킨 편집 화면

티스토리 테스트 블로그 스킨 rss.gif 파일 나타내기

티스토리 테스트 블로그 스킨 rss.gif 파일 나타내기

위에서 보면 스킨 이미지 주소는 "./images/rss.gif"라고 표현했습니다. 이때 중요한 부분은 맨 앞에 보이는 ( . )과 images 라는 디렉터리 이름입니다. 이때 ( . )은 현재 디렉터리를 가리키는 축약 표현입니다. 도스/윈도/유닉스 공통입니다. 매킨토시의 OS X 에서도 적용 가능합니다.

티스토리 테스트 블로그의 rss.gif 파일의 실제 위치

티스토리 테스트 블로그의 rss.gif 파일의 실제 위치

위의 티스토리 테스트 블로그의 rss.gif 파일의 실제 위치 그림에서 보듯이 스킨에서 "./images/rss.gif"라고 나타난 부분이 "http://cfs.tistory.com/custom/blog/48/488983/skin/images/rss.gif"라고 바뀌어 있습니다.

이 파일은 제 티스토리 블로그인 왕미친놈의 왕미친세상에도 있습니다. 거기에서는 "http://cfs.tistory.com/custom/blog/35/354861/skin/images/rss.gif"라고 나타나 있네요.

맨 끝에 나타나는 /images/rss.gif 부분이 공통으로 보입니다.

텍스트큐브닷컴 스킨 이미지 주소 표현

한편 rss.gif 파일텍스트큐브닷컴의 스킨에도 존재합니다.

텍스트큐브닷컴 블로그 스킨 편집 화면

텍스트큐브닷컴 블로그 스킨 편집 화면 (아랫부분 생략)

텍스트큐브닷컴 블로그 스킨 rss.gif 파일 나타내기

텍스트큐브닷컴 블로그 스킨 rss.gif 파일 나타내기

위에서 보면 스킨 이미지 주소는 "./images/rss.gif"라고 티스토리의 경우와 똑같이 표현했습니다.

텍스트큐브닷컴 블로그의 rss.gif 파일의 실제 위치

텍스트큐브닷컴 블로그의 rss.gif 파일의 실제 위치

위의 텍스트큐브닷컴 블로그의 rss.gif 파일의 실제 위치 그림에서 보듯이 스킨에서 "./images/rss.gif"라고 나타난 부분이 "http://fs.textcube.com/blog/0/6512/skin/1/images/rss.gif"라고 바뀌어 있습니다.

이 파일은 아무리 스킨을 바꾸더라도 항상 "./images/rss.gif"라는 꼴을 유지하게 됩니다. 결국 BLUEnLIVE 님이 찾아내신 다음과 같은 표현은 모두 삽질이 되어 버립니다. 정말 애써 작성하셨을 텐데 뭐라 위로의 말을 드려야 할지... T,T

[code html]<script type="text/javascript" src="http://(블로그 이미지 주소)/j_shCore.gif"></script> <script type="text/javascript" src="http://(블로그 이미지 주소)/j_shBrushMsx.gif"></script> </body>[/code]

위의 코드에서 굳이 "http://(블로그 이미지 주소)/j_shCore.gif"라고 표현할 필요가 없습니다. (텍큐닷컴 용 Syntax Highlighter 2.0 버그 패치 by BLUEnLIVE 참조) 앞서 밝힌 코드를 응용하여 "./images/j_shCore.gif"라고 바꾸면 됩니다.

BBCode for 텍큐닷컴 3.2 대공개 문서와 BBCode for 텍큐닷컴 3.3 업데이트 문서에 보이는 그림도 별로 쓸모는 없습니다. 오히려 스킨이 가진 장점, 곧 어디에도 그대로 적용할 수 있다는 점을 없애 버리는 삽질이 됩니다.

BBCode for 텍큐닷컴 3.2 대공개 문서의 그림 일부

BBCode for 텍큐닷컴 3.2 대공개 문서의 그림 일부

BBCode for 텍큐닷컴 3.3 업데이트문서의 그림 일부

BBCode for 텍큐닷컴 3.3 업데이트문서의 그림 일부

관련 문서

내부 문서

외부 문서

이 글은 스프링노트에서 작성되었습니다.

Trackback 0 Comment 5

티스토리에서 치환자 출력하기

티스토리에서 스킨 치환자 출력하기 팁은 금칙어 피해가기라는 팁을 응용하였다.

치환자어떤 낱말을 그에 해당하는 다른 글귀나 낱말(치환 대상)로 바뀌도록 미리 정해놓은 예약어를 가리킨다. 이때 그러한 예약어인 치환자를 설명할 때조차 치환 대상으로 바뀌는 일이 종종 있어서, 불편을 끼치기도 한다.

여기에서는 티스토리에서 쓰이는 스킨 치환자가 다른 낱말로 바뀌는 일이 있어서 그것을 설명하는 글 등에서조차 사용할 수 없어 불편을 사고 있고, 그것을 해결하는 팁을 마련하였다.

팁텍

먼저 필유 님의 티스토리에서 치환자 혹은 대괄호([]) 입력하기라는 글을 보자. 그 글은 치환자를 화면에 출력하는 팁을 소개하는 기사인데 몇몇 웹브라우저에서는 정상적으로 보이지 않는 부분이 있다.

모질라 파이어폭스 3 화면

모질라 파이어폭스 3 화면


마이크로소프트 인터넷 익스플로러 6 화면

마이크로소프트 인터넷 익스플로러 6 화면


모질라 파이어폭스의 선택한 부분의 소스 보기 화면

모질라 파이어폭스의 선택한 부분의 소스 보기 화면


문제가 된 부분

문제가 된 부분

위의 마지막 그림에서 티스토리에서 과 같은 형태라는 부분과 그 아랫줄의 로 태그를 닫지라는 부분에서 조금 이상하다.

필유 님의 해결 방법

이 부분에서 필유 님이 무엇인가를 설명하려고 했었음을 알겠으나, 정작 그 정확한 내용은 알 수 없었다. 필유 님은 치환자에 해당하는 글귀를 티스토리 편집기에서 입력하고 싶다는 글을 썼다. 아니 엄밀히 말해 티스토리 편집기에서 입력한 뒤 게시글에서 치환자에 해당하는 글귀가 나타나게 하고 싶다는 뜻이었다.

필유 님이 사용한 방법은 대괄호인 '['과 ']'에 해당하는 HTML 엔터티(HTML entity) 문자로 바꾸어 입력하는 방법이다. 그에 따라 []의 아스키값인 91과 93을 이용하여 각각 &#91;&#93;으로 나타낼 수 있다고 하였다.

그러나 필유 님은 쓰기가 완료된 글에서는 엔터티 문자를 이용한 이 방법에 오류가 발생할 수 있음을 예견하였다.

그래픽 이미지로 바꾸기

금칙어 피해가기 팁에서도 소개했듯이 해당 글귀를 그래픽으로 고치면 된다.

예제 그림

예제 그림

위 예제 그림에서 사용된 글귀를 잘 살펴보기 바랍니다.

HTML 코드 이용하기

금칙어 피해가기 팁에서도 썼지만, 그래픽 이미지를 만들어 올리는 것은 보여주고 싶은 내용을 그대로 그래도 보여줄 수 있다는 점에서 매우 유용하지만, 그래픽 이미지는 텍스트보다 그 크기가 크고, 화면 좌우 폭의 제한이 있는 경우에는 왼쪽이나 오른쪽이 잘리는 경우도 있는 단점이 존재한다. 또한 티스토리처럼 스킨의 변형이 화면 구성(레이아웃)에 영향을 주는 경우에는 의도하지 않은 결과를 보여줄 수도 있다.

이럴 경우 금칙어 피해가기 팁에서 사용한 더미 태그를 이용할 수 있다.

다만 더미 태그를 사용할 때 다음과 같은 목표를 세웠습니다.

  1. 우선 화면에는 예제 그림처럼 보여야 합니다.
  2. 복사했을 때 그 내용(텍스트)이 그대로 복사되어야 합니다. 다만 그 뒤에 숨어 있는 HTML 코드가 제대로 복사되었는지는 고려하지 않습니다.

위의 두 목표를 고려하여 다음과 같이 작업하였습니다.

  1. 일단 티스토리 편집기에서 글을 작성한 뒤에 임시 저장합니다. 위의 글귀는 두 개의 티스토리 스킨 치환자가 있으므로 제대로 나타내지 못합니다.

    티스토리 화면에서 위와 같이 입력하면 소스코드는 다음과 같습니다. 아래 그림에서 분홍빛 밑줄 부분에 치환자가 나타나 있습니다.
  2. 미리 보기를 하면 다음과 같습니다.

    흠, 치환자가 제대로 나타나지 않습니다.
  3. 티스토리 편집기의 HTML 편집 모드로 바꿉니다.
  4. 치환자 부분을 찾습니다. 치환자는 [##_로 시작하는 경우가 많습니다. 치환자를 찾으면 여는 대괄호 다음에 <b></b>라는 더미 태그를 넣습니다. 더미 태그를 삽입한 다음 소스 부분을 살피면 다음과 같습니다. 빨간 글자를 잘 살펴보세요.
    <p style="font-size: 1.5em;"><span style="font-weight: bold; color: blue;"><span style="color: white; background-color: red;">[<b></b>##_blog_link_##]</span>와 <span style="color: white; background-color: blue;">[<b></b>##_title_##]</span></span><span style="font-weight: bold; color: blue;">는 어떻게 보일까?</span></p>
  5. 미리 보기를 하여 정상적으로 보임을 확인한 뒤에 저장한다.
    파이어폭스 화면

    모질라 파이어폭스 v3.0.10 화면. 정상적으로 잘 보인다.

    익스플로러 화면

    인터넷 익스플로러 v6 sp2 화면. 정상적으로 잘 보인다.

참고로 여기에서 삽입하는 <b></b> 코드는 "글씨를 굵게" 만드는 코드입니다. 코드가 단순해서 써먹기 좋습니다.

문제점

이 방법도 완벽하지는 않습니다. 물론 위에서 제시한 두 목표를 모두 만족했습니다. 그러나 (1) 툴팁에는 적용할 수 없고, (2) 복사나 편집했을 때 <b></b>라는 더미 태그가 사라지는 경우가 있기 때문입니다. 다만 더미 태그가 사라지는 경우는 고치지 않으려 합니다. 복사했을 때 화면이 깨지게 되며, 그럴 경우 (복사 금지된) 원본을 복사했는지를 알 수 있는 한 방법이 되기 때문입니다. 편집할 때는 이 더미 태그 작업을 가장 마지막에 함으로써 해결할 수 있습니다. 더미 태그가 적용된 근처를 편집하면 더미 태그가 사라지므로(대부분의 HTML 편집기가 가지고 있는 HTML코드 최적화 기능 때문입니다.) 주의할 필요가 있습니다.
한편 툴팁에는 필유 님이 제안하신 엔티티 문자를 써도 제대로 나타낼 수 없습니다.
아래의 글자 1은 HTML 더미 코드로 나타낸 원본이고, 글자 2는 일단 글을 저장한 뒤에 마우스를 이용하여 복사한 부분입니다. 그림은 위에서 사용한 예제 그림을 옮겨 왔습니다. 글자 1과 그림은 서로 같게 보여야 하며, 글자 2와 그림은 서로 다르게 보여야 합니다.

글자 1 : [##_blog_link_##][##_title_##]는 어떻게 보일까?

글자 2 : [##_blog_link_##][##_title_##]는 어떻게 보일까?

그림 : [ ##_blog_link_##]와 [ ##_title_##]는 어떻게 보일까?

위의 글자 1과 그림의 내용이 서로 다르게 보인다면, 자신이 사용하는 웹브라우저 이름, 버전 등을 적어 주시면 확인하여 해결책을 마련해 보겠습니다.

관련 문서

이 글은 스프링노트에서 작성되었습니다.


Trackback 0 Comment 2

블로그 둘째 달

블로그를 연 지 두 달이 되었다. 첫 달과 둘째 달이 또 다르더라.

스킨! 아, 스킨!

맘에 드는 스킨이 없다. 그렇다고 구조를 이해하여 수정할 수 있는 실력도 없다. 수정은 하겠지만 겨우 글자 크기나 고치는 수준이다. 그래서 단순해 보이는 스킨을 골랐건만, 그것도 상당히 복잡하다. 응? 공부하라고?! 그래야겠다. 조금씩 고쳐봐야겠다.

집중!

무언가 집중이 되지 않는다는 느낌이 온다. 하지만 그렇다고 멈추기에는 지금까지 써 온 글이 아깝다. 에이! 모르겠다. 그냥 지금처럼 가자!

그리고 정치나 시사 이야기는 안 쓰려고 했는데, 그럴수록 다른 사람 블로그에서 자꾸 쓰게 된다. 그냥 그런 내용도 올려 버려? 흠, 고민만 하고 만다. 어쩌면 블로그를 하나 더 만들 수도... ㅡㅡa

할일

여전히 나에게 맞는 간소한 스킨을 만드는 계획은 유효하다. 그저 '언젠가는 만들 수 있겠지.'라고 생각하며 참고 지낼 뿐일까?

이 글은 스프링노트에서 작성되었습니다.


'일기' 카테고리의 다른 글

다사다난 셋째 달  (5) 2009.05.30
그가 죽었습니다.  (1) 2009.05.23
블로그 둘째 달  (0) 2009.05.01
아이디  (0) 2009.04.06
블로그, 첫 한 달  (0) 2009.03.28
나는 백수인가?  (0) 2009.03.24
Trackback 0 Comment 0
prev 1 next


티스토리 툴바