상태 | 완료 |
---|
NZEO.com에도 질문하였는데 답글도 없고..
xml과 css에 대해서도 잘 모르다보니 답답하군요..
백성찬님께 도움을 요청해 봅니다..
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative; *zoom:1; }
.widgetBox:after{content:""; display:block; clear:both; }
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxA .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; border-bottom:1px solid #ccc;}
.widgetBoxA .widgetMore{ top:0px; left:0; color:#888;}
.widgetBoxA .rcContainer{ display:none !important; }
제가 아래사진과 같이
more버튼대신 '자유게시판 FREE BOARD"라는 이미지를 넣어서 해당 이미지를 누르면 게시판으로 넘어가도록 하려는데요..
more버튼이 처음에 이상한 위치에 있어서 위젯스타일을 뒤져서 어찌 위치는 다 맞췄습니다.
그런데 문제가
이런식으로 more버튼(여기서는 test중입니다 라는문구)이 바로 아랫줄의 글의 내용과 겹치게 되는것입니다.
z-index가 높이를 가지는것 같아서 수정도 해보고 이래저래 건드려 봤습니다만 저 위의 내용조차 처음 보는 수준이기에..
도무지 찾을수가 없습니다.
어떻게 해야 more버튼이 위치를 가지고 글을 아래로 한줄 내려보낼까요?
아니면 widgetstyle.html에서 수정을 해야하나요?
<!--%import("css/widgetBoxStyle.css")-->
<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">
<div class="widgetBox">
<!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->
<h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->wws_title_colors_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
<img src="http://www.xpressengine.com/{$widgetstyle_extar_var->ws_title_icon}" />
<!--@end-->
<!--@if($widgetstyle_extar_var->ws_title_image)-->
<img src="http://www.xpressengine.com/{$widgetstyle_extar_var->ws_title_image}" />
<!--@else-->
<!--@if($widgetstyle_extar_var->ws_title)-->
{$widgetstyle_extar_var->ws_title}
<!--@end-->
<!--@end-->
</h3>
<!--@end-->
{$widget_content}
{@$widgetstyle_extar_var->ws_more_url=trim($widgetstyle_extar_var->ws_more_url);}
<!--@if($widgetstyle_extar_var->ws_more_url)-->
<!--@if(strtolower(substr($widgetstyle_extar_var->ws_more_url,0,4))=='http')-->
<a href="http://www.xpressengine.com/{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
<!--@else-->
<a href="http://www.xpressengine.com/http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">
<!--@end-->
<!--@if($widgetstyle_extar_var->ws_more_image)-->
<img src="http://www.xpressengine.com/{$widgetstyle_extar_var->ws_more_image}" />
<!--@else if($widgetstyle_extar_var->ws_more_text)-->
{$widgetstyle_extar_var->ws_more_text}
<!--@else-->
more
<!--@end-->
</a>
<!--@end-->
<span class="rcContainer rcTop">
<span class="rc tl"></span>
<span class="rc tr"></span>
</span>
<span class="rcContainer rcBottom">
<span class="rc bl"></span>
<span class="rc br"></span>
</span>
</div>
</div>
..도무지 답이 보이질 않는군요. 도움을 요청합니다.
답변감사합니다 ㅠ_ㅠ 1.2.4버전을 쓰는데 저것이 없길래 어쩌지 ...고민하고 있다가 번뜩 생각난게..
more를 그냥 title로 바꾸자!! 라는 거였는데..고치니 되긴 되는군요;;
<!--@if($widgetstyle_extar_var->ws_title_image)-->
<img src="./{$widgetstyle_extar_var->ws_itle_image}" />
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<!--@if($widgetstyle_extar_var->ws_title_image)-->
<img src="./{$widgetstyle_extar_var->ws_title_image}" />
제대로 된 방법은 아니지만 어찌 목표에 맞는 결과물은 나오고 이상은 없군요..
더 이상은 건들 부분이 없는 스킨이다보니..
그렇게 복잡하게 할 필요없습니다.
이래 링크를 참고하십시오.
/?document_srl=343639