http://www.xpressengine.com/?_filter=search&mid=tip&search_keyword=%EC%97%90%EB%94%94%ED%84%B0&search_target=title&document_srl=19021326

우선 세진님의 팁에서 응용한 방법입니다. ^^"

1. 차후 XE 업데이트에 따른 파일 덤핑을 예방하기 위해선 파일명_bak로 따로 백업본을 만들어 업로드 해주세요

2. editor.html과 default.css를 수정하여 에디터의 상단 우측에 자주쓰는 확장 컴포넌트를 뽑아내고 정렬하는 팁입니다.

defalut.css의 최상단에 링크에 따른 속성 수정 (폰트사이즈 15에 컬러및 롤오버시에 글씨 배경색이 들어가게 했습니다 ^^

A:link {text-decoration:none; color:#F36 ; font-sinze:15pt; font-weight:bold}
A:visited {text-decoration:none; color:#003; font-sinze:15pt;font-weight:bold}
A:active {text-decoration:none; color:#003; font-sinze:15pt;font-weight:bold}
A:hover {text-decoration:none; color:#000080; background:#D0E0FF; padding:2 2 0; font-sinze:15pt;font-weight:bold}

default.css의 .xpress-editor .tool ul.extra3  li { 다음 라인에 아래 두줄을 추가 합니다)

.xpress-editor .tool ul.extra4 { float:right; width:auto; z-index:1; margin-right:1px;}
.xpress-editor .tool ul.extra4 li{ margin-right:4px;}

editor.html의  <ul class="extra3"<!--@if(!$html_mode)--> style="display:none"<!--@end-->>의 </ul>이 선언 된 다음 라인에
아래 코드를 삽입 합니다.

 <ul class="extra4">
    <!-- 확장 컴포넌트 에디터 내부 1렬 출력 -->
    <li style="margin:0px 0px 0px 0px; padding:0px;">
    <a href="#" onclick="return false;" id="component_{$editor_sequence}_photo_editor" onfocus="blur()">
                <img src="../../components/photo_editor/component_icon.gif" />
                네이버-포토 에디터</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
    </li>     
    <li style="margin:0px 0px 0px 0px; padding:0px;">
    <a href="#" onclick="return false;" id="component_{$editor_sequence}_naver_map" onfocus="blur()">
                <img src="../../components/naver_map/component_icon.gif" />
                 네이버맵 연동</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
    </li>     
    <li style="margin:0px 0px 0px 0px; padding:0px;">
    <a href="#" onclick="return false;" id="component_{$editor_sequence}_code_highlighter" onfocus="blur()">
                <img src="../../components/code_highlighter/component_icon.gif" />
                 Code Highligter</a>
    </li>
</ul>  

세진님께서 팁을 올려 주셔서 감사히 적용하고 저는 입맛에 맞게 살짝 더 바꾼 것 밖에는 없네요. ㅠㅠ

아참- 링크 클릭하면 생기는 테두리는 onfocus="blur()"로 처리 했습니다. 파폭,사파리,크롬,익플 모두 적용 됩니다. ^^

담에는 기회되면 코다 슬라이더 분석한 결과나.. 올려 볼까 해요~ ^^"