대문: 두 판 사이의 차이
편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
<!-- [전체 레이아웃 컨테이너] 좌우 양옆 광고 영역을 위한 3열 그리드 (좌광고 - 본문 - 우광고) --> | |||
<div style="display: grid; grid-template-columns: minmax(120px, 160px) 1fr minmax(120px, 160px); gap: 15px; width: 100%; box-sizing: border-box;"> | |||
<!-- [좌측 광고 영역] --> | |||
<div style="text-align: center; background: #fafafa; border: 1px dashed #d1d1d1; padding: 10px; min-height: 600px;"> | |||
<div style="font-size: 11px; color: #999; margin-bottom: 5px;">ADVERTISEMENT</div> | |||
<!-- ⚠️ 여기에 구글 애드센스 좌측 스크립트 코드를 붙여넣으세요 --> | |||
<div style="color: #ccc; padding-top: 100px;">구글 애드센스<br>좌측 세로형 광고</div> | |||
</div> | |||
<!-- [중앙 본문 영역] --> | |||
<div style="display: flex; flex-direction: column; gap: 20px; width: 100%;"> | |||
<!-- [상단 광고 영역] --> | |||
<div style="text-align: center; background: #fafafa; border: 1px dashed #d1d1d1; padding: 10px; width: 100%; box-sizing: border-box;"> | |||
<div style="font-size: 11px; color: #999; margin-bottom: 5px;">ADVERTISEMENT</div> | |||
<!-- ⚠️ 여기에 구글 애드센스 상단 가로형 스크립트 코드를 붙여넣으세요 --> | |||
<div style="color: #ccc; padding: 20px 0;">구글 애드센스 상단 가로형 광고</div> | |||
</div> | |||
<!-- 타이틀 영역 --> | |||
<div style="text-align: center; border: 1px solid #c8ccd1; background-color: #ffffff; padding: 20px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> | |||
<h2 style="margin: 0 0 10px 0; border: none; font-size: 1.8em; color: #202122;">세계 속의 한인 역사와 숨은 맛집을 찾아서</h2> | |||
<p style="margin: 0; color: #54591d;">전 세계 한인들의 이민 역사 기록과 현지 한인 식당·카페를 연결하는 모든 아카이브 위키입니다.</p> | |||
</div> | |||
<!-- 1. 지도(좌) 및 아카이브(우) 가로 배치 영역 --> | |||
<!-- 테이블 문법을 활용하여 본문 내부 너비에 상관없이 무조건 가로로 강제 결합합니다 --> | |||
<table style="width: 100%; border-collapse: separate; border-spacing: 15px 0px; margin: 0 -15px; background: transparent;"> | |||
<tr> | |||
<!-- (좌) 세계지도 박스 --> | |||
<td style="width: 60%; vertical-align: top; padding: 0; background: #ffffff;"> | |||
<div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); text-align: center;"> | |||
<div style="background: #f8f9fa; border-bottom: 1px solid #c8ccd1; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; text-align: left; color: #202122;"> | |||
🗺️ 세계지도 | |||
</div> | |||
<div style="padding: 10px 0;"> | |||
[[File:세계지도.png|center|틀|클릭하면 아카이브로 이동합니다.]] | |||
</div> | |||
</div> | |||
</td> | |||
<!-- (우) 대륙별 코리아타운 디지털 아카이브 박스 --> | |||
<td style="width: 40%; vertical-align: top; padding: 0; background: #ffffff;"> | |||
<div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); height: 100%; box-sizing: border-box;"> | |||
<div style="background: #eaf3ff; border-bottom: 1px solid #a2c9ff; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; color: #0b2545;"> | |||
📂 대륙별 코리아타운 디지털 아카이브 | |||
</div> | |||
<ul style="list-style-type: none; padding-left: 5px; margin: 15px 0 0 0; line-height: 2.8; font-size: 1.1em;"> | |||
<li style="border-bottom: 1px dashed #eed;">📌 [[아시아 코리아타운|아시아 (Asia)]]</li> | |||
<li style="border-bottom: 1px dashed #eed;">📌 [[북아메리카 코리아타운|북아메리카 (North America)]]</li> | |||
<li style="border-bottom: 1px dashed #eed;">📌 [[남아메리카 코리아타운|남아메리카 (South America)]]</li> | |||
<li style="border-bottom: 1px dashed #eed;">📌 [[유럽 코리아타운|유럽 (Europe)]]</li> | |||
<li style="border-bottom: 1px dashed #eed;">📌 [[아프리카 코리아타운|아프리카 (Africa)]]</li> | |||
<li>📌 [[오세아니아 코리아타운|오세아니아 (Oceania)]]</li> | |||
</ul> | |||
</div> | |||
</td> | |||
</tr> | |||
</table> | |||
<!-- 2. 코리아타운 맛집 검색 영역 --> | |||
<div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> | |||
<div style="background: #fef6e4; border-bottom: 1px solid #f3d89d; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; color: #855800;"> | |||
🔍 코리아타운 맛집 검색 | |||
</div> | |||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 15px;"> | |||
<!-- 1. 원하는 도시 섹션 --> | |||
<div> | |||
<div style="font-weight: bold; margin-bottom: 8px; color: #54591d;">📍 1. 원하는 도시</div> | |||
<div style="display: flex; flex-wrap: wrap; gap: 6px;"> | |||
<span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[뉴욕 맛집|뉴욕]]</span> | |||
<span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[로스앤젤레스 맛집|로스앤젤레스]]</span> | |||
<span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[워싱턴 D.C. 맛집|워싱턴 D.C.]]</span> | |||
<span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[도쿄 맛집|도쿄]]</span> | |||
</div> | |||
</div> | |||
<!-- 2. 원하는 스타일 섹션 --> | |||
<div> | |||
<div style="font-weight: bold; margin-bottom: 8px; color: #54591d;">🍔 2. 원하는 스타일</div> | |||
<div style="display: flex; flex-wrap: wrap; gap: 6px;"> | |||
<span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 한식|한식]]</span> | |||
<span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 분식|분식]]</span> | |||
<span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 일식|일식/스시]]</span> | |||
<span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 카페|카페/디저트]]</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> <!-- [중앙 본문 영역 끝] --> | |||
<!-- [우측 광고 영역] --> | |||
<div style="text-align: center; background: #fafafa; border: 1px dashed #d1d1d1; padding: 10px; min-height: 600px;"> | |||
<div style="font-size: 11px; color: #999; margin-bottom: 5px;">ADVERTISEMENT</div> | |||
<!-- ⚠️ 여기에 구글 애드센스 우측 스크립트 코드를 붙여넣으세요 --> | |||
<div style="color: #ccc; padding-top: 100px;">구글 애드센스<br>우측 세로형 광고</div> | |||
</div> | |||
</div> <!-- [전체 레이아웃 컨테이너 끝] --> | |||
<!-- 1. 웰컴 배너 영역 --> | <!-- 1. 웰컴 배너 영역 --> | ||
<div class="main-welcome" style="background: #f8f9fa; border: 1px solid #c8ccd1; padding: 20px; text-align: center; margin-bottom: 20px; border-radius: 4px;"> | <div class="main-welcome" style="background: #f8f9fa; border: 1px solid #c8ccd1; padding: 20px; text-align: center; margin-bottom: 20px; border-radius: 4px;"> | ||
2026년 10월 5일 (월) 11:06 판
ADVERTISEMENT
구글 애드센스
좌측 세로형 광고
좌측 세로형 광고
ADVERTISEMENT
구글 애드센스 상단 가로형 광고
세계 속의 한인 역사와 숨은 맛집을 찾아서
전 세계 한인들의 이민 역사 기록과 현지 한인 식당·카페를 연결하는 모든 아카이브 위키입니다.
🗺️ 세계지도 |
📂 대륙별 코리아타운 디지털 아카이브 |
ADVERTISEMENT
구글 애드센스
우측 세로형 광고
우측 세로형 광고
세계 속의 한인 역사와 숨은 맛집을 찾아서
전 세계 한인들의 이민 역사 기록과 현지 한인 식당·카페를 연결하는 오픈 아카이브 위키입니다.
📂 대륙별 코리아타운 디지털 아카이브
🤝 함께 만드는 위키
우리 동네의 오래된 한인 식당이나 숨겨진 이민 역사를 알고 계신가요? 지금 기여자가 되어 기록을 남겨주세요!
* 편집하기 전 읽어보기 | * 우리 동네 식당 등록하기