묻고답하기
스크롤 배너의 위치를 조정을 어떻게 해야 하나요?
2016.01.19 10:45
안녕하세요?
이곳에서 스크롤 배너 소스를 받아서 설치하고 현재 위젯으로 사용을 하고 있습니다.
http://www.albertaedmonton.com
그런데 메인 페이지에서는 우측에 정상적으로 보이는데요, 다른 페이지로 넘어가면 스크롤 배너가 왼쪽으로 넘어와서
본문을 조금 가리는데요, 이걸 어떻게 수정을 해야 할지 모르겠네요. 어떤 파일의 어디를 수정을 해야할지 힘드네요.
css 파일이나 js 파일중 여기 저기를 숫자를 고쳐봤는데 변화가 없어서요. 이렇게 부탁드립니다.
상.하.좌.우의 위치를 어떤 파일의 어느 부분을 수정을 해야 되는지 부탁드리겠습니다.
고맙습니다.
댓글 10
-
mindpainter
2016.01.19 11:06
-
xe초보
2016.01.19 11:16
위 태그는 어떤 파일에 있는지 알 수 있을가요?
그리고, 메인과 서브에서 각각 값을 어떻게 지정하는지 아시는지요?
아~ 넘 답답해서요.
부탁드립니다.
-
mindpainter
2016.01.19 11:35
설치하신 배너 위젯은 두가지 방법으로 적용하실 수 있습니다.
1. 관리자>고급>설치된위젯>해당 위젯>코드생성 후 layout.html에 직접 추가
2. 위젯 페이지에서 관리자로 로그인>우측하단 페이지 수정>위젯선택 추가
설정의 변경은
1번은 코드생성시 나오니, 다시 코드 생성 하셔서 적용
2번은 위젯페이지에서 관리자로 로그인>우측하단 페이지수정>해당레이어에 마우스 올리시면 나오는 톱니바퀴 아이콘 눌러서 수정> 우측하단 저장
배너가 오른쪽에 있으니 설정시 우측정렬로 하시는게 좋을것 같구요, 말씀하신 파일은 해당위젯폴더의 skins/default/content.html 입니다.
개인적인 생각입니다만 메인 서브를 달리적용하는 방법을 찾기 보다는 올바른 적용이 우선인것 같아요.. 코드가 점점 더러워지거든요..ㅜㅜ
-
xe초보
2016.01.19 12:06
와~ 정말 좋은 정보입니다.
좋은 정보 고맙습니다. 사실 좀 어렵게 들리지만 시도를 해보겠습니다.
고맙습니다.
-
xe초보
2016.01.19 15:19
ㅎㅎ 여전히 헤매고 있네요.
이건 1번만 해당되네요. 2번은 에러가 나서 안되네요.
skins/default/css/quickbox.css 파일을 고쳐야 하나요? 상.하.좌.우
.gy-quick-box{position:absolute; padding:5px; border:0; width:200px; height:auto; background:#313439; color:#333; z-index:100;}
.gy-quick-box.fl{left:-115px; top:5px;}
.gy-quick-box.fr{right:-115px; top:5px;}.gy-quick-box .quick-header{height:30px;}
.gy-quick-box .quick-header h1{padding:0; margin:4px 0 0 0; color:#fff; font-size:12px; text-align:center; width:200px; height:20px; overflow:hidden}
.gy-quick-box .quick-body{height:auto; background:#fff}
.gy-quick-box .quick-body ul{list-style:none; padding:0; margin:0;}
.gy-quick-box .quick-body ul li{padding:0; margin:0;}
.gy-quick-box .quick-body ul li a{padding:0; margin:0;}
.gy-quick-box .quick-body ul li img,
.gy-quick-box .quick-body ul li a img{width:200px; height:130px; vertical-align:middle}
.gy-quick-box .quick-footer{height:20px; text-align:center;padding-top:5px;}
.gy-quick-box .quick-footer a{display:block; color:#fff; text-decoration:none; font-weight:bold}
.gy-quick-box .quick-box-data{display:none}아래는 contents.html 파일의 내용인데 여기서 고쳐야 하나요?
<!--%import("./css/quickBox.css")-->
<!--%import("./js/quickBox.js")-->
<style text/css>
.gy-quick-box{background:#{$widget_info->widget_bg_color}; border:{$widget_info->widget_border_size}px {$widget_info->widget_border_type} #{$widget_info->widget_border_color} }
.gy-quick-box .quick-header h1{color:#{$widget_info->widget_title_color};}
.gy-quick-box .quick-footer a{color:#{$widget_info->widget_footer_color};}
</style>
<div class="gy-quick-box fl">
<div class="quick-header">
<h1>{$widget_info->widget_top_title}</h1>
</div>
<div class="quick-body">
<ul>
<!--@for($i=0; $i<$widget_info->image_count; $i++)-->
<!--@if($widget_info->arr_link[$i])-->
<li><a href="{$widget_info->arr_link[$i]}" target="_blank"><img src="{$widget_info->arr_image[$i]}" width="{$widget_info->image_width}" height="{$widget_info->image_height}" alt="{$widget_info->arr_title[$i]}" title="{$widget_info->arr_title[$i]}" /></a></li>
<!--@else-->
<li><a href="#" onclick="return false" target="_blank"><img src="{$widget_info->arr_image[$i]}" width="{$widget_info->image_width}" height="{$widget_info->image_height}" alt="{$widget_info->arr_title[$i]}" title="{$widget_info->arr_title[$i]}" /></a></li>
<!--@end-->
<!--@end-->
</ul>
</div>
<div class="quick-footer"><a href="#">{$widget_info->widget_footer_text}</a></div>
<div class="quick-box-data">
<span id="quick_box_pos">{$widget_info->widget_position}</span>
</div>
</div>너무 너무 어렵네요. ㅜ.ㅜ
-
mindpainter
2016.01.20 10:38
1. content.html의
<div class="gy-quick-box fl">
을
<div class="gy-quick-box<!--@if($widget_info->widget_position=='fl')--> fl<!--@else--> fr<!--@end-->">
로 변경. 추가되는 if문의 띄어쓰기 주의해 주세요~
2. 위젯코드 우측정렬로 재 생성
업로드해보시고 안되시면..
3. quickBox.js 도 수정
$('.gy-quick-box').css('left', xpos+'px').css('top', ypos+'px');
를
if(qb_pos == 'fl') {
$('.gy-quick-box').css('left', xpos+'px').css('top', ypos+'px');
} else {
$('.gy-quick-box').css('right', xpos+'px').css('top', ypos+'px');
}로 변경
-
xe초보
2016.01.20 13:20
많이 힘드셨죠? 왕초보 때문에? 미안합니다. ㅎㅎ
제가 완전 집중해서 작업을 해보겠습니다. 이래도 저래도 안된다면 그냥 접어야죠. 죄송...
베풀어주신 수고에 다시 한 번 감사합니다.
-
mindpainter
2016.01.20 13:58
ㅎㅎㅎㅎㅎ 해결 안되는건 없어요.. 현재의 내가 모를뿐.. 잘 되실꺼예요.. 힘내세요!!
-
xe초보
2016.01.20 18:15
ㅎㅎ 결국 본문안에 스크롤 배너로 하게 되었습니다.
기존의 배너는 휴대폰으로 봤을 때 본문 내용을 가리게 된다는 지적이 많아서 현재의 스크롤로 했습니다.
신경 많이 써 주셨는데 미안하네요.
그래도 다음에 또 궁금한거 질문하면 친절한 답변해주실거죠? ^^
수고하세요.
-
mindpainter
2016.01.20 18:19
네~~~ 어쨌던 잘 해결하셨다니 다행입니다^^
설명보니 관리자에서 위치 설정하는게 있는데 그 부분의 숫자가 다르게 되어 있는지 확인해 보시구요, 아니면
<div class="gy-quick-box fl"> 태그에 style이 직접 적용되어 있는지 확인해 보세요.. 메인과 서브에서 이 div의 left값이 다릅니다.