묻고답하기
페이지에 ''내용 직접 추가''를 통해 ''위젯'' 입력시 보이지 않는 문제
2009.04.22 01:11
안녕하세요. 교회 홈페이지를 XE 1.2.1로 만들고 있는 중에, 아래와 같은 오류를 만나 해결하지 못하고 쩔쩔매고 있네요.
고수님들의 조언을 구하고자 글 올립니다.
위젯을 페이지에 적용하고 난 다음에는 아래 그림과 같이 됩니다.
두개의 엑박으로 보이는 부분은 페이지를 저장하면서 이미지 경로가 이상하게 바뀌어서 생긴 현상이고, 아래의 깨진 이미지가
추가된 위젯입니다. '페이지 수정'을 눌러서 들어가면, 정상적인 것처럼 보입니다. (아래 그림)
도대체 왜 이런 증상이 생기는 걸까요?
이걸 해결할려고 몇번이고 수정하고 저장하고를 되풀이하다가 보면, 어느 순간 이 페이지에 적용했던 모든 위젯들이 한 순간에
사라지고 다시 복구가 되지를 않습니다.
해결책을 아시는 분들... 제발 조언을 부탁 드릴께요..
혹시나 해서, '내용 직접 추가'로 작성했던 것을 아래에 옮깁니다.
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <img width="36" height="36" src="../images/animate_love.gif"> <font size="2">주전자를 소개합니다<b></b></font>
</td>
</tr>
<tr>
<td align="center"><img src="../images/ministor.jpg">
</tr>
<tr>
<td><img class="zbxe_widget_output" widget="newest_document" skin="blog_newest_document" colorset="layout" order_target="list_order" order_type="desc" display_regdate="N" module_srls="180" />
</td>
</tr>
</table>
댓글 8
-
궁금이2
2009.04.22 01:49
궁금한 것이
최신글 위젯을 내용직접추가에 넣으시는 이유가 있으신지...
페이지수정에서 바로 최근문서출력을 추가하시면 될텐데요.
-
궁금이2님 / 제가 표현하고 싶었던 것은, [아이콘+제목/좀 큼직한 그림/최신글 표시] 이렇게 3단으로 표현하면서, 동시에 3단으로 표현된 것을 한 덩어리로 묶어서 테두리를 주고 싶었기 때문입니다. 제가 글 쓰고서도 이해가 제대로 가려나 하는 생각이 드는군요.
쉽게 그림으로 예를 들면 아래와 같습니다. 분홍 테두리 안에 있는 저런 내용을 표현하고 싶은 거죠.
('초상권'과 몇가지 다른 이유들로 부분적으로 그림을 지웁니다.)
-
궁금이2
2009.04.22 02:45
구현하려는 형태는 충분히 이해를 했습니다.
2단의 이미지는 소스 수정이 필요하겠지만
그 나머지 부분은 기본 위젯으로 구현이 가능할 듯 보입니다.
1단은 스타일 위젯에서 이미지로 제목을 넣으면 되겠고
전체 테두리는 라운드 와이어로 하면 되겠는데요...
-
궁금이2님 / 답변 정말 감사합니다.
이왕 답변을 주셨으니, 한가지만 더..
그럼 2단의 이미지 추가를 위해 어떤 부분을 수정해야 할지 조언이 가능하실지요?
참고로, 1.2.1의 기본 '최근 문서 출력' 위젯의 '블로그 스타일의 최신글 목록(blog_newest_document)'를 사용하려고 합니다.
-
궁금이2
2009.04.22 03:12
시간이 필요한 작업이 되겠네요 ^^;;
해당 위젯의 list.html 과 그 아래 css 를 만져봐야겠네요.
여유를 가지고 연구해 보아요...
-
궁금이2
2009.04.22 03:33
대략 테스트한거 적어봅니다.
css/normal.css 에서 수정한 내용입니다.
.blog_widget_normal .newest_document { border:1px solid #e0e1db; background:url(../images/normal/중간에넣을그림.gif) repeat-x left top; margin-bottom:.7em; }
.blog_widget_normal .newest_document h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; }
.blog_widget_normal .newest_document .items { padding:70px 0 0 10px; overflow:hidden;}개괄적인 모양은 나오네요. 세부적으로 수정할 것이 많겠지만 ^^;;
오늘은 요기까지...
쉬운걸 어렵게 하고 있는지 모르겠네요... 고수분들의 조언 바랍니다.
-
궁금이2님 / 너무 너무 감사합니다.
워낙 제가 가진 지식이 짧다보니, 궁금이님께서 풀어주신 것과는 다르게, 그냥 처음에 말씀해 주신 내용처럼 2단으로 일단 해결은 했습니다. 제가 원래 디자인하고 싶었던 것과는 조금은 달라졌지만, 이것만으로도 대 만족입니다.
1,2단에 따로 있던 그림과 글씨들 중, ani-gif(하트모양)를 과감히 삭제해 버리고, 사진 위에 글씨를 첨부해서 하나의 그림으로 뭉친 다음에, 최신글 위젯의 스킨에 한 개의 그림으로 붙여버렸습니다.
원래 생각했던 디자인과 많이 틀린 것도 아니고, 오류가 발생하지 않는 것이라서 훨씬 좋네요.
많은 조언과 도와주심에 정말 감사 드립니다.
위에 말씀해 주신 내용도 다시 공부해서 적용해 볼 수 있도록 하겠습니다.
더 궁금한게 있네요.
'내용 직접 추가'에서 HTML 편집으로 아래와 같이 입력했습니다.
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <img width="36" height="36" src="../images/animate_love.gif"> <font size="2">주전자를 소개합니다<b></b></font>
</td>
</tr>
<tr>
<td align="center"><img src="../images/ministor.jpg">
</tr>
<tr>
<td><img class="zbxe_widget_output" widget="newest_document" skin="blog_newest_document" colorset="layout" order_target="list_order" order_type="desc" display_regdate="N" module_srls="180" />
</td>
</tr>
</table>
이렇게 입력한 것이, 저장하고 나서 다시 edit mode로 들어가보면 아래와 같이 바뀌어 있네요.
<table cellSpacing=0 cellPadding=0 width=300 border=0>
<tbody>
<tr>
<td> <img height=36 src="http://shanghaisaesun.net/zbxe/modules/editor/skins/xpresseditor/images/animate_love.gif" width=36 /> 주전자를 소개합니다<strong></strong>
<tr>
<td align=middle><img src="http://shanghaisaesun.net/zbxe/modules/editor/skins/xpresseditor/images/ministor.jpg" />
<tr>
<td><img module_srls="180" display_regdate="N" order_type="desc" order_target="list_order" colorset="layout" skin="blog_newest_document" widget="newest_document" /> </td></tr></td></tr></td></tr></tbody></table>
도대체 왜 이런 증상이 생길까요? 도저히 이해가 안가네요.
더구나, 위에 있는 http://shanghaisaesun.net/zbxe/modules/editor/skins/xpresseditor/images/animate_love.gif를 추적해봤는데, 이런 폴더나 경로는 존재하지를 않는군요.. 정말 이상하네요. 위젯의 버그인가요, 아니면 에디터의 버그인가요?