MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
서브메뉴의 3,4차 메뉴가 2차메뉴 마우스on시 아래로 슬라이딩되게 하는 Tip입니다. http://www.xpressengine.com/?mid=download&package_srl=18731734 위 링크 친절뺀질이님의 레이아웃소스에서 JQuery 예제부분을 참조했습니다. https://moonhouse.co.kr/zbxe/266116 의 문하우스레이아웃스킨을 예제로 설명드립니다. 1. jquery-latest.js 파일을 ./layouts/moonhouse/js/폴더에 업로드합니다. 2. ./layouts/moonhouse/layout.html를 수정합니다. <!--%import("js/jquery-latest.js")--> 추가 트리메뉴부분 소스를 아래와 같이 수정합니다. <!-- 트리메뉴 --> <!--@if($layout_info->Lm == 'Y')--> <!-- sub_menu 2차 시작 --> <!--@if($menu_1st)--> <div id="lnb_t" class="iePngFix" /> <h1>{$menu_1st['link']}</h1> </div> <ol id="lnb" class="secondMenu" > {@ $idx = 1 } <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])--> <!--@if($val['selected'])--> {@ $menu_2nd = $val } <!--@end--> <li class="<!--@if($val['selected'])-->on<!--@end--> list{$idx}"> <a <!--@if($val['href'])--> href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--><!--@end-->> <img src="./images/{$layout_info->colorset}/bullet14.gif" align="absmiddle"> {$val['link']}</a> <!-- main_menu 3차 시작 --> <!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )--> <ul> <!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])--> <!--@if($v['selected'])--> {@ $menu_3th = $v } <!--@end--> <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->> <img src="./images/submenu_bul1.png" align="absmiddle"> {$v['link']}</a> <!-- main_menu 4차 시작 --> <!--@if($v['list'] && ($v['expand']=='Y'||$v['selected']) )--> <ul> <!--@foreach($v['list'] as $k => $v4)--><!--@if($v4['link'])--> <!--@if($v['selected'])--> {@ $menu_4th = $v4 } <!--@end--> <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v4['href']}" <!--@if($v4['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->> <img src="./images/submenu_bul1.png" align="absmiddle"> {$v4['link']}</a></li> <!--@end--><!--@end--> </ul> <!--@end--> </li> <!--@end--><!--@end--> </ul> <!--@end--> </li> <script type="text/javascript"> $(document).ready(function() { $("ol.secondMenu li.list{$idx}").hover(function() { $("ol.secondMenu li ul").addClass("off"); $("ol.secondMenu li.list{$idx} ul").removeClass("off"); $("ol.secondMenu li.list{$idx} ul").slideDown('fast').show(); $("ol.secondMenu li ul.off").slideUp('slow'); }) }); </script> {@$idx++} <!--@endif--><!--@endforeach--> </ol> <div id="lnb_b" class="iePngFix" /> </div> <!--@end--> <!--@end--> 3. 해당칼라의 css파일을 수정합니다.(예:blue.css) ./layouts/moonhouse/css/blue.css에서 아래 해당줄을 찾아서 display:block;을 display:none;으로 수정하면 됩니다. #lnb li ul { position:relative; overflow:hidden; width:200px; display:none; }
지금 보고 계시는 글의 우측에 보이는 퀵메뉴를 구현하는 방법입니다. 일단 소마세월님의 "졸졸이 스토커"위젯를 설치를 해야 하는데 이 위젯을 약간 수정을 해야합니다. ./widgets/alway_stalker/skins/default/stalker.html [수정전] <DIV id='alwayStalker_{$widget_info->seq}' style='position:absolute;z-index:99;'> <!-- 이곳을 수정하시면 됩니다. --> <!--@ if($widget_info->addon_textarea)--> {$widget_info->addon_textarea} <!--@else --> <a href="#"><img src="./images/top.gif" /></a><br /> <a onclick="pageScroll();" style="cursor:pointer">하단</a> <!--@end--> <!-- 여기까지 --> </div> [수정후] <div id='alwayStalker_{$widget_info->seq}' style='position:absolute;z-index:99;'> <!--@ if($widget_info->addon_textarea)--> {$widget_info->addon_textarea} <!--@else --> <div id="side_t"><a href="#"><img src="./images/blank.gif" align="absmiddle" width="95px" height="28px" class="iePngFix" /></a></div> <ol id="side"> <!--@foreach($side_menu->list as $key => $val)--><!--@if($val['link'])--> <li <!--@if($val['selected'])-->class="on"<!--@end-->> <a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a> </li> <!--@endif--><!--@endforeach--> </ol> <div id="side_b" onclick="pageScroll();" style="cursor:pointer"></div> <!--@end--> </div> 그래서 따로 "MH졸졸이스토커"위젯을 만들었습니다. mh_alway_stalker.zip ./widgets/mh_alway_stalker 에 위젯을 설치를 합니다. 이제는 레이아웃스킨에 입히는 과정입니다. ./layouts/xe_official/conf/info.xml 에 해당 부분을 삽입합니다. [졸졸이 스토커를 레이아웃에 풀력할지를 결정] <var name="side_alway_stalker" type="select"> <title xml:lang="ko">졸졸이스토커</title> <description xml:lang="ko">사이드 졸졸이스토커의 출력을 결정하세요.("MH졸졸이스토커위젯"이 기본으로 설치되어 있어야 합니다)</description> <options value="Y"> <title xml:lang="ko">출력</title> </options> <options value="N"> <title xml:lang="ko">출력안함</title> </options> </var> [졸졸이스토커에 출력되는 메뉴구성 출력] <menu name="side_menu" maxdepth="1"> <title xml:lang="ko">사이드 메뉴 </title> </menu> ./layouts/xe_official/layout.html 에 위젯코드를 추가합니다. <!--사이드 졸졸이위젯--> <!--@if($layout_info->side_alway_stalker == 'Y')--> <img class="zbxe_widget_output" widget="mh_alway_stalker" skin="default" addon_position="2" addon_width="985" addon_left="985" addon_top="138" addon_top_gap="138" addon_textarea="" /> <!--@end--> ./layouts/xe_official/css/default.css 에 코드를 추가합니다. /* 사이드바 메뉴 */ #side_t { margin-top:0px; width:95px; height:28px; background:url(../images/side_top.png) no-repeat; } #side { width:95px; background:url(../images/side_middle.png) repeat-y; } #side li { padding:10px 10px 10px 0px; list-style:none; background:url(../images/side_line.png) no-repeat bottom; } #side li a { margin-left:10px; font:1.1em Tahoma; color:#8F8F8F; text-decoration:none; } #side li a:hover, #side li a:focus { font-weight:normal !important; color:#CC9900 !important;} #side li.on a { color:#ff6600; } #side_b { width:95px; height:12px; background:url(../images/side_under.png) no-repeat; } ./layouts/xe_official/images 폴더안에 해당 이미지를 업로드합니다. images.zip p.s 사이드메뉴 생성시 이미지로 만드시면 위의 이미지에서 제일 아래칸 같이 이미지메뉴로 출력됩니다.
위젯에 확장변수를 출력하는 팁입니다. "MH통합게시판"안에 보면 적용되어 있지만 다른 위젯에도 활용할 수 있으므로 별도로 적어봅니다. 1. ./widgets/newest_document/newest_document.class.php 안에 추가합니다. // 확장 변수 출력 if($args->extra_var_num) { $oDocument->extra_value = $oDocument->getExtraValue($args->extra_var_num); $oDocument->extra_var_num = $args->extra_var_num; } 2. ./widgets/newest_document/conf/info.xml 안에 추가합니다. <var id="extra_var_num"> <name>확장값 번호</name> <type>select</type> <description>선택한 번호의 확장 변수 값을 보여줍니다.</description> <options><name>사용 안함</name><value></value></options> <options><name>1</name><value>1</value></options> <options><name>2</name><value>2</value></options> <options><name>3</name><value>3</value></options> <options><name>4</name><value>4</value></options> <options><name>5</name><value>5</value></options> <options><name>6</name><value>6</value></options> <options><name>7</name><value>7</value></options> <options><name>8</name><value>8</value></options> <options><name>9</name><value>9</value></options> <options><name>10</name><value>10</value></options> <options><name>11</name><value>11</value></options> <options><name>12</name><value>12</value></options> <options><name>13</name><value>13</value></options> <options><name>14</name><value>14</value></options> <options><name>15</name><value>15</value></options> <options><name>16</name><value>16</value></options> <options><name>17</name><value>17</value></options> <options><name>18</name><value>18</value></options> <options><name>19</name><value>19</value></options> <options><name>20</name><value>20</value></options> </var> 3. ./widgets/newest_document/skins/xe_official/list.html 안에 확장변수를 두고 싶은 곳에 추가합니다. <!--@if($oDocument->extra_value)--> <a href="{getUrl(','mid',$oDocument->mid,'search_target','extra_vars'.$oDocument->extra_var_num,'search_keyword',$oDocument->extra_value)}" class="extra_value" title="확장변수" />- {$oDocument->extra_value}</a> <!--@end-->
Prev 34 35 36 Next
profile
팔공산
Jan 27 2018
XETOWN을 알고 라이믹스를 알게 되었고 기본 XE보다는 좋아보이고 괜히 최신을 따라해 보고 싶어서 라이믹스를 지원하는 무료 호스팅에도 설치해 보고 컴에도 한동안 설치 하지 않았던 서버 프로그램 까지 설치해서 테스트 해본 결과 자신이 있어서 설치 할려고 보니 응! 우비 웹호스팅이 라이믹스의 PHP버전을 따라 가지 못한다ㅠㅠ 그래서 우비호스팅의 관리자에게 PHP버전 올릴 수 있는지 질문을 남기니, 조만간은 버전업 계획이 없단다. 기간만 얼마 남지 않으면 다른 호스팅으로 옮길려고 하니 거의 1년반 이나 남았다. 일단 정식 문하우스(moonhouse.co.kr)에는 보류하고 다시 이리저리 옮기는 연습을 하고 있는데 어느 날 우비호스팅 공지사항에 PHP업글 내용이 좍~ 근데 UP하는 김에 PHP7이상으로 하지 아쉽네요. 지체 없이 신청하고 데이터백업과 DB백업 꼼꼼하게 하고 기다리니 이전 됐다는 답글이 달렸습니다. 이젠 지금껏 연습하면서 제일 좋았던 방법으로 설치를 시작해 봅니다. XETOWN에 있는 팁 내용대로 덮어 씌우기 하면 저 같은 경우는 백지 화면만 보게 되더군요. https://xetown.com/rxe_issue/668140 참고로 라이믹스의 전반적인 내용을 담고 있는 내용을 먼저 보시는 것이 좋습니다. https://github.com/rhymix/rhymix-docs/blob/master/ko/introduction/index.md 참고로 처음에 설치된 호스팅환경에 php모듈의 json모듈과 mcrypt모듈이 빠져 있었습니다. 다시 웹관리자에게 설치 부탁글을 남기니 3일만에 설치 되어다는 메세지가 왔습니다. [첫번째 방법 설치] 먼저 라이믹스 원본 파일로 깨끗한 라이믹스를 먼저 설치합니다. 이때 기존의 XE의 정보를 잘 간수해 두었다가 그대로 라이믹스의 설치시에 적용합니다. xe/files/config/db.config.php의 아이디, 비번, DB명, 테이블접두사(prefix) 등 설치 후 첫화면이 나타나면 관리자화면으로 들어 갑니다.(계속 열어 두세요) 그리고 ftp로 접속해서 기존에 백업해 두었던 xe/files안의 파일들중 /config, /cache, /thumbnails 폴더를 제외하고 업로드 해줍니다. 슈퍼캐시모듈을 설치 했다면 /supercache폴더도 제외, 자료가 많으면 시간이 꽤 걸리겠죠. 자료를 올리는 동안 호스팅의 DB(MySQL)에 접속합니다. 보통은 phpMyAdmin으로 들어 가겠죠 라이믹스로 만들어져 있는 테이블접두사(prefix) - 보통 xe_ 겠죠. 모두 선택해서 삭제한 후 백업해 두었던 DB파일 - 보통 sql파일을 import합니다. xe/files안의 파일들이 전부 업로드 되었으면 기존 XE에서 사용하던 /layouts, /m.layouts, /widgets, /widgetstyles, /modules/board/skins, /modules/board/m.skins 폴더에서 자신이 사용중인 프로그램을 ftp로 업로드 합니다. 업로드가 끝난 후 기존에 열어 두었던 관리자화면에서 리로드(F5)해서 정상적으로 화면이 나오고 홈페이지 첫화면 나오면 일단 성공입니다. 관리자화면에서 "캐시파일 재생성"을 실행합니다. 만약 첫화면 출력에 성공 했다면 /addons, /modules 중 자신이 사용중인 프로그램 업로드 하시면 됩니다. 관리자화면에서 리로드해서 모듈 업데이트 버턴들 눌러주고 마지막으로 각 모듈의 /skin방안에 자신이 다운 받아서 사용중인 프로그램이 있다면 함께 업로드해 주세요. 그럼 일단 라이믹스 업데이트 완성입니다. 이상 까지 해서 성공 하셨다면 운이 Good~~입니다. 장점 : 1.실패할 획률이 기본적인 방법보다 적고, 모듈이나 에드온을 일일이 올리면서 테스트하기 때문에 문제가 있는 프로그램을 알아내기 쉽습니다. 2. XE의 필요 없는 폴더나 파일이 존재하지 않는 깨끗한 라이믹스를 만들 수 있습니다. 단점 : 많은 시간적 노동이 필요합니다, [두번째 방법 설치 - 제가 설치한 방법] 일단 이 방법으로 설치를 할려면 호스팅에 여유공간이 넉넉해야 합니다. 만약 지금 설치된 호스팅 사용 총용량이 1G면 여유 공간이 1G이상 남아 있어야 됩니다. 그러니까 총 호스팅 용량이 2G이상 이라야 합니다. 그리고 XE가 /xe폴더나 하위폴더에 설치된 경우에 한합니다. 위의 조건을 충족하고 라이믹스를 설치할 모든 조건이 만족되었다면 기존의 XE가 설치된 폴드와 DB는 그대로 두고 /xe폴더가 아닌 임의의 폴더(지금 부터 /rx로)에 라이믹스를 새로 설치합니다. 그냥 편하게 설치하시면 됩니다. 그런데 테이블접두사(prefix) xe_는 필히 다르게 적어 주세요 보통 rx_가 되겠죠. 같으면 설치도 되지 않지만... 설치가 되었다면 첫화면과 관리자화면에 들어갑니다. ftp로 들어가서 xe/files안의 파일들중 /config, /cache, /thumbnails 폴더를 제외하고 전부를 rx/files 안으로 이동 이나 복사 해줍니다. 위의 방법에 있는 각각의 파일들도 순서에 따라서 이동 이나 복사합니다. 복사하는 중에 /rx/files/config/config.php파일을 에디터기로 열어서 'prefix' => 'rx_', 를 'prefix' => 'xe_', 로 수정 'default' => 'https://moonhouse.co.kr/rx/', 를 'default' => 'https://moonhouse.co.kr/', 로 수정 db.config.php 파일을 열어서 'db_table_prefix' => 'rx_', 를 'db_table_prefix' => 'xe_', 로 수정 총 2군데입니다. 위의 복사가 끝나고 php파일 수정도 끝났다면 /xe폴더의 이름을 임의로 이름으로 변경하고 /rx폴더의 이름을 /xe로 수정하세요.(제일 중요) 그리고 난 후 관리자페이지에서 리로드 후 "모듈업데이트"들 하신 후 위의 첫번째 설치를 따라 하시면 됩니다. 이 방법은 파일과 DB를 따로 업로드 하지 않아도 되어서 시간적으로 단축됩니다. 설치에 성공 하였다면 임의의 폴더를 삭제하고 DB에 접속해서 rx_부분들도 삭제하시면 됩니다. 장점 : 1. 첫번째 설치 장점과 같습니다. 2. 첫번째 설치 방법 보다 시간적으로 단축됩니다. 단점 : 1. 호스팅공간제약이나 /xe에 설치된 홈피 같은 제약이 따릅니다. 2. 기본적인 방법 보다는 시간이 좀 더 걸립니다. [성공했다고 생각들면 체크해야 할 부분들] - 에디터인 ckeditor의 글작성과 댓글작성 부분이 정상적으로 출력되는지 체크해 봅니다. 만약 글 작성 부분이 출력되지 않으면 js파일 같은 부분에 문제가 있다고 하는데 저 같은 경우는 브라우즈의 캐시를 지우고 돌아오니 정상적으로 작동이 되더군요. 이 부분 때문에 몇 번 재 설치를 했습니다. 거의 하루 정도~~~ 그리고 라이믹스에서는 xpresseditor에디터는 사용할 수 없습니다. xpresseditor_axupload5처럼 xpresseditor에서 파생된 것들도 마찬가지입니다. https://github.com/rhymix/rhymix/pull/925 - 일단 로그인 로그아웃이 정상적으로 작동되는지 확인합니다. 저 같은 경우는 모든 이전을 완성하고 완성되었구나 싶어서 사용중이던 모듈이나 에드온 업데이트하고 잠을 청하고 일어나서 보니 관리자아이디던 일반 아이디로던 로그인이 되지를 않더군요. 여기서 몇번 재설치. 고민 하고 검색하는데 하루 종일~~~ 마지막으로 진짜 진짜 깨끗하게 설치해서 한 단계씩 진행 할때 마다 로그인 로그아웃 테스트하면서 진행 한 결과~ 모듈중 "로그인 기록 모듈"을 설치하니 로그인이 되지를 않더군요. 휴~~~~(xxx 나올번) https://www.xpressengine.com/index.php?mid=download&package_id=18905882 - 자신이 사용중인 게시판에 내용 영역 출력하지 않고 글 작성 기능을 사용중이라면 https://xetown.com/qna/873356 댓글에 기진곰님의 답글이 있습니다. 안 된답니다. (Tip으로 우회해서 작동 시키는 방법 - sketchbook5 기준) - 게시판에 글을 작성했는데 "내용 글은 필수 입니다" 라고 팝업이 뜰때 이 경우는 XE시절에 "이 페이지 나가기" 메세지가 출력되는 경우가 있어서 레이아웃에 jquery를 수정한 경우입니다. https://moonhouse.co.kr/401623 수정한 부분이 있다면 삭제하시면 됩니다. 이상 험난했던 XE 에서 라이믹스로 갈아타기의 긴 여정을 적어보았습니다. 긴 글 읽어 주신다고 고생하셨습니다. 감사합니다. p.s 제가 경험하지 못했던 많은 문제들이 더 있을 것이고 해결 방법이 있을 것입니다. 여러분들의 경험담도 댓글로 적어 주시면 서로 돕고 돕는 웹환경이 되지 않을까 합니다.
Prev 34 35 36 Next

