애드클릭스 기본 광고코드에서 폰트 및 색상 변경 해보기

애드클릭스 기본 광고코드에서 폰트 및 색상 변경하는 방법입니다. 광고코드마다 소스가 어떻게 바뀌는 지는 확인을 안해봤습니다만...

아래의 예제 소스는 일반적인 에디터링크와..   사이드바용 컨텐츠링크 소스를 사용했습니다.

미리보기(비교)
 (수정 전)

  (수정 후)

폰트변경 : 에디터링크에서 만 가능 (컨텐츠링크는 변경법을 모르겠음)

색상변경 : 컨텐츠링크, 에디터링크에서 가능

에디터링크
에디터 링크에 보시면 이런 소스 코드 부분이 있습니다.
(http://image.bizshop.daum.net/ui/adclix_b/skin/eskin001_03.gif) no-repeat right top;}
.eskin001 a{color:#000;font:normal 13px Dotum,'돋움';}

폰트색상 : #000  이 부분을 수정해주시면 됩니다.  원하는 폰트 색상으로 하시면되겠죠.
폰트크기 : 13px  이 부분을 수정해주시면 됩니다.
폰트 종류 : Dotum,'돋움' 이 부분을 수정해주시면 됩니다.

       

컨텐츠링크(컨텐츠 링크는 초기 소스 설정할때 색상변경 하는 곳이 있습니다. 아래는 참고만하세요)
컨텐츠 링크에 보시면 아래 부분들이 있습니다.
    var adv_lo_border = 'cecece';
    var adv_lo_background = 'ffffff';
    var adv_lo_adtitle = '4679C2';
    var adv_lo_addesc = '595959';
    var adv_lo_adurl = '737373';

이 부분은 구지 설명을 안해도 아실 것 같네요.

border = 테두리
background = 배경
adtitle = 광고제목
addesc = 광고설명
adurl = 광고주소
위 소스 옆에 보이는 숫자+알파벳 조합으로 색상을 적당히 자신에 맞게 수정하시면 될 것 같습니다.

다른거 보다는
adtitle = 광고제목
adurl = 광고주소
이 거 두개를 수정하니 한 결 좋게 보이긴 하네요.  자신에게 맞게 수정하시면 될 듯 싶네요.

   
HTML 색상표 찾는 방법

1. 포토샵에서 찾는 방법 (포토샵이 설치되어 있다는 가정하에...)

포토샵을 실행합니다.  이러면 이런 툴들이 모여있는
기다란 바가 보입니다.

이 바 하단의 정사각형...

여기서는 둘다 검게되어 있네요..
저것 중에 하나를 더블 클릭합니다.

즉,  이것 중에 아무거나 하나를 더블클릭합니다.  물론 색상은 검은색이 아니고 다른 색상일 것입니다.

그러면 이와같은 컬러피커가 뜹니다. 여기서 원하는 색상을 클릭하시면 HTML 색상코드값을 볼 수 있습니다.

즉, 이런 화면이죠.. #191964 여기서는 이게 HTML 색상값이네요.  이렇게 원하는 색상을 찾으셔서 적용하시면 될 것입니다.



2. 프로그램을 이용한 방법
emdesigner 1.0

emdesigner10cham.zip

 다운로드하셔서 설치하세요.


가지고 있는 기능
1) 웹페이지 상의 폰트나 글자 도는 각종 배너들위에 포인터를 가져가면 HTML 색상코드를 알려줍니다.
2) 웹페이지 상에서 픽셀을 간단하게 측정할 수 있습니다.

전체적인 인터페이스

요기 부분에서 스포이드 처럼 생긴 것을 클릭하면... 반응이? 일어나면서...
이 스포이드를 추출하고자하는 글자나 배너에 올리면.. #004E98 이 부분이 그 색상에 맞게 변합니다.  그 변한 값이 HTML 색상코드값입니다.



아래 그림은 픽셀 측정과 관련한 미리보기입니다.  픽셀도 웹상에서 간단히 체크할 수 있습니다.
아주 유용한 프로그램입니다.  가끔... 이 픽셀 체크 기능은 오작동을 하지만......