이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.
![[레벨:4]](http://www.xpressengine.com/modules/point/icons/default/4.gif "포인트:1600point (19%), 레벨:4/30"){kind=icon}
SiHuFa| 라이센스 : | 기타 |
|---|---|
| 기타 라이센스 : | 원본스타일출처와 애드온제작자를 포함시켜주세요. |
| 적용 버전 : | 정식버전(1.0이후) |
| 프로젝트 URL : |
xe의 버튼들을 위와 같은 버튼 스타일로 일괄적으로 바꿔 주는 에드온입니다.
이 에드온은 스킨에서 버튼스타일을 별도로 정의 하셨다면 변경이 되지 않습니다.
보드 스킨의 write_form.html 등에서 버튼부분이 class="button"로 정의되어 있어야 합니다.
설정화면 설명 7번(버튼스타일개별설정)이 사용함일경우 모듈선택에 체크가 하나도 없어야 합니다.
있을 경우 그 모듈만 적용이 됩니다.
개별설정 적용하느라고 안돌아가는 머리쓰느라 몇일을 고생했습니다. 별것도 아닌것을 ㅠㅠ
어떻게든 하긴했는데 어떨지는 고수님들이 좀 알려주세요. 문제점이라든지요 ^^;;
그리고 전에 class="button"에 적용하던것을 깔끔하게 head부분에서 CSS파일 변경과 수정된 스타일만
별도의 파일을 만들어 적용하게 했습니다.
사용자 설정의 경우 설정값을 head부분에 CSS스타일로 추가되게 만들었습니다.
잔머리만으로 만들다 보니 부족한 점이 있을수 있습니다. 문제가 발생하면 바로 바로 알려 주세요.
[설정화면 설명]
버튼 스타일을 선택하고 적용할 모듈을 쉼표","로 구분해서 작성하면 됩니다.
동일한 모듈이 두곳이상에 있을경우 맨 처음 버튼 스타일이 적용됩니다.
6번 : 사용자가 직접 폰트명, 버튼배경이미지, 기본글자색, 마우스오버시 글자색을 설정 할수 있습니다.
7번 : 1~5번까지 개별로 적용할 버튼스타일을 사용할 것인지를 정합니다.
8번 : 모듈전체 또는 개별 모듈 버튼스타일 사용시 기본으로 사용할 버튼 스타일을 정합니다.
간지님의 포삽질닷컴 http://poshopzil.com/ 에서 스타일을 참조 했습니다.
스타일의 글자색, 이미지의 버튼색만 참조하여 직접 xe 버튼스타일에 적용하고 이미지도 버튼 높이가 틀려서
모두 새로 작업하였습니다.
전체 버튼별 스타일 확인 페이지는 http://poshopzil.com/gBtn_all/ 로 들어가셔서 보시면 됩니다.
[21가지 스타일 버튼 모양]
** ver 0.2에는 22번 사용자 스타일이 추가되었습니다.
[5번 오랜지라인이 적용된 화면]
![[레벨:9]](http://www.xpressengine.com/modules/point/icons/default/9.gif "포인트:8970point (98%), 레벨:9/30"){kind=icon}
가론![[레벨:2]](http://www.xpressengine.com/modules/point/icons/default/2.gif "포인트:735point (83%), 레벨:2/30"){kind=icon}
김민787
![[레벨:15]](http://www.xpressengine.com/modules/point/icons/default/15.gif "포인트:22010point (63%), 레벨:15/30"){kind=icon}
BNU
![[레벨:30]](http://www.xpressengine.com/modules/point/icons/default/30.gif "포인트:82280point, 레벨:30/30"){kind=icon}
비나무![[레벨:7]](http://www.xpressengine.com/modules/point/icons/default/7.gif "포인트:5000point (43%), 레벨:7/30"){kind=icon}
착한악마
![[레벨:6]](http://www.xpressengine.com/modules/point/icons/default/6.gif "포인트:3535point (25%), 레벨:6/30"){kind=icon}
세바스챤_™![[레벨:3]](http://www.xpressengine.com/modules/point/icons/default/3.gif "포인트:940point (20%), 레벨:3/30"){kind=icon}
Crazyhouse.cn![[레벨:1]](http://www.xpressengine.com/modules/point/icons/default/1.gif "포인트:315point (83%), 레벨:1/30"){kind=icon}
왕자태운백마![[레벨:5]](http://www.xpressengine.com/modules/point/icons/default/5.gif "포인트:2340point (9%), 레벨:5/30"){kind=icon}
종스
[문의] XE 1.04버젼으로 업그레이드 한후에.. 버튼체인지0.2버젼 저용시키니 아래처럼 깨지네요,,
그림이 밀리는것 같기도하고.. 0.1버젼으로 돌려보면 잘 적용됩니다. 여러버 리셋해봐도 증상이같아 분의 드립니다...
기본스킨으로 적용해보고 업데이트해봐도 마찬가지고... 아래 관리페이지조차도 깨져버리는군요..
제가 아직 1.04가 선행 버전 이라서 테스트를 못해봤습니다.
그런데 올려 주신 화면을 보니 버튼 배경 이미지를 못 찾아 오고 있네요.
그럴리가 없겠지만은 혹시 에드온 경로를 한번 체크해 봐주세요..
제가 버전 관리를 위해서 0.2에서는 [ButtonChange0.2.zip]아래에 [Buttonchange]가 들어 있습니다.
0.1에서는 바로 [Buttonchange]가 있구요
0.1을 압축풀어서 바로 올려도 되지만 0.2에서는 압축을 푼후 ButtonChange0.2 디렉토리 아래에 있는 Buttonchange만 올려야 합니다.
그래서 경로가 /addon/Buttonchange 가 되야 합니다.
경로 문제가 아니라면 1.04안정 버전이 나온후 테스트해서 알려 드리겠습니다.
![[레벨:21]](http://www.xpressengine.com/modules/point/icons/default/21.gif "포인트:40510point (21%), 레벨:21/30"){kind=icon}
SMaker힌트 감사합니다.
위와 같이만 해서는 정상적으로 안 나오내요
조금 더 바꾸어 주니 잘 나옵니다.
if($btncss){
if($btncss == "f22"){
//사용자 설정 버튼 스타일일 경우 header부분에 삽입
Context::addHtmlHeader($btnheader_script);
} else {
Context::addCSSFile('./addons/buttonchange/css/button_'.$changebtn.'.css');
}
} else {
if($changebtn == "f22"){
//사용자 설정 버튼 스타일일 경우 header부분에 삽입
Context::addHtmlHeader($btnheader_script);
} else {
Context::addCSSFile('./addons/buttonchange/css/button_'.$changebtn.'.css');
}
}
}
// 결과 출력 이전
if ($called_position != 'before_display_content') return;
// 위의 설정 부분이 빠진 베이스 버튼 스타일 파일로 교체
$output = str_replace('./common/css/button.css', './addons/buttonchange/css/button.css', $output);
?>
http://comengit.mireene.com/zbxe/2117
저도 이걸로 한방에 해결했습니다.^^
.gif)
잘 쓰겠습니다!!!ZBXE 1.06 에서 buttonchange V0.2를 적용하면
위의 차칸넉대 처럼나와서,
위의 여러가지 힌트를 다 적용해봐도 안되고,
다만 페스메냐의 경우처럼 $addon_path를 제일위에 삽입하면 버튼은 제대로 나오는데 Warning이 나옵니다.
뒤지다보니 Notepad로 수정해서 문제가 발생해서, 다른 분들 처럼 아크로에디트로(영문 윈도우에서 한글깨짐) 했는데 안되서, 저의 경우는 jEdit로 수정해서 올렸더니 아무문제가 없네요.
참고로 buttonchange V0.1은 IE와 Mozilla Firefox에서는 잘 되는데 Safari브라우저에서 CSS가 적용이 안되서 전 페이지가 일자로 쭉 보이는 문제가 있습니다.
감사히 쓰겠습니다.
고맙습니다.