지도 바로가기 - 스케치북 리스트스킨

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
강원 정동진 모래시계공원 file
정동진 모래시계공원 팔공산 2024.03.20 6
전라 쏠비치 진도 file
쏠비치 진도 팔공산 2024.03.20 7
서울 서울 이순신장군 동상 file
서울 이순신장군 동상 팔공산 2024.03.20 6
충청 충주 중앙탑 file
충주 중앙탑 팔공산 2024.03.20 7
대구 [D - 231] 앞산공원 전망대 file
2024-12-31 앞산공원 전망대 팔공산 2023.03.29 31

 

Mh_Multi Widget 특징

 

It's a multi widget that we've been creating since the XE super window, so you can output widgets in almost any form.

 

mhmulti-001.jpg

 

 

[업그레이드 내용]

•문서내의 모든 이미지를 썸네일로 출력 기능 추가(선택가능)

Screenshot 2020-10-05 at 13.00.27.jpg

 

 1. Mh_multi Widget 에 총 5가지 Skin이 포함되어 있으며 Skin 마다 각각 고유의 형테로 구성    

    • 완벽히 위젯별로 작동합니다.

       - 동일 Skin 으로 한페이지에 다수의 위젯을 생성할시 위젯설정에 "위젯 NO"를 다르게 적용

       mhmulti016.jpg 

 

  2. 거의 완벽한 반응형(모바일형)으로 츨력이 가능

    • 함께 배포되는 mhstyle 위젯스타일 적용시

       - https://moonhouse.co.kr/xetip/469297

     mhmulti-008.jpg

 

  3. 간단한 설정 으로 색상변경 가능

    • 총 9가지 색상 선택

     mhmulti-009.jpg

    • 위젯 타이틀, 게시물 제목, Hover 테두리, more색상등 변경

     line.jpg

    • 설정 옵션들에서 자신만의 컬러로 변경 가능 

 

  4. 거의 완벽한 설정으로 각 위젯이 카멜레온처럼 변형이 가능 

    • 페이지기능으로 Total게시판 기능으로 활용

       - ajax 기능으로 화면 리플레쉬 없이 작동합니다.

    • 모든 항목을 추가, 제외 가능 - 썸네일, 테두리, 위젯타이틀, 제목, 내용, 글쓴이, 날짜등

    • 모든 항목의 색상 지정 가능 - 테두리, 제목, 내용, 바탕색, Hover색상등

 

  5. 썸네일 클릭시 3가지 형태로 츨력가능 

    • 기본적으로 게시판으로 연결

    • Right Box 형식으로 출력

     mhmulti-010.jpg

    • Zoom 형식으로 출력

     mhmulti-011.jpg 

 

  6. 다양한 설정

    • 대상 모듈의 대상 분류 srl값으로도 출력 가능

    • 내용글 세로 칸 수를 지정해서 공간의 여백을 최소화

    • 댓글 출력가능

     mhmulti-012.jpg

    • 그룹별, 포인트별, 레벨별로 출력 가능

     2021-09-23 123907.jpg

    • 모듈명, 분류명 출력 가능

     mhmulti-014.jpg

    • 확장값 출력 가능

     mhmulti-015.jpg

 

  7. MoonHouse 자료들은 폰트어썸과 Sexy Button 그리고 말풍선(툴팁) 애드온들이 자주 사용됩니다.

      Web Fonts Addon  /  말풍선(툴팁) 애드온을 설치해서 애드온들을 활성화 시켜야 아이콘과 버턴들이 정상적으로 출력됩니다.

      페이지기능을 지원하는 Widgets의 경우는 "위젯 케시를 0" 으로 둬야 정상 작동합니다.

 

