first commit 2
This commit is contained in:
hmw1001
@@ -0,0 +1,11 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit;
|
||||
|
||||
$g5['title'] = '금형저널';
|
||||
|
||||
// moldjournal_new 페이지 스킨 광고 영역 설정
|
||||
$moldjournal_new_skin_config = [
|
||||
'left_ad' => false, // 좌측 광고 사용 안함
|
||||
'right_ad' => false, // 우측 광고 사용 안함
|
||||
];
|
||||
?>
|
||||
@@ -0,0 +1,150 @@
|
||||
/*
|
||||
* greeting 정보형 페이지 전용 스타일
|
||||
*/
|
||||
.sub-page-container {
|
||||
padding-top: 0px; !important;
|
||||
padding-bottom: 80px;
|
||||
background: #fff;
|
||||
min-height: 500px;
|
||||
}
|
||||
.container {
|
||||
/* max-width: 1200px; !important; */ /* 💡 [수정] 고정 너비 제거 */
|
||||
width: 90%; !important; /* 💡 [추가] 화면 너비의 90% 사용 (좌우 5% 여백) */
|
||||
max-width: 1600px; /* 💡 [추가] 너무 넓어지는 것 방지 (선택 사항) */
|
||||
margin: 0 auto;
|
||||
padding: 0 var(--spacing-md);
|
||||
}
|
||||
.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.5rem;
|
||||
font-weight: 900;
|
||||
color: #222;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.info-page-subtitle {
|
||||
font-size: 1.3rem;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
/* =====================================================
|
||||
🔥 [수정 핵심]
|
||||
이미지 | (한글 위 / 영어 아래) 2컬럼 구성
|
||||
기존 flex → grid 로 변경
|
||||
===================================================== */
|
||||
.greeting-content-wrapper {
|
||||
display: grid; /* [변경] */
|
||||
grid-template-columns: 250px 1fr; /* 이미지 | 텍스트 */
|
||||
column-gap: 40px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
/* 대표 이미지 */
|
||||
.greeting-figure {
|
||||
flex: 0 0 250px; /* [유지] */
|
||||
margin: 0;
|
||||
grid-row: 1 / 3; /* 🔥 한글+영문 전체 높이 차지 */
|
||||
}
|
||||
|
||||
.greeting-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
object-fit: cover;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
/* =====================================================
|
||||
🔥 [수정 핵심]
|
||||
오른쪽 컬럼 내부 정렬
|
||||
===================================================== */
|
||||
.prose {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.8;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* 한글 콘텐츠 */
|
||||
.greeting-content-wrapper .prose:first-of-type {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
/* 영문 콘텐츠 */
|
||||
.greeting-content-wrapper .prose:last-of-type {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
/* 제목 스타일 */
|
||||
.prose h3 {
|
||||
font-size: 1.6rem;
|
||||
font-weight: 700;
|
||||
color: #0056b3;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 2px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.prose h3:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.prose h3 .fas {
|
||||
margin-right: 10px;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.prose p {
|
||||
margin-bottom: 1.5em;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.prose strong {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
/* =====================================================
|
||||
📱 모바일 대응 (기존 유지 + grid 대응 추가)
|
||||
===================================================== */
|
||||
/* PC 전용 - 모바일 반응형 제거 */
|
||||
|
||||
/* 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: 349 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
@@ -0,0 +1,101 @@
|
||||
<?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/moldjournal_new';
|
||||
$page_skin_path = G5_THEME_PATH . '/skin/page/moldjournal_new';
|
||||
|
||||
// 이 페이지 전용 CSS와 JS를 로드합니다.
|
||||
add_stylesheet('<link rel="stylesheet" href="' . $page_skin_url . '/css/style.css?ver=' . G5_SERVER_TIME . '">', 0);
|
||||
add_javascript('<script src="' . $page_skin_url . '/js/script.js?ver=' . G5_SERVER_TIME . '"></script>', 0);
|
||||
?>
|
||||
|
||||
<div class="three-column-layout container">
|
||||
|
||||
<!-- 1. 좌측 사이드바 (광고 영역) -->
|
||||
<?php if (isset($moldjournal_new_skin_config['left_ad']) && $moldjournal_new_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="moldjournal_new-left">
|
||||
<!-- 이 곳에 좌측 광고 모듈이 출력됩니다. -->
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- 2. 중앙 메인 콘텐츠 -->
|
||||
<main class="layout-main-content1">
|
||||
<div class="info-page-container">
|
||||
<!-- 페이지 헤더 -->
|
||||
<header class="info-page-header">
|
||||
<h2 class="info-page-title">금형저널의 창간 이념을 잇는 전문지</h2>
|
||||
<p class="info-page-subtitle">금형 정보 활성화를 위한 국내 대표 금형 전문지</p>
|
||||
</header>
|
||||
|
||||
<!-- 본문 콘텐츠 -->
|
||||
<div class="greeting-content-wrapper">
|
||||
<!-- 대표 이미지 -->
|
||||
<figure class="greeting-figure">
|
||||
<img src="<?php echo G5_THEME_URL; ?>/skin/page/moldjournal_new/images/img.png" alt="저금형기술" class="greeting-image">
|
||||
<img src="<?php echo G5_THEME_URL; ?>/skin/page/moldjournal_new/images/img1.jpg" alt="금형저널" class="greeting-image">
|
||||
</figure>
|
||||
|
||||
<!-- 텍스트 콘텐츠 -->
|
||||
<!-- 한글 콘텐츠 -->
|
||||
<article class="prose">
|
||||
<h3><i class="fas fa-history"></i> 한국 금형산업 발전의 역사</h3>
|
||||
<p>
|
||||
1984년 창간한 <strong>월간 금형공구</strong>는 금형·공구 산업의 국내외 동향, 신기술, 신제품, 기술개발 정보를 체계적으로 전하며 한국 금형산업 발전을 이끌어 온 전문지입니다.<br>산업 변화와 기술 패러다임 전환을 가장 가까운 자리에서 기록하며 주요 이슈를 신뢰도 높은 분석과 함께 소개해 왔습니다.
|
||||
</p>
|
||||
|
||||
<h3><i class="fas fa-industry"></i> 제조업의 기반, 핵심 산업</h3>
|
||||
<p>
|
||||
금형산업은 완구에서 우주항공까지 전 제조업의 기반을 이루는 기술집약적 핵심 산업으로, 제품 품질 향상과 공정 고도화를 좌우하는 국가 전략 분야입니다.<br> 이에 따라 정교한 기술 정보와 최신 산업 동향 파악이 무엇보다 중요합니다.
|
||||
</p>
|
||||
|
||||
<h3><i class="fas fa-hands-helping"></i> 신뢰의 약속</h3>
|
||||
<p>
|
||||
(주)한국산업정보센터는 한국금형공업협동조합 설립 이후 조합원에게 전문 정보를 제공하고자 창간된 월간 금형·공구의 이념을 이어 발전시켜 왔습니다.<br>오늘날 월간 금형공구는 국내 금형 분야에서 가장 오랜 전통과 권위를 보유한 매체로 자리매김하고 있습니다.<br>앞으로도 산업 현장의 목소리를 담아 유용한 기술 정보와 통찰을 제공하며 금형산업의 미래를 함께 열어가겠습니다.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<!-- 구분선 -->
|
||||
<hr class="info-page-divider">
|
||||
|
||||
<!-- 영문 콘텐츠 -->
|
||||
<article class="prose">
|
||||
<h3><i class="fas fa-globe-americas"></i> Monthly Mold & Tooling: Our Story</h3>
|
||||
<p>
|
||||
First published in 1984, <strong>Monthly Mold & Tooling</strong> has delivered structured and reliable coverage of domestic and global trends, new technologies, product developments, and technical advancements within the mold and tooling industry.
|
||||
</p>
|
||||
<p>
|
||||
The mold industry is a technology-intensive foundation for nearly all manufacturing—from toys to aerospace—and a strategic national field that drives product quality and advanced production processes. Accurate and up-to-date technical information is therefore essential.
|
||||
</p>
|
||||
<p>
|
||||
Today, it stands as Korea’s oldest and most authoritative magazine in the mold sector. Moving forward, Monthly Mold & Tooling will continue delivering practical insights and industry-focused knowledge, serving as a reliable partner for the future of mold technology.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- 3. 우측 사이드바 (광고 영역) -->
|
||||
<?php if (isset($moldjournal_new_skin_config['right_ad']) && $moldjournal_new_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="moldjournal_new-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