묻고답하기
송동우님 한번만 도와주세요 이젠 절박합니다 ㅜㅜ
2012.02.14 09:46
죄송스럽게도 질문이 두개나 있습니다. 이제 정말 절박합니다.
바꿔는 놔야 하고 시간은 얼마 남지 않았고 제발 부탁드려요
저는 1.5.1.2 버전을 사용하고 있으며 스킨은 기업용 솔리드 엔터프라이즈에서 Laciel님이 조금 수정한 버전을 사용중입니다.
그 수정한 버전에 저도 약간 손을 댔습니다만 중요한 부분은 바꾸지 않았습니다.
첫번째 질문은 제가 스케치북 게시판 스킨을 사용해 갤러리로 제품 목록을 보여지게 만들려는 의도를 가지고 있습니다.
그래서 갤러리 생성후 제품의 정보에 관한 확장변수들을 추가했습니다.
제가 원하는 것은 보시는 바와 같이 썸네일과 함께 확장변수가 옆으로 밀려나 보이는 것인데요.
팁게시판에서 확장변수 출력폼 변경 팁을 봤는데 스케치북 스킨에는 document 파일이 없어요
그래서 나름 열심히 찾아본 결과 board.css 파일을 변경하면 출력폼이 약간 변하는 것 같은데
이 테이블 짜는 요령이 일반적인 td tr이 아니라서 제가 어떻게 할지 모르겠더라구요.
/* Extra Var */
.et_vars{border:0px solid #D9D9D9;border-top:0;border-left-color:#E6E6E6}
.et_vars th,.et_vars td{text-align:left;border:0;border-top:1px solid #E9E9E9}
.et_vars tr:first-child td{border-top-color:#E6E6E6}
.et_vars th{padding:6px 24px;white-space:nowrap;border-top:1px solid #E6E6E6;border-right:1px solid #DDD}
.et_vars tr{color:#666}
.et_vars tr.bg1{background:#F6F6F6}
.et_vars tr.bg2{background:#ECECEC}
.et_vars td{width:400px;padding:5px 2%;border-left:1px solid #FFF;background:rgba(255,255,255,0.6)}
.et_vars tr.bg1 td{background:#FCFCFC\9}
.et_vars tr.bg2 td{background:#F9F9F9\9}
.et_vars.wrt th{padding-top:0;padding-bottom:0}
.et_vars.wrt td{padding:0}
.et_vars caption{padding:5px;text-align:right}
.et_vars select{min-width:100px;margin:0}
.et_vars input,.et_vars textarea{width:100%;margin:-1px;padding:3px 0;background:none;border-color:transparent;border-radius:0}
.et_vars .mail,.et_vars .hp,.et_vars .address{width:300px}
.et_vars .date{width:100px}
.et_vars .tel{width:40px;margin-right:8px}
.et_vars td p{display:block;margin:3px 0}
.et_vars td ul *{vertical-align:middle}
.et_vars td ul li{display:inline-block;margin:5px}
.et_vars td ul li input{display:inline;margin-right:3px;width:13px;height:13px}
.rd_hd .et_vars{position:relative;margin:-1px 0 0 !important}
.rd_hd .et_vars{border-left:0;border-right:0}
.rd_hd .et_vars td{background:#FFF}
이 부분인것 같은데... 지금은 아닐수도 있겠단 생각도 드는데 어쨋든 계속 열고 들여다보니
확장변수를 자동으로 받아와서 변수가 추가로 있으면
자동으로 tr tdtd 를 생성해 값을 채워넣도록 되어있던걸로 기억해요.
이부분일까요?
<!--// Extra Var -->
<table cond="$oDocument->isExtraVarsExists() && !$mi->et_var" class="et_vars" border="1" cellspacing="0" summary="Extra Form">
<tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{($key+1)%2+1}">
<th scope="row">{$val->name}</th>
<td>{$val->getValueHTML()}</td>
</tr>
</table>
http://hernes.co.kr 여기가 사이트 입니다 여기서 프로덕트에 벽시계 탭 보시면 이해가 가실겁니다 ㅜㅜ
정말 우째야 합니까 송동우님 아니라도 제발 누군가 ㅎ한번만 답변을 주셨으면 좋겠어요
어떻게 수정할지 감이 안잡힙니다.
그리고 송구스럽지만 두번째 질문은
같은 게시판에 목록을 볼때 상단에 가로로 분류가 나오거든요 현재 3단 분류까지 쓰고 있는데
이걸 좌측에 세로로 출력해야 합니다
이건 당최... 전 프로그래머 아닌데... 디자이너인데..
모르면 용감하다고 너무 어려운 것들 요구하시네요 ㅜㅜ
입사한지 얼마 안되서 못한다고 하지도 못하겠고... 정말...
이거 공감이요
댓글 8
-
프리픽스코리아
2012.02.15 14:17
-
애호가
2012.02.15 14:56
오오오 할렐루야~ 기쁘다 구주 오셨네~ ㅜㅜ 캄사합니다. -
애호가
2012.02.15 15:02
두번째 질문은 스스로 해결했습니다.
모로 가도 서울만 가면 된다고...;;
게시판이 가변형 게시판인점을 이용해 게시판 전체를 테이블로 잡고 나눠서 한쪽엔 카테고리 출력 위젯 한쪽엔 게시판을 놓아
해결했습니다.
단점은 ... 같은 게시판 스킨을 사용하고 있다면 다른게시판에서도 카테고리가 계속 따라다니고 게시판에 따라 바뀌는것도 아니네요;;;
-
애호가
2012.02.15 15:17
첫번째 질문 설명보고 야심차게 작성했습니다.
<table cond="$oDocument->isExtraVarsExists() && !$mi->et_var" class="et_vars" border="1" cellspacing="0" summary="Extra Form">
<tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{($key+1)%2+1}">
<th cond="$key==1" rowspan="{@ echo sizeof ($oDocument->thumbnailExists());}" ><img src="{$odocument->getThumbnail($mi->thumbnail_type)}" alt="" /></th>
<th scope="row">{$val->name}</th>
<td>{$val->getValueHTML()}</td>
</tr>
</table>결과물
이.. 이게 아닌가여 ㅜㅜ
-
프리픽스코리아
2012.02.15 15:29
밑에 썸네일이 어떤식으로 삽입이 되어있죠?저 밑에 소스도 10줄정도 올려주세요~ -
애호가
2012.02.15 15:34
게시물 선택해 내부를 볼때 확장변수 출력부분부터 밑으로 일정부분입니다.
<!--// Extra Var -->
<table cond="$oDocument->isExtraVarsExists() && !$mi->et_var" class="et_vars" border="1" cellspacing="0" summary="Extra Form">
<tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{($key+1)%2+1}">
<th cond="$key==1" rowspan="{@ echo sizeof ($oDocument->thumbnailExists());}" ><img src="{$odocument->getThumbnail($mi->thumbnail_type)}" alt="" /></th>
<th scope="row">{$val->name}</th>
<td>{$val->getValueHTML()}</td>
</tr>
</table>
<!--// 본문에 이미지 없을 때 -->
<p cond="$mi->no_attached_img && !$oDocument->thumbnailExists()" style="margin-bottom:30px;text-align:center"><img src="{$mi->no_attached_img}" alt="No Attached Image" /></p>
<!--// 본문 -->
<div cond="$mi->img_insert=='2'" class="xe_content rd_gallery">
<block loop="$oDocument->getUploadedFiles()=>$key,$file">
<block cond="!$mi->img_insert2">
{@
$ext = substr($file->source_filename, -4);
$ext = strtolower($ext);
$ext_img = in_array($ext,array('.jpg','jpeg','.gif','.png'));
}
</block>
<block cond="$mi->img_insert2">
{@
$ext = substr($file->source_filename, -15);
$ext = strtolower($ext);
$ext_img = in_array($ext,array('_rd_gallery.jpg','rd_gallery.jpeg','_rd_gallery.gif','_rd_gallery.png'));
}
</block>
<img cond="$ext_img" src="{getUrl('')}{$file->download_url}" alt="{$file->source_filename}" />
</block>
</div>
{$oDocument->getContent(false)}
<div cond="$mi->img_insert=='3'" class="xe_content rd_gallery">
<block loop="$oDocument->getUploadedFiles()=>$key,$file">
<block cond="!$mi->img_insert2">
{@
$ext = substr($file->source_filename, -4);
$ext = strtolower($ext);
$ext_img = in_array($ext,array('.jpg','jpeg','.gif','.png'));
}
</block>
<block cond="$mi->img_insert2">
{@
$ext = substr($file->source_filename, -15);
$ext = strtolower($ext);
$ext_img = in_array($ext,array('_rd_gallery.jpg','rd_gallery.jpeg','_rd_gallery.gif','_rd_gallery.png'));
}
</block>
<img cond="$ext_img" src="{getUrl('')}{$file->download_url}" alt="{$file->source_filename}" />
</block>
</div>갤러리 리스트 내용입니다.
<!--// 일반 목록 시작(공백제거를 위해 줄바꿈 생략) --><li loop="$document_list=>$no,$document" class="select"|cond="$document_srl==$document->document_srl">
<div class="tmb_wrp">
<!--// 썸네일 -->
<span cond="!$document->thumbnailExists()" class="no_img">No Image</span>
<block cond="$document->thumbnailExists()"><span cond="$mi->tmb_effect=='2'" class="no_img">loading</span><img src="{$document->getThumbnail($mi->thumbnail_width, $mi->thumbnail_height, $mi->thumbnail_type)}" alt="" /></block>
<!--// 제목 : 액자 스타일 -->
<p cond="!$mi->gallery_tl && $mi->gall_style=='2'" class="frame_tl {$mi->gall_tl_font}">{$document->getTitle($mi->gall_tl_cut)}</p>
<!--// 좌측 상단 리본 -->
<block cond="$mi->gall_ribbon!='N'">
<block cond="!$mi->gall_ribbon || $mi->gall_ribbon=='new_update'">
<getRegdate('YmdHis')>date("YmdHis">!--@if((int)($document->getRegdate('YmdHis')>date("YmdHis", time()-$mi->duration_new*60*60)))--><get('last_update'),'YmdHis')>date("YmdHis">!--@elseif((int)(zdate($document->get('last_update'),'YmdHis')>date("YmdHis", time()-$mi->duration_new*60*60)))-->
<!--@else-->
<div cond="!$mi->gall_ribbon" class="ribbon fixed"><div class="date">{$document->getRegdate("M")}<br />{$document->getRegdate("d")}</div></div>
<!--@end-->
</block>
<div cond="$mi->gall_ribbon && $mi->gall_ribbon!='new_update'" class="ribbon fixed">
</div>
</block>
<!--// 우측 하단 투명창 --> -
애호가
2012.02.15 15:40
이제야 물어보신게 뭔지 알았습니다.
제가 잘못한게 본문에서 보여드린 예제 이미지의 사진은 추출된 썸네일이 아니라
본문에디터에서 파일첨부후 본문삽입으로 삽입한 부분이며
원하는 결과물을 설명하기위해 오려서 편집한 이미지입니다.
결과적으로 썸네일이 추출된 부분의 코드는 없습니다 ...
-
프리픽스코리아
2012.02.15 16:04
<table cond="$oDocument->isExtraVarsExists() && !$mi->et_var" class="et_vars" border="1" cellspacing="0" summary="Extra Form"><tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{($key+1)%2+1}"><th cond="$key==1" rowspan="{@ echo sizeof ($oDocument->getExtraVars());}"><img cond="$oDocument->thumbnailExists()" src="{$oDocument->getThumbnail($mi->thumbnail_width,$mi->thumbnail_height,$mi->thumbnail_type)}"></th><th scope="row">{$val->name}</th><td>{$val->getValueHTML()}</td></tr></table>이렇게 해보세요~ -
애호가
2012.02.15 16:10
위에 이미지와 똑같은 에러 납니다 그대로 복사해서 갓다 붙였어용 ㅜㅜ http://hernes.co.kr/xe/WC -
프리픽스코리아
2012.02.15 16:20
테스트 후에 올려드린건데~캐쉬 정리한번해보셔요. -
애호가
2012.02.15 16:37
쪽지로 보내드렸습니다. -
애호가
2012.02.15 16:19
ㅜㅜ
-
애호가
2012.02.15 16:43
프리픽스 코리아님 감사합니다 소스 약간 수정해서 성공했습니다.
<table cond="$oDocument->isExtraVarsExists() && !$mi->et_var" class="et_vars" border="1" cellspacing="0" summary="Extra Form">
<tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{($key+1)%2+1}">
<th cond="$key==1" rowspan="{@ echo sizeof ($oDocument->getExtraVars());}">
<block cond="$oDocument->thumbnailExists()"><img src="{$oDocument->getThumbnail($mi->thumbnail_width,$mi->thumbnail_height,$mi->thumbnail_type)}"></block></th>
<th scope="row">{$val->name}</th>
<td>{$val->getValueHTML()}</td>
</tr>
</table>이렇게 수정했습니다.
-
프리픽스코리아
2012.02.15 16:45
<block> 내용을 th를 감싸주세요~ 혹시 썸네일 이미지가 없는경우를 대비해서...^^ 제 서버에서는 되는데 환경이 좀 다른가보네요. 고생하세요~ -
프리픽스코리아
2012.02.15 16:46
정보담긴쪽지는 삭제했습니다... (__) -
애호가
2012.02.15 16:48
정말 장시간 시간내주셔서 의문 풀어 주셔서 감사합니다 ^^
첫번째 질문만 답변드릴께요.
<!--// Extra Var -->
<table cond="$oDocument->isExtraVarsExists() && !$mi->et_var" class="et_vars" border="1" cellspacing="0" summary="Extra Form">
<tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{($key+1)%2+1}">
<th cond="$key==1" rowspan="{@ echo sizeof ($oDocument->getExtraVars());}">이미지태그</th>
<td>{$val->getValueHTML()}</td>
</tr>
</table>
핑크색으로 된 부분이 추가된 부분입니다. 이미지는 어떤변수를 사용하는지 몰라서 텍스트로 넣어뒀습니다.