묻고답하기
글자앞에 이미지 오게 수정ㅠㅠ
2014.03.03 12:06
위젯스타일 중 심플 칼라타이틀 박스를 사용 중인데,
설정 부분에 제목 앞에 이미지를 넣을 수 있게 지원하고 있던데,
이미지를 지정하면 제목 앞에 오는게 아니라 제목 뒤에 옵니다.
소스를 보니,
<ul class="ws_sctb" <!--@if($widgetstyle_extra_var->ws_mover == 'Y')-->onmouseover="this.style.borderColor = '{$widgetstyle_extra_var->ws_mover_box_border}'" onmouseout="this.style.borderColor = '{$widgetstyle_extra_var->ws_box_border}'"<!--@end--> style="<!--@if($widgetstyle_extra_var->ws_box_top !== 'O')-->border-top:1px solid {$widgetstyle_extra_var->ws_box_border};<!--@end--><!--@if($widgetstyle_extra_var->ws_box_right !== 'O')-->border-right:1px solid {$widgetstyle_extra_var->ws_box_border};<!--@end--><!--@if($widgetstyle_extra_var->ws_box_bottom !== 'O')-->border-bottom:1px solid {$widgetstyle_extra_var->ws_box_border};<!--@end--><!--@if($widgetstyle_extra_var->ws_box_left !== 'O')-->border-left:1px solid {$widgetstyle_extra_var->ws_box_border};<!--@end--><!--@if($widgetstyle_extra_var->ws_box_round)--> -moz-border-radius: {$widgetstyle_extra_var->ws_box_round}px; -webkit-border-radius: {$widgetstyle_extra_var->ws_box_round}px; -khtml-border-radius: {$widgetstyle_extra_var->ws_box_round}px; -border-radius: {$widgetstyle_extra_var->ws_box_round}px;<!--@end-->">
<li class="ws_sctb_title" style="background:{$widgetstyle_extra_var->ws_title_box}; height:{$widgetstyle_extra_var->ws_title_height}px; line-height:{$widgetstyle_extra_var->ws_title_height}px; padding:0 {$widgetstyle_extra_var->ws_more_padding_right}px 0 {$widgetstyle_extra_var->ws_title_padding_left}px;">
<!--@if($widgetstyle_extar_var->ws_title_icon)-->
<img class="ws_sctb_icon" src="{$widgetstyle_extar_var->ws_title_icon}" />
<!--@end-->
li 뒤에 img 지정이 되어있던데, 제목 앞에 오게 하려면 어떻게 해야하나요?
만드신분이 더이상 안하시는 것 같아서ㅠ
댓글 2
-
KrteamENT
2014.03.03 16:44
-
lmjy2k
2014.03.03 19:43
<img class="ws_sctb_icon" src="{$widgetstyle_extar_var->ws_title_icon}" />
<li class="ws_sctb_title" style="background:{$widgetstyle_extra_var->ws_title_box}; height:{$widgetstyle_extra_var->ws_title_height}px; line-height:{$widgetstyle_extra_var->ws_title_height}px; padding:0 {$widgetstyle_extra_var->ws_more_padding_right}px 0 {$widgetstyle_extra_var->ws_title_padding_left}px;">
li 위에 img 옮기니 제목 앞에 이미지 오는게 아니라 제목 위로 올라갑니다.
마치 줄바꿈되는 형태로 나오네요ㅠ
지금 LI쪽이 제목 담당이니까.. IMG가 그 뒤에있으니 그럴수 밖에 없..을거에요.
우선 반대로 LI앞에 IMG를 쓰시고 테스트해보세요:)
만일 되지 않을시 남겨주세요