hmw1001
90 lines
5.1 KiB
PHP
90 lines
5.1 KiB
PHP
<?php
|
|
header("Content-type: text/css");
|
|
include_once('../../common.php');
|
|
|
|
// 💡 [핵심 수정] URL 파라미터가 없을 경우를 대비해 기본값을 설정하고, 불필요한 문자를 제거합니다.
|
|
$header_class = isset($_GET['rb_header_set']) ? preg_replace('/[^a-z0-9_]/i', '', $_GET['rb_header_set']) : (isset($rb_core['header']) ? htmlspecialchars($rb_core['header']) : 'co_header_000000');
|
|
$header_color = isset($_GET['rb_header_code']) ? $_GET['rb_header_code'] : (isset($rb_config['co_header']) ? htmlspecialchars($rb_config['co_header']) : '#000000');
|
|
$text_color_name = isset($_GET['rb_header_txt']) && in_array($_GET['rb_header_txt'], ['white', 'black']) ? $_GET['rb_header_txt'] : 'white';
|
|
|
|
// 💡 [핵심 수정] 텍스트 색상 이름에 따라 실제 CSS 색상 코드를 할당합니다.
|
|
$final_text_color = ($text_color_name === 'white') ? '#ffffff' : '#333333';
|
|
$final_text_color_opposite = ($text_color_name === 'white') ? '#333333' : '#ffffff';
|
|
|
|
// 💡 [핵심 수정] 기존 헤더와의 호환성을 위해 변수를 재생성합니다.
|
|
if ($text_color_name == 'black') { // 밝은 배경
|
|
$rb_rgba_border = "border-color:rgba(0,0,0,0.1);";
|
|
$rb_rgba_bg = "background-color:rgba(0,0,0,0.05);";
|
|
$rb_header_txt = $final_text_color; // #333333
|
|
$rb_header_search_h = "color:rgba(0,0,0,0.6);";
|
|
$rb_header_a = $final_text_color;
|
|
$arr_w = "";
|
|
} else { // 어두운 배경
|
|
$rb_rgba_border = "border-color:rgba(255,255,255,0.1);";
|
|
$rb_rgba_bg = "background-color:rgba(255,255,255,0.1);";
|
|
$rb_header_txt = $final_text_color; // #ffffff
|
|
$rb_header_search_h = "color:rgba(255,255,255,0.6);";
|
|
$rb_header_a = $final_text_color;
|
|
$arr_w = "background-image: url(../rb.config/image/arr_down_w.svg)";
|
|
}
|
|
?>
|
|
|
|
/* ==========================================================================
|
|
1. 새로운 'Trendy' 헤더용 동적 스타일
|
|
========================================================================== */
|
|
|
|
/* 헤더가 is-scrolled 상태일 때만 배경색 적용 (서브페이지 또는 스크롤 시) */
|
|
main .main-header.is-scrolled {
|
|
background-color: <?php echo $header_color; ?> !important;
|
|
/* 투명도가 있는 색상일 경우를 대비해 backdrop-filter 유지 */
|
|
backdrop-filter: blur(10px);
|
|
-webkit-backdrop-filter: blur(10px);
|
|
}
|
|
|
|
/* 헤더의 모든 텍스트 및 아이콘 색상을 한 번에 제어 */
|
|
main .main-header.is-scrolled .gnb-link,
|
|
main .main-header.is-scrolled .utility-nav a,
|
|
main .main-header.is-scrolled .utility-nav button,
|
|
main .main-header.is-scrolled .utility-nav .fa {
|
|
color: <?php echo $final_text_color; ?> !important;
|
|
}
|
|
|
|
/* 헤더 색상에 따라 메뉴 밑줄 색상도 변경 */
|
|
main .main-header.is-scrolled .gnb-link::after {
|
|
background-color: <?php echo $final_text_color; ?> !important;
|
|
}
|
|
|
|
/* 회원가입 버튼 스타일 조정 */
|
|
main .main-header.is-scrolled .utility-nav .btn-join {
|
|
background-color: <?php echo $final_text_color; ?> !important;
|
|
color: <?php echo $final_text_color_opposite; ?> !important;
|
|
opacity: 0.8;
|
|
}
|
|
main .main-header.is-scrolled .utility-nav .btn-join:hover {
|
|
opacity: 1.0;
|
|
}
|
|
|
|
|
|
/* ==========================================================================
|
|
2. 기존 헤더와의 호환성을 위한 스타일 (원본 유지)
|
|
========================================================================== */
|
|
|
|
.<?php echo $rb_header_set ?> #header {background-color: <?php echo $rb_header_code ?>; border-bottom: 1px solid <?php echo $rb_header_code ?>;}
|
|
.<?php echo $rb_header_set ?> #header .rows_gnb_wrap {<?php echo $rb_rgba_border ?>}
|
|
.<?php echo $rb_header_set ?> #header .tog_wrap button svg path {fill:<?php echo $rb_header_txt ?>;}
|
|
.<?php echo $rb_header_set ?> #header .gnb_wrap nav a {color:<?php echo $rb_header_a ?>;}
|
|
.<?php echo $rb_header_set ?> #header .gnb_wrap nav a:hover{color:<?php echo $rb_header_txt ?>;}
|
|
.<?php echo $rb_header_set ?> #header .gnb_wrap .snb_wrap .member_info_wrap span {color:<?php echo $rb_header_txt ?>;}
|
|
.<?php echo $rb_header_set ?> #header .gnb_wrap .snb_wrap .member_info_wrap {color:<?php echo $rb_header_txt ?>;}
|
|
.<?php echo $rb_header_set ?> #header .my_btn_wrap .btn_round {<?php echo $rb_rgba_border ?>;}
|
|
.<?php echo $rb_header_set ?> #header .gnb_wrap .snb_wrap .member_info_wrap a {color:<?php echo $rb_header_a ?>}
|
|
.<?php echo $rb_header_set ?> #header .logo_wrap span {color:<?php echo $rb_header_txt ?>;}
|
|
.<?php echo $rb_header_set ?> #header .search_top_wrap_inner button svg path {fill:<?php echo $rb_header_a ?>}
|
|
.<?php echo $rb_header_set ?> #header .gnb_wrap .snb_wrap .qm_wrap a svg path {fill:<?php echo $rb_header_a ?>}
|
|
.<?php echo $rb_header_set ?> #header .gnb_wrap .snb_wrap .qm_wrap button svg path {fill:<?php echo $rb_header_a ?>}
|
|
.<?php echo $rb_header_set ?> #header .gnb_all_menu {<?php echo $arr_w ?>}
|
|
|
|
.<?php echo $rb_header_set ?> .co_header_ex_dd {background-color:<?php echo $rb_header_code ?>; color:<?php echo $rb_header_txt ?>; border:1px solid rgba(0,0,0,0.1);}
|
|
.<?php echo $rb_header_set ?> .co_header_ex_dd svg path {fill:<?php echo $rb_header_a ?>;}
|
|
.<?php echo $rb_header_set ?> .search_top_wrap input {<?php echo $rb_rgba_bg ?>}
|
|
.<?php echo $rb_header_set ?> .search_top_wrap input::placeholder {<?php echo $rb_header_search_h ?>}
|