magolpy/
├── index.html
magolpy
타이틀!!!
작성시간
[본문!!] 예시 텍스트 예시 텍스트
─────────────────
타이틀!!!
작성시간
[본문!!] 예시 텍스트 예시 텍스트
─────────────────
타이틀!!!
작성시간
[본문] 예시 텍스트 예시 텍스트
├── style.css
html,
body {
margin: 0;
padding: 0;
}
body {
background: #c6c6c6;
font-family:
Gulim,
굴림,
"굴림체",
Arial,
sans-serif;
font-size: 14px;
color: #000;
}
/* =========================
왼쪽 배너
========================= */
.left-banner {
position: absolute;
top: 22px;
left: 19px;
width: 213px;
}
.left-banner img {
width: 100%;
height: auto;
display: block;
}
/* =========================
중앙 게시물
========================= */
.posts {
width: 255px;
margin-left: 34%;
padding-top: 80px;
padding-bottom: 200px;
}
.post {
margin-bottom: 20px;
}
.post h2 {
font-size: 18px;
font-weight: normal;
margin: 0;
padding: 0;
}
.date {
margin-top: 2px;
margin-bottom: 7px;
font-size: 13px;
}
.post-image {
width: 255px;
height: auto;
display: block;
margin-bottom: 10px;
}
.post p {
margin: 0;
line-height: 1.5;
}
/* =========================
게시물 구분선
========================= */
.divider {
width: 255px;
overflow: hidden;
white-space: nowrap;
margin-top: 20px;
margin-bottom: 23px;
font-size: 12px;
}
/* =========================
오른쪽 메뉴
========================= */
.side-menu {
position: fixed;
right: 10%;
bottom: 70px;
width: 110px;
text-align: left;
}
.menu-image {
width: 89px;
height: 128px;
object-fit: cover;
display: block;
margin-bottom: 10px;
}
.side-menu a {
color: #0000ee;
text-decoration: underline;
}
.side-menu a:visited {
color: #551a8b;
}
.player {
margin-top: 50px;
}
└── images/
├── banner-left.jpg
├── menu-image.jpg
├── post01.jpg
├── post02.jpg
└── post03.jpg
