| 간단하게 기부를 받고 싶다면 Paypal을 이용하세요!



  은행 이름과 계좌번호를 공유해 기부를 받는 것도 가능하겠지만, 계좌번호 같은 경우 일종의 개인 신상 정보 중 하나이므로 공유하기에 껄끄러울 수 있습니다. 이럴 때, 'Paypal'(페이팔)을 이용해서 기부를 쉽게 받는 방법이 있다고 합니다. 



▲ 위와 같은 사진을 만들어서 기부 받기 버튼을 만들 수 있습니다.







| Paypal 기부 스크립트 받기



1. Paypal 회원 가입 후 Profile > Add/Edit Bank Account 를 클릭합니다.





2. 상세 정보들을 기입합니다. 그리고 'Continue'를 눌러 진행합니다.


- Bank Name: 은행명을 영문으로 적어야 합니다. 여기를 참조해주세요.

- Account Number: 계좌번호를 적어야 합니다. 14자까지 기입 가능합니다.

- National ID: 주민등록번호를 적어야 합니다.




3. 그리고 'Create Paypal payment button' 단계에서, 원하는 내용을 기입하고 'Create Button'을 클릭합니다.


- Organization name/services 에는 조직의 이름이나 서비스의 이름등을 적으면 됩니다.

- Donation ID 는 말그대로 기부를 받을 아이디입니다. 원하는 아이디를 적으면 됩니다.




4. 다음과 같이 소스 코드가 생성됩니다. 소스 코드를 그대로 복사하여 HTML 소스 코드에 붙이면 됩니다.






Syntaxhighlighter 유틸리티를 사용해서 이쁘게 코드를 출력해서 사용하는 경우, 폰트의 크기가 너무 작거나 커서 불만인 경우가 많은데요. 티스토리 블로그에서 이 유틸리티를 사용할 때 폰트의 크기를 변경하는 방법이 있습니다.


일반적으로, 설정된 css 파일은 shCore.css 입니다.

skin.html 에서

...
<link type="text/css" rel="stylesheet" href="./images/shCore.css">
...

와 같은 문구를 보셨다면

shCore.css 파일을 건드려주시면 됩니다.


shCore.css 파일을 메모장 등의 적절한 에디터로 연 후에,

...
font-size: 1em !important;
...

의 부분에서 1em을 12pt/1.1em 등으로 바꾸어주시면 됩니다.

크기가 적은 것 같다면 12pt 등으로 올려서 폰트 크기를 높혀주시고,

크기가 큰 것 같다면 9pt 등으로 낮추어 폰트 크기를 줄여주시면 됩니다.


그리고 다시, 파일 업로드로 shCore.css 파일을 다시 한 번 업로드해주시면 끝입니다!

  이전에 Syntaxhighlighter를 설치하고 적용한 후 사용하는 방법에 대한 포스트를 올렸는데,

이번에는 조금 더 나아가서 Syntaxhighlighter의 테마를 설정하는 방법에 대해서 알려드리겠습니다.



  ▶ http://thinkpro.tistory.com/31

  Syntaxhighlighter를 적용할 때, HTML/CSS 탭의 skin.html 파일을 수정해야 했었는데요.

그 때 , <head>와 </head> 태그 사이에 다음 소스 코드를 집어넣었습니다.



<script type="text/javascript" src="./images/shCore.js"></script>

































위 소스 코드를 보면 알겠지만 크게 두 가지 부분으로 나뉘어집니다.



바로, <script 로 시작하는 부분과 <link 로 시작하는 부분입니다.



 1.<script로 시작하는 부분은 syntaxhighlighter에서 사용할 언어에 대한 js 파일에 대한 설정입니다.

만약, C++ 로 코딩한 소스를 syntaxhighlighter를 이용해서 표현하려면 반드시

<script type="text/javascript" src="./images/shBrushCpp.js"></script>와 같은 설정이 필요합니다.




2.<link로 시작하는 부분style에 대한 부분입니다.

즉, 이번 포스팅에서 집중해야 할 부분입니다.


첫 번째 줄인 shCore.css 에 대한 설정은 반드시 들어가야 하며,

두 번째 줄을 변경하여 테마를 변경할 수 있습니다.




가령, Eclipse 테마를 설정하고 싶다면,

<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css"> 를

<link type="text/css" rel="stylesheet" href="./images/shThemeEclipse.css"

와 같이 변경해주시면 됩니다.




어떤 테마를 설정할지는 설치 후 압축 해제 한 파일의 style 폴더를 참조하시어 확인하시면 됩니다.




▲ syntaxhighlighter_3.0.83 > syntaxhighlighter_3.0.83 > styles 폴더



각 테마가 어떤 느낌을 가지고 있는지는 다음 사이트를 참조하시면 되겠습니다~

http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/


+ Recent posts