위젯 배경 부모 요소 무시하고 100% 지정, 배경색 지정

rb/rb.widget/rb.fg_banner/widget.php

@@ -2,7 +2,7 @@
 if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 ?>
 
-<link rel="stylesheet" href="<?php echo G5_URL ?>/rb/rb.widget/rb.fg_icon_menu/style.css?ver=<?php echo G5_TIME_YMDHIS ?>">
+<link rel="stylesheet" href="<?php echo G5_URL ?>/rb/rb.widget/rb.fg_banner/style.css?ver=<?php echo G5_TIME_YMDHIS ?>">
 
 
 <!--
@@ -10,7 +10,8 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 사용자코드를 입력하세요.
 -->
 
-<div class="fg_icon_menu">
+
+<div class="fg_icon_menu rb_w100_div rb_w100_<?php echo $row_mod['md_id'] ?>">
 
     <div class="fg_icon_menu_inner" style="width:<?php echo $rb_core['main_width'] ?>px;">
         <div class="rb_swiper" id="rb_swiper_<?php echo $rb_skin['md_id'] ?>_btm" data-pc-w="3" data-pc-h="2" data-mo-w="1" data-mo-h="1" data-pc-gap="30" data-mo-gap="20" data-autoplay="1" data-autoplay-time="4000" data-pc-swap="0" data-mo-swap="1">
@@ -60,3 +61,42 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
     
 </div>
 
+<script>
+    
+    //부모 width를 무시하고 div 를 100%로 만들고, 모듈설정 버튼의 100% 처리를 위해 스크립트를 사용 합니다.
+    //복제 사용을 위해 $row_mod['md_id'](모듈ID) 를 활용 합니다.
+    
+    function adjustDivWidth_<?php echo $row_mod['md_id'] ?>() {
+        const content_w = $('.rb_w100_<?php echo $row_mod['md_id'] ?>');
+        const firstAdminOv_w = content_w.nextUntil('.admin_ov').next('.admin_ov');
+        
+        if ($(window).width() > <?php echo $rb_core['main_width'] ?>) {
+            content_w.css({
+                'width': '100vw',
+                'position': 'relative',
+                'left': '50%',
+                'transform': 'translateX(-50%)'
+            });
+            firstAdminOv_w.css({
+                'width': '100vw',
+                'left': '50%',
+                'transform': 'translateX(-50%)'
+            });
+        } else {
+            content_w.css({
+                'width': '100%',
+                'position': 'static',
+                'left': '0',
+                'transform': 'none'
+            });
+            firstAdminOv_w.css({
+                'width': '100%',
+                'left': '0',
+                'transform': 'none'
+            });
+        }
+    }
+
+    $(document).ready(adjustDivWidth_<?php echo $row_mod['md_id'] ?>);
+    $(window).resize(adjustDivWidth_<?php echo $row_mod['md_id'] ?>);
+</script>