Shoping Demo Manual Q&A

 

Mh_Multi Widget 메뉴얼

 

1. 총 5가지 Skins

 

 1. Sketchbook5 Webzin 형태

     mhmulti-002.jpg

 

 2. Sketchbook5 List 형태

     mhmulti-003.jpg

     

    •SketchBook5 게시판스킨 - 문하우스 수정버전 Pro 와 연동하여 날짜지정 종료/진행중/종료임박/오늘종료 버턴을 출력할 수 있습니다.

       - https://moonhouse.co.kr/xetip/506303

     mhmulti-004.jpg

 

 3. chameleon 형태

     mhmulti-005.jpg

 

 4. Smart 형태

     mhmulti-006.jpg

 

 5. Scroll - 공지사항형태

     mhmulti-007.jpg

Mh Product Sales

This area displays Product Sales made by Moonhouse.

Mh Justice Layout

Mh Justice Layout is a one page html5 bootstrap template.
This template comes with smooth animations, pop-up video and many more…

1. As soon as onePage is operated and the bootstrap and animations are applied, the animation is output in each section.

2. Almost perfect response (mobile)

3. Built-in various self-programming programs
• accordion menu
• iPhone background login pop-up
• Background slide
• Notice pop-up window

Read more

Mh Multi Sale

It's a multi widget that we've been creating since the XE super window, so you can output widgets in almost any form.

1. Works perfectly per widget. - Old versions create multiple widgets on one page with the same skin, causing problems with page function or multiple places

2. Add shortcut to on the title bar the top of the two.

3. can print out the source, without using a using the image output rightbox.

Read more