BOX Frame Design 추가
BOX Frame Design 추가
This commit is contained in:
TATECK
parent
5fe90d61de
commit
616814bb76
11 changed files with 536 additions and 0 deletions
218
AvocadoEdition_Light/skin/menu/box_frame/admin.setting.php
Normal file
218
AvocadoEdition_Light/skin/menu/box_frame/admin.setting.php
Normal file
|
|
@ -0,0 +1,218 @@
|
||||||
|
<?php
|
||||||
|
if (!defined('_GNUBOARD_')) exit;
|
||||||
|
|
||||||
|
/* ******************************************************************************
|
||||||
|
※ 관리자의 디자인 정보를 저장하는 영역과 직결되는 곳입니다.
|
||||||
|
※ 코드가 잘못될 경우 전체 디자인 설정 값들이 꼬일 수 있으니 해당 페이지 작업 시 주의해 주시길 바랍니다.
|
||||||
|
--------------------------------------------------------------------------------
|
||||||
|
- cs_name : 고유 키값. 해당 속성을 불러올 때 사용할 수 있습니다.
|
||||||
|
- cs_value, cs_etc_1 ~ cs_etc_20 : 각 속성값을 저장하는 영역입니다.
|
||||||
|
****************************************************************************** */
|
||||||
|
?>
|
||||||
|
|
||||||
|
<h3>박스 프레임 설정</h3>
|
||||||
|
<table>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: 140px;">
|
||||||
|
<col style="width: 140px;">
|
||||||
|
<col>
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th scope="row" rowspan="4">
|
||||||
|
<em><?=$css_index?></em>프레임 크기
|
||||||
|
<input type="text" name="cs_name[<?=$css_index?>]" value="box_frame_size" readonly size="15"/>
|
||||||
|
</th>
|
||||||
|
<td class="bo-right txt-center">크기</td>
|
||||||
|
<td>
|
||||||
|
<?php echo help('전체 페이지를 감쌀 가로 세로 사이즈를 지정해 주세요.') ?>
|
||||||
|
가로 : <input type="text" name="cs_value[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_value'] ?>" size="5"/> px
|
||||||
|
|
||||||
|
세로 : <input type="text" name="cs_etc_1[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_1'] ?>" size="5"/> px
|
||||||
|
</td></tr><tr>
|
||||||
|
<td class="bo-right txt-center">PC 여백</td>
|
||||||
|
<td>
|
||||||
|
상 : <input type="text" name="cs_etc_2[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_2'] ?>" size="5"/> px
|
||||||
|
|
||||||
|
하 : <input type="text" name="cs_etc_3[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_3'] ?>" size="5"/> px
|
||||||
|
|
||||||
|
좌 : <input type="text" name="cs_etc_4[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_4'] ?>" size="5"/> px
|
||||||
|
|
||||||
|
우 : <input type="text" name="cs_etc_5[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_5'] ?>" size="5"/> px
|
||||||
|
</td></tr><tr>
|
||||||
|
<td class="bo-right txt-center">모바일 여백</td>
|
||||||
|
<td>
|
||||||
|
상 : <input type="text" name="cs_etc_6[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_6'] ?>" size="5"/> px
|
||||||
|
|
||||||
|
하 : <input type="text" name="cs_etc_7[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_7'] ?>" size="5"/> px
|
||||||
|
|
||||||
|
좌 : <input type="text" name="cs_etc_8[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_8'] ?>" size="5"/> px
|
||||||
|
|
||||||
|
우 : <input type="text" name="cs_etc_9[<?=$css_index?>]" value="<?php echo $de['box_frame_size']['cs_etc_9'] ?>" size="5"/> px
|
||||||
|
</td></tr><tr>
|
||||||
|
<td class="bo-right txt-center">메뉴위치</td>
|
||||||
|
<td>
|
||||||
|
<select name="cs_etc_10[<?=$css_index?>]">
|
||||||
|
<option value="">박스바깥</option>
|
||||||
|
<option value="1" <?=$de['box_frame_size']['cs_etc_10'] == '1' ? "selected" : ""?>>박스안쪽</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
</tr <? $css_index++; ?>>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<th rowspan="4" scope="row">
|
||||||
|
<em><?=$css_index?></em>테두리 : 이미지
|
||||||
|
<input type="text" name="cs_name[<?=$css_index?>]" value="box_frame_img" readonly size="15"/>
|
||||||
|
|
||||||
|
<a href="https://webcode.tools/generators/css/border-image" target="_blank">참고예제</a>
|
||||||
|
</th>
|
||||||
|
<td colspan="2">
|
||||||
|
<div class="single-info">
|
||||||
|
<?php echo help('이미지로 설정된 테두리가 우선적으로 적용됩니다. 단순 테두리를 사용하고 싶으실 경우, 이미지 경로를 제거해주세요.') ?>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</td></tr><tr>
|
||||||
|
<td rowspan="3" class="bo-right bo-left txt-center">
|
||||||
|
<? if($de['box_frame_img']['cs_value']) { ?>
|
||||||
|
<img src="<?=$de['box_frame_img']['cs_value']?>" class="prev_thumb"/>
|
||||||
|
<? } else { ?>
|
||||||
|
이미지 미등록
|
||||||
|
<? } ?>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
직접등록 <input type="file" name="cs_value_file[<?=$css_index?>]" value="" size="50">
|
||||||
|
</td></tr><tr>
|
||||||
|
<td>
|
||||||
|
외부경로 <input type="text" name="cs_value[<?=$css_index?>]" value="<?=$de['box_frame_img']['cs_value']?>" size="50"/>
|
||||||
|
</td></tr><tr>
|
||||||
|
<td>
|
||||||
|
조각크기 <span style="color:#ff4742; font-weight:600;">(Slice)</span> <input type="text" name="cs_etc_1[<?=$css_index?>]" value="<?php echo $de['box_frame_img']['cs_etc_1'] ?>" size="5" maxlength="255" /> px
|
||||||
|
|
||||||
|
|
||||||
|
반복속성 <span style="color:#ff4742; font-weight:600;">(Repeat)</span>
|
||||||
|
<select name="cs_etc_2[<?=$css_index?>]">
|
||||||
|
<option value="stretch">늘이기</option>
|
||||||
|
<option value="repeat" <?=$de['box_frame_img']['cs_etc_2'] == 'repeat' ? "selected" : ""?>>반복하기</option>
|
||||||
|
<option value="round" <?=$de['box_frame_img']['cs_etc_2'] == 'round' ? "selected" : ""?>>이어지기</option>
|
||||||
|
<option value="space" <?=$de['box_frame_img']['cs_etc_2'] == 'space' ? "selected" : ""?>>간격두고 이어지기</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
|
||||||
|
확장영역 <span style="color:#ff4742; font-weight:600;">(Outset)</span>
|
||||||
|
<input type="text" name="cs_etc_3[<?=$css_index?>]" value="<?php echo $de['box_frame_img']['cs_etc_3'] ?>" size="5" maxlength="255" /> px
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr <? $css_index++; ?>>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<th rowspan="2" scope="row">
|
||||||
|
<em><?=$css_index?></em>테두리 : 일반
|
||||||
|
<input type="text" name="cs_name[<?=$css_index?>]" value="box_frame_line" readonly size="15"/>
|
||||||
|
</th>
|
||||||
|
<td class="bo-right bo-left txt-center">
|
||||||
|
라인
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
라인색상 <input type="text" name="cs_value[<?=$css_index?>]" value="<?php echo $de['box_frame_line']['cs_value'] ?>" class="colorpicker" size="30" maxlength="255" placeholder="#색상코드" /><input type="number" name="cs_etc_1[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_1']?>" placeholder="0" title="투명도" style="width:45px;"/>%
|
||||||
|
|
||||||
|
|
||||||
|
라인타입
|
||||||
|
<select name="cs_etc_2[<?=$css_index?>]" style="width: 84px;">
|
||||||
|
<option value="">라인없음</option>
|
||||||
|
<option value="solid" <?=$de['box_frame_line']['cs_etc_2'] == 'solid' ? "selected" : ""?>>실선</option>
|
||||||
|
<option value="dotted" <?=$de['box_frame_line']['cs_etc_2'] == 'dotted' ? "selected" : ""?>>점선</option>
|
||||||
|
<option value="dashed" <?=$de['box_frame_line']['cs_etc_2'] == 'dashed' ? "selected" : ""?>>대쉬선</option>
|
||||||
|
<option value="double" <?=$de['box_frame_line']['cs_etc_2'] == 'double' ? "selected" : ""?>>이중선</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
|
||||||
|
라인굵기 <input type="text" name="cs_etc_3[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_3']?>" size="5"/> px
|
||||||
|
|
||||||
|
|
||||||
|
<input type="checkbox" name="cs_etc_4[<?=$css_index?>][]" id="cs_etc_4_1_box_frame_line" value="top" <?=strstr($de['box_frame_line']['cs_etc_4'], 'top') ? "checked" : ""?> />
|
||||||
|
<label for="cs_etc_4_1_box_frame_line">상 </label>
|
||||||
|
|
||||||
|
<input type="checkbox" name="cs_etc_4[<?=$css_index?>][]" id="cs_etc_4_2_box_frame_line" value="bottom" <?=strstr($de['box_frame_line']['cs_etc_4'], 'bottom') ? "checked" : ""?> />
|
||||||
|
<label for="cs_etc_4_2_box_frame_line">하 </label>
|
||||||
|
|
||||||
|
<input type="checkbox" name="cs_etc_4[<?=$css_index?>][]" id="cs_etc_4_3_box_frame_line" value="left" <?=strstr($de['box_frame_line']['cs_etc_4'], 'left') ? "checked" : ""?> />
|
||||||
|
<label for="cs_etc_4_3_box_frame_line">좌 </label>
|
||||||
|
|
||||||
|
<input type="checkbox" name="cs_etc_4[<?=$css_index?>][]" id="cs_etc_4_4_box_frame_line" value="right" <?=strstr($de['box_frame_line']['cs_etc_4'], 'right') ? "checked" : ""?> />
|
||||||
|
<label for="cs_etc_4_4_mmb_list_item">우</label>
|
||||||
|
|
||||||
|
</td></tr><tr>
|
||||||
|
<td class="bo-right txt-center">
|
||||||
|
모서리 라운드
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
좌측상단 <input type="text" name="cs_etc_5[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_5']?>" size="3"/> px
|
||||||
|
|
||||||
|
우측상단 <input type="text" name="cs_etc_6[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_6']?>" size="3"/> px
|
||||||
|
|
||||||
|
우측하단 <input type="text" name="cs_etc_7[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_7']?>" size="3"/> px
|
||||||
|
|
||||||
|
좌측하단 <input type="text" name="cs_etc_8[<?=$css_index?>]" value="<?=$de['box_frame_line']['cs_etc_8']?>" size="3"/> px
|
||||||
|
</td>
|
||||||
|
</tr <? $css_index++; ?>>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<th rowspan="3" scope="row">
|
||||||
|
<em><?=$css_index?></em>프레임 배경
|
||||||
|
<input type="text" name="cs_name[<?=$css_index?>]" value="box_frame_bak" readonly size="15"/>
|
||||||
|
</th>
|
||||||
|
<td rowspan="3" class="bo-right bo-left txt-center">
|
||||||
|
<? if($de['box_frame_bak']['cs_value']) { ?>
|
||||||
|
<img src="<?=$de['box_frame_bak']['cs_value']?>" class="prev_thumb"/>
|
||||||
|
<? } else { ?>
|
||||||
|
이미지 미등록
|
||||||
|
<? } ?>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
직접등록 <input type="file" name="cs_value_file[<?=$css_index?>]" value="" size="50">
|
||||||
|
</td></tr><tr>
|
||||||
|
<td>
|
||||||
|
외부경로 <input type="text" name="cs_value[<?=$css_index?>]" value="<?=$de['box_frame_bak']['cs_value']?>" size="50"/>
|
||||||
|
</td></tr><tr>
|
||||||
|
<td>
|
||||||
|
배경색상 <input type="text" name="cs_etc_1[<?=$css_index?>]" value="<?php echo $de['box_frame_bak']['cs_etc_1'] ?>" class="colorpicker" size="30" maxlength="255" placeholder="#색상코드" /><input type="number" name="cs_etc_2[<?=$css_index?>]" value="<?=$de['box_frame_bak']['cs_etc_2']?>" placeholder="0" title="투명도" style="width:45px;"/>%
|
||||||
|
|
||||||
|
|
||||||
|
배경반복
|
||||||
|
<select name="cs_etc_3[<?=$css_index?>]">
|
||||||
|
<option value="">반복</option>
|
||||||
|
<option value="no-repeat" <?=$de['box_frame_bak']['cs_etc_3'] == 'no-repeat' ? "selected" : ""?>>반복없음</option>
|
||||||
|
<option value="repeat-x" <?=$de['box_frame_bak']['cs_etc_3'] == 'repeat-x' ? "selected" : ""?>>가로반복</option>
|
||||||
|
<option value="repeat-y" <?=$de['box_frame_bak']['cs_etc_3'] == 'repeat-y' ? "selected" : ""?>>세로반복</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
|
||||||
|
배경위치
|
||||||
|
<select name="cs_etc_4[<?=$css_index?>]">
|
||||||
|
<option value="">왼쪽 상단</option>
|
||||||
|
<option value="left middle" <?=$de['box_frame_bak']['cs_etc_4'] == 'left middle' ? "selected" : ""?>>왼쪽 중단</option>
|
||||||
|
<option value="left bottom" <?=$de['box_frame_bak']['cs_etc_4'] == 'left bottom' ? "selected" : ""?>>왼쪽 하단</option>
|
||||||
|
|
||||||
|
<option value="center top" <?=$de['box_frame_bak']['cs_etc_4'] == 'center top' ? "selected" : ""?>>중간 상단</option>
|
||||||
|
<option value="center middle" <?=$de['box_frame_bak']['cs_etc_4'] == 'center middle' ? "selected" : ""?>>중간 중단</option>
|
||||||
|
<option value="center bottom" <?=$de['box_frame_bak']['cs_etc_4'] == 'center bottom' ? "selected" : ""?>>중간 하단</option>
|
||||||
|
|
||||||
|
<option value="right top" <?=$de['box_frame_bak']['cs_etc_4'] == 'right top' ? "selected" : ""?>>오른쪽 상단</option>
|
||||||
|
<option value="right middle" <?=$de['box_frame_bak']['cs_etc_4'] == 'right middle' ? "selected" : ""?>>오른쪽 중단</option>
|
||||||
|
<option value="right bottom" <?=$de['box_frame_bak']['cs_etc_4'] == 'right bottom' ? "selected" : ""?>>오른쪽 하단</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
|
||||||
|
배경크기
|
||||||
|
<select name="cs_etc_5[<?=$css_index?>]">
|
||||||
|
<option value="">원본크기</option>
|
||||||
|
<option value="contain" <?=$de['box_frame_bak']['cs_etc_5'] == 'contain' ? "selected" : ""?>>맞춤</option>
|
||||||
|
<option value="cover" <?=$de['box_frame_bak']['cs_etc_5'] == 'cover' ? "selected" : ""?>>꽉참</option>
|
||||||
|
<option value="100% 100%" <?=$de['box_frame_bak']['cs_etc_5'] == '100% 100%' ? "selected" : ""?>>늘이기</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr <? $css_index++; ?>>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
98
AvocadoEdition_Light/skin/menu/box_frame/css.config.php
Normal file
98
AvocadoEdition_Light/skin/menu/box_frame/css.config.php
Normal file
|
|
@ -0,0 +1,98 @@
|
||||||
|
<?php
|
||||||
|
if (!defined('_GNUBOARD_')) exit;
|
||||||
|
|
||||||
|
$box_f_size = get_style("box_frame_size");
|
||||||
|
$box_f_img = get_style("box_frame_img");
|
||||||
|
$box_f_line = get_style("box_frame_line");
|
||||||
|
$box_f_bak = get_style("box_frame_bak");
|
||||||
|
|
||||||
|
$header_inside = $box_f_size['cs_etc_10'] ? true : false;
|
||||||
|
|
||||||
|
$b_w = $box_f_size['cs_value'] ? $box_f_size['cs_value'] : 1000;
|
||||||
|
$b_h = $box_f_size['cs_etc_1'] ? $box_f_size['cs_etc_1'] : 20;
|
||||||
|
|
||||||
|
$p_t = $box_f_size['cs_etc_2'] ? $box_f_size['cs_etc_2'] : 20;
|
||||||
|
$p_b = $box_f_size['cs_etc_3'] ? $box_f_size['cs_etc_3'] : 20;
|
||||||
|
$p_l = $box_f_size['cs_etc_4'] ? $box_f_size['cs_etc_4'] : 20;
|
||||||
|
$p_r = $box_f_size['cs_etc_5'] ? $box_f_size['cs_etc_5'] : 20;
|
||||||
|
|
||||||
|
$mp_t = $box_f_size['cs_etc_6'] ? $box_f_size['cs_etc_6'] : 10;
|
||||||
|
$mp_b = $box_f_size['cs_etc_7'] ? $box_f_size['cs_etc_7'] : 10;
|
||||||
|
$mp_l = $box_f_size['cs_etc_8'] ? $box_f_size['cs_etc_8'] : 10;
|
||||||
|
$mp_r = $box_f_size['cs_etc_9'] ? $box_f_size['cs_etc_9'] : 10;
|
||||||
|
|
||||||
|
$f_img_url = $box_f_img['cs_value'];
|
||||||
|
$f_img_sli = $box_f_img['cs_etc_1'] != "" ? $box_f_img['cs_etc_1'] : 0;
|
||||||
|
$f_img_rep = $box_f_img['cs_etc_2'] != "" ? $box_f_img['cs_etc_2'] : "repeat";
|
||||||
|
$f_img_out = $box_f_img['cs_etc_3'] != "" ? $box_f_img['cs_etc_3'] : 0;
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
<?
|
||||||
|
/**************************************************
|
||||||
|
Design Setting
|
||||||
|
--------------------------------
|
||||||
|
#design_frameBox:before 이미지 테두리 프레임
|
||||||
|
#design_frameBox:after 일반 테두리 프레임
|
||||||
|
**************************************************/
|
||||||
|
?>
|
||||||
|
|
||||||
|
@media all and (min-width:1025px) {body #header {display:block !important;}}
|
||||||
|
|
||||||
|
#design_frameBox {display:block; position:fixed; top:50%; left:50%; z-index:0; box-sizing:border-box;}
|
||||||
|
#design_frameBox:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1;}
|
||||||
|
#design_frameBox:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-2;}
|
||||||
|
|
||||||
|
#body {display:block; position:relative; width:100%; height:100% !important; overflow:auto; box-sizing:border-box;}
|
||||||
|
#body > .fix-layout > .mid-layout {padding:10px !important;}
|
||||||
|
|
||||||
|
<?
|
||||||
|
/**************************************************
|
||||||
|
설정값에 따른 변동 부분
|
||||||
|
**************************************************/
|
||||||
|
?>
|
||||||
|
|
||||||
|
#design_frameBox {<? echo "width:{$b_w}px; height:{$b_h}px; margin-left:-".($b_w/2)."px; margin-top:-".($b_h/2)."px; padding:{$p_t}px {$p_r}px {$p_b}px {$p_l}px;"; ?>}
|
||||||
|
|
||||||
|
@media all and (max-width:<?=($b_w+20)?>px) {#design_frameBox {left:10px; right:10px; width:auto; margin-left:0;}}
|
||||||
|
@media all and (max-height:<?=($b_h+20)?>px) {#design_frameBox {top:10px; bottom:10px; height:auto; margin-top:0;}}
|
||||||
|
@media all and (max-width:1024px) { #design_frameBox {<? echo "padding:{$mp_t}px {$mp_r}px {$mp_b}px {$mp_l}px;"; ?>}}
|
||||||
|
|
||||||
|
<? if($f_img_url) { // 이미지 테두리가 적용되어 있을 경우 ?>
|
||||||
|
#design_frameBox:before {<?
|
||||||
|
echo "border:{$f_img_sli}px solid;";
|
||||||
|
echo "border-image:url({$f_img_url}) {$f_img_sli} / {$f_img_sli}px / {$f_img_out}px {$f_img_rep};";
|
||||||
|
?>}
|
||||||
|
#design_frameBox:after {border:none !important;}
|
||||||
|
<? } ?>
|
||||||
|
|
||||||
|
#design_frameBox:after {<?
|
||||||
|
if($box_f_line['cs_value']) echo "border-color:".hex2rgba($box_f_line['cs_value'], $box_f_line['cs_etc_1'])."; ";
|
||||||
|
$box_f_line['border'] = explode("||", $box_f_line['cs_etc_4']);
|
||||||
|
for($i=0; $i < count($box_f_line['border']); $i++) {
|
||||||
|
if($box_f_line['border'][$i]) {
|
||||||
|
if($box_f_line['cs_etc_2']) echo "border-{$box_f_line['border'][$i]}-style:{$box_f_line['cs_etc_2']}; ";
|
||||||
|
if($box_f_line['cs_etc_3']) echo "border-{$box_f_line['border'][$i]}-width:{$box_f_line['cs_etc_3']}px; ";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if($box_f_line['cs_etc_5']) echo "border-top-left-radius:{$box_f_line['cs_etc_5']}px; ";
|
||||||
|
if($box_f_line['cs_etc_6']) echo "border-top-right-radius:{$box_f_line['cs_etc_6']}px; ";
|
||||||
|
if($box_f_line['cs_etc_7']) echo "border-bottom-right-radius:{$box_f_line['cs_etc_7']}px; ";
|
||||||
|
if($box_f_line['cs_etc_8']) echo "border-bottom-left-radius:{$box_f_line['cs_etc_8']}px; ";
|
||||||
|
|
||||||
|
if($box_f_bak['cs_value']) echo "background-image:url('{$box_f_bak['cs_value']}'); ";
|
||||||
|
if($box_f_bak['cs_etc_1']) echo "background-color:".hex2rgba($box_f_bak['cs_etc_1'], $box_f_bak['cs_etc_2'])."; ";
|
||||||
|
if($box_f_bak['cs_etc_3']) echo "background-repeat:{$box_f_bak['cs_etc_3']}; ";
|
||||||
|
if($box_f_bak['cs_etc_4']) echo "background-position:{$box_f_bak['cs_etc_4']}; ";
|
||||||
|
if($box_f_bak['cs_etc_5']) echo "background-size:{$box_f_bak['cs_etc_5']}; ";
|
||||||
|
?>}
|
||||||
|
|
||||||
|
#design_frameBox .characterViewer {position:relative; height:100%;}
|
||||||
|
#design_frameBox .characterViewer .ch-body {position:absolute; overflow:hidden;}
|
||||||
|
#design_frameBox .characterViewer .ch-body.pop {position:fixed !important; overflow:auto !important;}
|
||||||
|
#design_frameBox .characterViewer .ch-body ~ .ch-pannel {position:absolute;}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<script>$(function() {$("#body").wrap("<div id='design_frameBox'></div>");});</script>
|
||||||
10
AvocadoEdition_Light/skin/menu/box_frame/css/style.B.css
Normal file
10
AvocadoEdition_Light/skin/menu/box_frame/css/style.B.css
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
|
.freebak-menu {width:100%; margin-bottom:-20px;}
|
||||||
|
.freebak-menu .mnu {display:table; width:100%; height:100%; text-align:center;}
|
||||||
|
.freebak-menu .mnu > * {display:table-cell; vertical-align:middle;}
|
||||||
|
.freebak-menu .mnu li {display:inline-block; padding:10px 0; vertical-align:middle;position:relative;}
|
||||||
|
.freebak-menu .mnu li + li {margin-left:15px; min-height:1.2em;}
|
||||||
|
.freebak-menu .mnu li.line {width:1px; opacity:.2;}
|
||||||
|
|
||||||
|
|
||||||
2
AvocadoEdition_Light/skin/menu/box_frame/css/style.L.css
Normal file
2
AvocadoEdition_Light/skin/menu/box_frame/css/style.L.css
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
10
AvocadoEdition_Light/skin/menu/box_frame/css/style.R.css
Normal file
10
AvocadoEdition_Light/skin/menu/box_frame/css/style.R.css
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
|
.freebak-menu {height:100%; margin-right:-20px;}
|
||||||
|
.freebak-menu .mnu {display:table; width:100%; height:100%; text-align:center;}
|
||||||
|
.freebak-menu .mnu > * {display:table-cell; vertical-align:middle;}
|
||||||
|
.freebak-menu .mnu li {position:relative;}
|
||||||
|
.freebak-menu .mnu li + li {margin-top:15px;}
|
||||||
|
.freebak-menu .mnu li.line {max-width:25%; margin:20px auto; height:1px; opacity:.2;}
|
||||||
|
|
||||||
|
|
||||||
10
AvocadoEdition_Light/skin/menu/box_frame/css/style.T.css
Normal file
10
AvocadoEdition_Light/skin/menu/box_frame/css/style.T.css
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
|
.freebak-menu {width:100%; margin-top:-20px;}
|
||||||
|
.freebak-menu .mnu {display:table; width:100%; height:100%; text-align:center;}
|
||||||
|
.freebak-menu .mnu > * {display:table-cell; vertical-align:middle;}
|
||||||
|
.freebak-menu .mnu li {display:inline-block; padding:10px 0; vertical-align:middle;position:relative;}
|
||||||
|
.freebak-menu .mnu li + li {margin-left:15px; min-height:1.2em;}
|
||||||
|
.freebak-menu .mnu li.line {width:1px; opacity:.2;}
|
||||||
|
|
||||||
|
|
||||||
24
AvocadoEdition_Light/skin/menu/box_frame/menu.B.inc.php
Normal file
24
AvocadoEdition_Light/skin/menu/box_frame/menu.B.inc.php
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
<?php
|
||||||
|
if (!defined('_GNUBOARD_')) exit;
|
||||||
|
|
||||||
|
if (defined('_INDEX_')) return;
|
||||||
|
|
||||||
|
/* *************************************
|
||||||
|
:: 좌측 메뉴 스타일 ::
|
||||||
|
-----------------------------------------
|
||||||
|
좌측메뉴로 설정했을 경우 출력되는 영역입니다.
|
||||||
|
|
||||||
|
- Menu Link 에서 class="change-link" 를 적용하는 경우
|
||||||
|
- 메뉴가 유지되며 링크가 이동됩니다.
|
||||||
|
************************************* */
|
||||||
|
add_stylesheet('<link rel="stylesheet" href="'.$menu_skin_url.'/css/style.B.css">', 0);
|
||||||
|
|
||||||
|
?>
|
||||||
|
<style>
|
||||||
|
<? if($header_inside) { // 메뉴가 박스 안쪽에 위치해야 할 경우 ?>
|
||||||
|
@media all and (min-width:1025px) { #header {<? echo "bottom:50%; margin-bottom:-".(($b_h/2) - 20)."px;"; ?>}}
|
||||||
|
@media all and (max-height:<?=($b_h+20)?>px) and (min-width:1025px) { #header {bottom:20px; margin-bottom:0px;}}
|
||||||
|
<? } ?>
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<? @include_once($menu_skin_path.'/menu.cmm.inc.php'); ?>
|
||||||
24
AvocadoEdition_Light/skin/menu/box_frame/menu.L.inc.php
Normal file
24
AvocadoEdition_Light/skin/menu/box_frame/menu.L.inc.php
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
<?php
|
||||||
|
if (!defined('_GNUBOARD_')) exit;
|
||||||
|
|
||||||
|
if (defined('_INDEX_')) return;
|
||||||
|
|
||||||
|
/* *************************************
|
||||||
|
:: 좌측 메뉴 스타일 ::
|
||||||
|
-----------------------------------------
|
||||||
|
좌측메뉴로 설정했을 경우 출력되는 영역입니다.
|
||||||
|
|
||||||
|
- Menu Link 에서 class="change-link" 를 적용하는 경우
|
||||||
|
- 메뉴가 유지되며 링크가 이동됩니다.
|
||||||
|
************************************* */
|
||||||
|
add_stylesheet('<link rel="stylesheet" href="'.$menu_skin_url.'/css/style.L.css">', 0);
|
||||||
|
|
||||||
|
?>
|
||||||
|
<style>
|
||||||
|
<? if($header_inside) { // 메뉴가 박스 안쪽에 위치해야 할 경우 ?>
|
||||||
|
@media all and (min-width:1025px) { #header {<? echo "left:50%; margin-left:-".(($b_w/2) - 20)."px;"; ?>}}
|
||||||
|
@media all and (max-width:<?=($b_w+20)?>px) and (min-width:1025px) { #header {left:20px; margin-left:0px;}}
|
||||||
|
<? } ?>
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<? @include_once($menu_skin_path.'/menu.cmm.inc.php'); ?>
|
||||||
24
AvocadoEdition_Light/skin/menu/box_frame/menu.R.inc.php
Normal file
24
AvocadoEdition_Light/skin/menu/box_frame/menu.R.inc.php
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
<?php
|
||||||
|
if (!defined('_GNUBOARD_')) exit;
|
||||||
|
|
||||||
|
if (defined('_INDEX_')) return;
|
||||||
|
|
||||||
|
/* *************************************
|
||||||
|
:: 좌측 메뉴 스타일 ::
|
||||||
|
-----------------------------------------
|
||||||
|
좌측메뉴로 설정했을 경우 출력되는 영역입니다.
|
||||||
|
|
||||||
|
- Menu Link 에서 class="change-link" 를 적용하는 경우
|
||||||
|
- 메뉴가 유지되며 링크가 이동됩니다.
|
||||||
|
************************************* */
|
||||||
|
add_stylesheet('<link rel="stylesheet" href="'.$menu_skin_url.'/css/style.R.css">', 0);
|
||||||
|
|
||||||
|
?>
|
||||||
|
<style>
|
||||||
|
<? if($header_inside) { // 메뉴가 박스 안쪽에 위치해야 할 경우 ?>
|
||||||
|
@media all and (min-width:1025px) { #header {<? echo "right:50%; margin-right:-".(($b_w/2) - 20)."px;"; ?>}}
|
||||||
|
@media all and (max-width:<?=($b_w+20)?>px) and (min-width:1025px) { #header {right:20px; margin-right:0px;}}
|
||||||
|
<? } ?>
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<? @include_once($menu_skin_path.'/menu.cmm.inc.php'); ?>
|
||||||
24
AvocadoEdition_Light/skin/menu/box_frame/menu.T.inc.php
Normal file
24
AvocadoEdition_Light/skin/menu/box_frame/menu.T.inc.php
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
<?php
|
||||||
|
if (!defined('_GNUBOARD_')) exit;
|
||||||
|
|
||||||
|
if (defined('_INDEX_')) return;
|
||||||
|
|
||||||
|
/* *************************************
|
||||||
|
:: 좌측 메뉴 스타일 ::
|
||||||
|
-----------------------------------------
|
||||||
|
좌측메뉴로 설정했을 경우 출력되는 영역입니다.
|
||||||
|
|
||||||
|
- Menu Link 에서 class="change-link" 를 적용하는 경우
|
||||||
|
- 메뉴가 유지되며 링크가 이동됩니다.
|
||||||
|
************************************* */
|
||||||
|
add_stylesheet('<link rel="stylesheet" href="'.$menu_skin_url.'/css/style.T.css">', 0);
|
||||||
|
|
||||||
|
?>
|
||||||
|
<style>
|
||||||
|
<? if($header_inside) { // 메뉴가 박스 안쪽에 위치해야 할 경우 ?>
|
||||||
|
@media all and (min-width:1025px) { #header {<? echo "top:50%; margin-top:-".(($b_h/2) - 20)."px;"; ?>}}
|
||||||
|
@media all and (max-height:<?=($b_h+20)?>px) and (min-width:1025px) { #header {top:20px; margin-top:0px;}}
|
||||||
|
<? } ?>
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<? @include_once($menu_skin_path.'/menu.cmm.inc.php'); ?>
|
||||||
92
AvocadoEdition_Light/skin/menu/box_frame/menu.cmm.inc.php
Normal file
92
AvocadoEdition_Light/skin/menu/box_frame/menu.cmm.inc.php
Normal file
|
|
@ -0,0 +1,92 @@
|
||||||
|
<?
|
||||||
|
if (!defined('_GNUBOARD_')) exit;
|
||||||
|
?>
|
||||||
|
|
||||||
|
<ul class="gnbWrap">
|
||||||
|
<li>
|
||||||
|
<a href="<?=G5_URL?>/main.php" class="change-link">
|
||||||
|
<span class="icons"><span><i class="material-icons">home</i></span></span>
|
||||||
|
<span class="tooltips">HOME</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="line"></li>
|
||||||
|
<?
|
||||||
|
$menu_sql = " select * from {$g5['menu_table']} where me_use = '1' order by me_order*1 asc, me_id asc";
|
||||||
|
$menu = sql_query($menu_sql);
|
||||||
|
|
||||||
|
for($i=0; $me = sql_fetch_array($menu); $i++) {
|
||||||
|
$target = "";
|
||||||
|
if($me['me_target'] == 'self') {
|
||||||
|
$me['me_target'] = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
if($me['me_name'] == '구분선') {
|
||||||
|
echo "<li class='line'></li>";
|
||||||
|
} else {
|
||||||
|
?>
|
||||||
|
<li>
|
||||||
|
<a href="<?php echo $me['me_link']?>" <? if($me['me_target']) { ?>target="_<?=$me['me_target']?>"<? } ?> class="change-link">
|
||||||
|
<span class="icons"><span><i class="material-icons"><?=$me['me_icon']?></i></span></span>
|
||||||
|
<span class="tooltips"><?=$me['me_name']?></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<? }} ?>
|
||||||
|
|
||||||
|
<li class="line"></li>
|
||||||
|
<? if(!$is_member) { //멤버가 아닐 경우 ?>
|
||||||
|
<li>
|
||||||
|
<a href="<?=G5_BBS_URL?>/login.php">
|
||||||
|
<span class="icons"><span><i class="material-icons">login</i></span></span>
|
||||||
|
<span class="tooltips">LOGIN</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<? if($is_add_register) { //회원가입이 가능한 경우 ?>
|
||||||
|
<li>
|
||||||
|
<a href="<?=G5_BBS_URL?>/register.php" class="change-link">
|
||||||
|
<span class="icons"><span><i class="material-icons">person_add</i></span></span>
|
||||||
|
<span class="tooltips">JOIN</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<? } ?>
|
||||||
|
<? } else { //멤버일 경우 ?>
|
||||||
|
<li>
|
||||||
|
<a href="<?=G5_BBS_URL?>/logout.php">
|
||||||
|
<span class="icons"><span><i class="material-icons">logout</i></span></span>
|
||||||
|
<span class="tooltips">LOGOUT</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<? if($is_admin) { ?>
|
||||||
|
<li>
|
||||||
|
<a href="<?=G5_URL?>/adm" target="_blank">
|
||||||
|
<span class="icons"><span><i class="material-icons">settings</i></span></span>
|
||||||
|
<span class="tooltips">ADMIN</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<? } else { ?>
|
||||||
|
<li>
|
||||||
|
<a href="<?=G5_BBS_URL?>/member_confirm.php?url=register_form.php" class="change-link">
|
||||||
|
<span class="icons"><span><i class="material-icons">settings</i></span></span>
|
||||||
|
<span class="tooltips">정보수정</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<? } ?>
|
||||||
|
<? } ?>
|
||||||
|
|
||||||
|
<? if(defined('_INDEX_') && $config['cf_bgm']) { ?>
|
||||||
|
<li class="bgm-btn">
|
||||||
|
<div id="site_bgm_box">
|
||||||
|
<iframe src="./bgm.php?action=play" name="bgm_frame" id="bgm_frame" border="0" frameborder="0" marginheight="0" marginwidth="0" topmargin="0" scrolling="no" allowTransparency="true"></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="<?=G5_URL?>/bgm.php?action=play" target="bgm_frame" onclick="return fn_control_bgm('play')" class="control-bgm-play" style="display:none;">
|
||||||
|
<span class="icons"><span><i class="material-icons">music_off</i></span></span>
|
||||||
|
<span class="tooltips">BGM ON</span>
|
||||||
|
</a>
|
||||||
|
<a href="<?=G5_URL?>/bgm.php" target="bgm_frame" onclick="return fn_control_bgm('stop')" class="control-bgm-stop">
|
||||||
|
<span class="icons"><span><i class="material-icons">music_note</i></span></span>
|
||||||
|
<span class="tooltips">BGM OFF</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<? } ?>
|
||||||
|
</ul>
|
||||||
Loading…
Reference in a new issue