first commit 2
This commit is contained in:
hmw1001
@@ -0,0 +1,10 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit;
|
||||
|
||||
$g5['title'] = '레이저기술';
|
||||
// lasertech 페이지 스킨 광고 영역 설정
|
||||
$lasertech_skin_config = [
|
||||
'left_ad' => false, // 좌측 광고 사용 안함
|
||||
'right_ad' => false, // 우측 광고 사용 안함
|
||||
];
|
||||
?>
|
||||
@@ -0,0 +1,110 @@
|
||||
/*
|
||||
* lasertech 정보형 페이지 전용 스타일
|
||||
*/
|
||||
|
||||
.info-page-container {
|
||||
background-color: #fff;
|
||||
padding: 40px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/* 페이지 헤더 */
|
||||
.info-page-header {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.info-page-title {
|
||||
font-size: 2.8rem;
|
||||
font-weight: 900;
|
||||
color: #222;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.info-page-subtitle {
|
||||
font-size: 1.3rem;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
/* 대표 이미지 */
|
||||
|
||||
/* 💡 [최종 수정] 이미지 컨테이너의 크기를 절반으로 줄이고 중앙 정렬 */
|
||||
.info-page-figure {
|
||||
margin: 0 auto 40px auto; /* 상하 마진 유지, 좌우는 auto로 중앙 정렬 */
|
||||
max-width: 25%; /* 최대 너비를 25%로 제한 */
|
||||
text-align: center; /* 내부 이미지 정렬 */
|
||||
}
|
||||
|
||||
.info-page-image {
|
||||
max-width: 100%; /* 부모 요소의 너비를 넘지 않도록 */
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
/* 본문 스타일 */
|
||||
.prose {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.8;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.prose h3 {
|
||||
font-size: 1.6rem;
|
||||
font-weight: 700;
|
||||
color: #0056b3; /* 테마 메인 컬러 */
|
||||
margin-top: 30px;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 2px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.prose h3 .fas {
|
||||
margin-right: 10px;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.prose p {
|
||||
margin-bottom: 1.5em;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.prose strong {
|
||||
color: #0056b3;
|
||||
}
|
||||
|
||||
/* 구분선 */
|
||||
.info-page-divider {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
background-color: #e9e9e9;
|
||||
margin: 50px 0;
|
||||
}
|
||||
|
||||
/* 반응형 스타일 */
|
||||
/* PC 전용 - 모바일 반응형 제거 */
|
||||
|
||||
/*
|
||||
* 3단 레이아웃 스타일 (기존 코드 유지)
|
||||
*/
|
||||
.three-column-layout {
|
||||
display: flex;
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.layout-sidebar-left {
|
||||
flex: 0 0 240px;
|
||||
}
|
||||
|
||||
.layout-main-content {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.layout-sidebar-right {
|
||||
flex: 0 0 240px;
|
||||
}
|
||||
|
||||
/* PC 전용 - 모바일 반응형 제거 */
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 478 KiB |
@@ -0,0 +1,95 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// 1. 자식 스킨의 설정 파일을 로드합니다.
|
||||
$config_path = __DIR__ . '/config.php';
|
||||
if (file_exists($config_path)) {
|
||||
include_once($config_path);
|
||||
}
|
||||
|
||||
// 현재 페이지의 스킨 경로를 URL과 Path로 정의합니다.
|
||||
$page_skin_url = G5_THEME_URL . '/skin/page/lasertech';
|
||||
$page_skin_path = G5_THEME_PATH . '/skin/page/lasertech';
|
||||
|
||||
// 이 페이지 전용 CSS와 JS를 로드합니다.
|
||||
add_stylesheet('<link rel="stylesheet" href="' . $page_skin_url . '/css/style.css?ver=' . G5_SERVER_TIME . '">', 0);
|
||||
?>
|
||||
|
||||
<div class="three-column-layout container">
|
||||
|
||||
<!-- 1. 좌측 사이드바 (광고 영역) -->
|
||||
<?php if (isset($lasertech_skin_config['left_ad']) && $lasertech_skin_config['left_ad'] === true): ?>
|
||||
<aside class="layout-sidebar-left">
|
||||
<div class="sidebar-inner">
|
||||
<?php if($is_admin) { ?> <h3 class="sidebar-title">좌측 광고 영역</h3> <?php } ?>
|
||||
<div class="flex_box flex_box_l" data-layout="lasertech-left">
|
||||
<!-- 이 곳에 좌측 광고 모듈이 출력됩니다. -->
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- 2. 중앙 메인 콘텐츠 -->
|
||||
<main class="layout-main-content">
|
||||
<div class="info-page-container">
|
||||
<!-- 페이지 헤더 -->
|
||||
<header class="info-page-header">
|
||||
<h2 class="info-page-title">미래를 조각하는 정밀한 빛</h2>
|
||||
<p class="info-page-subtitle">월간 레이저기술 | 국내 유일의 레이저산업 전문 종합 기술 플랫폼</p>
|
||||
</header>
|
||||
|
||||
<!-- 대표 이미지 -->
|
||||
<figure class="info-page-figure">
|
||||
<img src="<?php echo $page_skin_url; ?>/images/lasertech.jpg" alt="레이저 가공 기술" class="info-page-image">
|
||||
</figure>
|
||||
|
||||
<!-- 한글 콘텐츠 -->
|
||||
<article class="prose">
|
||||
<h3><i class="fas fa-history"></i> 우리의 역사: 30년 혁신의 기록</h3>
|
||||
<p>
|
||||
1993년 9월 15일 창간 이래, <strong>월간 레이저기술</strong>은 30년 넘게 국내 유일의 레이저산업 전문지로서 대한민국 레이저 기술 발전의 역사를 함께 써왔습니다. 🚀 글로벌 트렌드부터 최신 기술, 혁신적인 제품, 그리고 연구 개발 성과까지 깊이 있게 다루며 미래 산업의 로드맵을 제시해왔습니다.
|
||||
</p>
|
||||
|
||||
<h3><i class="fas fa-bullseye"></i> 우리의 비전: 핵심 지식 허브</h3>
|
||||
<p>
|
||||
의료, 통신, 제조 등 다양한 분야에서 혁신을 이끄는 레이저 기술! 💡 특히 가공, 절단, 마킹, 용접 등 현장의 실용 기술 정보에 대한 갈증을 해소하기 위해, 월간 레이저기술은 <strong>정교한 정보와 심층 분석</strong>을 제공하여 국내 레이저 기술 생태계의 건강한 성장을 돕는 것을 목표로 합니다.
|
||||
</p>
|
||||
|
||||
<h3><i class="fas fa-hands-helping"></i> 우리의 약속: 신뢰할 수 있는 길잡이</h3>
|
||||
<p>
|
||||
변화하는 기술 패러다임을 누구보다 빠르게 읽고, 레이저 기술이 열어갈 새로운 가능성을 가장 먼저 독자 여러분께 전달하겠습니다. 저희의 정보가 여러분의 현장 고민을 해결하고, 미래 전략을 세우는 데 든든한 길잡이가 되기를 바랍니다. 여러분의 관심과 의견은 저희가 발전하는 가장 큰 원동력입니다. 🌟
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<!-- 구분선 -->
|
||||
<hr class="info-page-divider">
|
||||
|
||||
<!-- 영문 콘텐츠 -->
|
||||
<article class="prose">
|
||||
<h3><i class="fas fa-globe-americas"></i> Monthly Laser Technology: Our Story</h3>
|
||||
<p>
|
||||
Since our first issue on September 15, 1993, <strong>Monthly Laser Technology Magazine</strong> has been Korea's one-and-only specialized laser publication for over 30 years. We've documented the nation's laser technology evolution, from global trends to R&D breakthroughs, serving as a <strong>key knowledge hub</strong> that maps out the future of the industry. 🚀
|
||||
</p>
|
||||
<p>
|
||||
Laser tech is sparking innovation in medicine, telecom, and manufacturing. 💡 We know there's a huge thirst for practical, hands-on information. That's why we deliver the <strong>precise insights and in-depth analysis</strong> needed to help our domestic laser ecosystem thrive.
|
||||
</p>
|
||||
<p>
|
||||
We're always the first to spot changing tech paradigms and share exciting new possibilities. We hope our insights become your trusted guide for solving real-world challenges and building future strategies. Your interest and feedback are what drive us forward. Let's illuminate the bright future of the laser industry, together! 🤝
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- 3. 우측 사이드바 (광고 영역) -->
|
||||
<?php if (isset($lasertech_skin_config['right_ad']) && $lasertech_skin_config['right_ad'] === true): ?>
|
||||
<aside class="layout-sidebar-right">
|
||||
<div class="sidebar-inner">
|
||||
<?php if($is_admin) { ?> <h3 class="sidebar-title">우측 광고 영역</h3> <?php } ?>
|
||||
<div class="flex_box flex_box_r" data-layout="lasertech-right">
|
||||
<!-- 이 곳에 우측 광고 모듈이 출력됩니다. -->
|
||||
</div>
|
||||
</aside>
|
||||
</aside>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,12 @@
|
||||
// 이 페이지 전용 커스텀 자바스크립트
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// 예: 특정 요소에 애니메이션 추가 등
|
||||
// const title = document.querySelector('.section-title');
|
||||
// if(title) {
|
||||
// title.style.opacity = 0;
|
||||
// setTimeout(() => {
|
||||
// title.style.transition = 'opacity 0.5s';
|
||||
// title.style.opacity = 1;
|
||||
// }, 100);
|
||||
// }
|
||||
});
|
||||
Reference in New Issue
Block a user