한..5년 안했더니..
그냥...바보됬네요..ㅠㅠ
으흑..
혹시 레이아웃 만드는 가이드 없을까요?
아래 그림처럼 정말 심플하게 만들고 싶은데...
문학 동호회 게시판이라 ㅠㅠ
댓글 3개
css 공부하셔야 하구요, 예제하나 참고하시라고 짜봤습니다.
<!doctype html>
<html>
<head>
<title>음... 디자인 만들려면 어떻게 해야 하나요?</title>
<style type="text/css">
body {margin:0; padding:0;}
#wrapper { margin:auto; width:980px;}
#content {float:left; margin:0 auto; width: 980px;}
#topmenu {
width:980px; height:100px; background-color:lime;
margin:0 auto;}
#left{
width:450px; height:600px; border:solid 1px;
padding:10px; margin:0px 10px 0px 0px;
float:left;}
#right{
width:450px; height:600px; border:solid 1px;
padding:10px;
float:left;}
#footer{
width:980px; height:60px; background-color:gray;
padding:10px; margin-top:10px;
float:left; text-align:center;}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="topmenu">
<h1>homelogo</h1>
</div>
<div id="left">menu1 new</div>
<div id="right">menu2 new</div>
<div id="footer">copyright homepagelogo</div>
</div>
</div>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<title>음... 디자인 만들려면 어떻게 해야 하나요?</title>
<style type="text/css">
body {margin:0; padding:0;}
#wrapper { margin:auto; width:980px;}
#content {float:left; margin:0 auto; width: 980px;}
#topmenu {
width:980px; height:100px; background-color:lime;
margin:0 auto;}
#left{
width:450px; height:600px; border:solid 1px;
padding:10px; margin:0px 10px 0px 0px;
float:left;}
#right{
width:450px; height:600px; border:solid 1px;
padding:10px;
float:left;}
#footer{
width:980px; height:60px; background-color:gray;
padding:10px; margin-top:10px;
float:left; text-align:center;}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="topmenu">
<h1>homelogo</h1>
</div>
<div id="left">menu1 new</div>
<div id="right">menu2 new</div>
<div id="footer">copyright homepagelogo</div>
</div>
</div>
</div>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 9040 | |
| 3482 | |
| 3472 |
디자이너
디자이너분들 활동지수 올리는 팁
9
|
| 3458 |
디자이너
포인트가 부족해요ㅡ.ㅡ
13
|
| 3453 | |
| 3439 | |
| 3434 |
디자이너
안녕하세요
4
|
| 3427 | |
| 3423 |
디자이너
반갑습니다
3
|
| 3414 | |
| 3409 |
디자이너
오늘 가입했습니다...
4
|
| 3402 | |
| 3396 |
디자이너
디자인 소스 왜 공개하세요?
5
|
| 3386 |
디자이너
SIR 디자이너님...
9
|
| 3381 | |
| 3374 |
디자이너
오늘 가입했습니다.
6
|
| 3365 | |
| 3359 | |
| 3357 |
디자이너
배워서 밥벌이로..
1
|
| 11216 | |
| 3353 | |
| 3346 |
디자이너
그누 사용한지 얼마 안되서
6
|
| 3345 |
디자이너
멋지네요~
|
| 3340 |
디자이너
폰트 질문 드립니다.
4
|
| 3333 |
디자이너
새로운 SIR 홈페이지
6
|
| 6982 | |
| 6983 | |
| 3303 | |
| 10134 | |
| 10129 |
게시판
버튼 그래픽
4
|
| 10127 | |
| 10126 | |
| 3299 | |
| 3297 | |
| 10123 |
회원통합스킨
조직도
2
|
| 6978 | |
| 10120 |
최신글
최신글 따라하기.,
2
|
| 10119 |
외부로그인
외부 로그인 따라하기
|
| 10115 |
게시판
메인시안psd 입니다.
3
|
| 3293 | |
| 3292 | |
| 10098 | |
| 10050 |
게시판
쇼핑몰 시안입니다.
47
|
| 10044 |
스크랩
맥스타일 모니터
5
|
| 10041 | |
| 10040 | |
| 10032 |
최신글
제안시안 입니다.
7
|
| 3290 | |
| 10029 |
게시판
모자~~
2
|
| 10019 |
게시판
뉴스레터02
9
|
| 10009 |
게시판
뉴스레터01
9
|
| 6975 | |
| 10007 |
게시판
조직도
1
|
| 10004 |
게시판
메인시안입니다.
2
|
| 10000 |
게시판
리본 버튼 활용하세요
3
|
| 9995 |
게시판
심플시안입니다. ^^
4
|
| 3288 | |
| 3281 | |
| 3279 | |
| 3275 | |
| 3274 | |
| 9989 | |
| 9986 |
게시판
가로메뉴 입니다.,
2
|
| 3273 | |
| 3272 | |
| 9978 | |
| 9975 | |
| 9966 | |
| 9965 |
게시판
메뉴
|
| 9960 | |
| 9956 | |
| 3268 | |
| 9955 |
최신글
홈페이지
|
| 3264 | |
| 9954 |
외부로그인
상단 로그인바
|
| 3260 | |
| 9952 |
외부로그인
외부로그인
1
|
| 6972 | |
| 3252 | |
| 9944 |
외부로그인
[공유합니다.]외부로그인 페이지 입니다.
7
|
| 9941 |
게시판
연혁 스킨(?)입니다.
2
|
| 9932 | |
| 9929 | |
| 3246 | |
| 9924 |
게시판
시안
4
|
| 9918 |
게시판
시안
5
|
| 9912 |
게시판
시안
5
|
| 9906 | |
| 3240 | |
| 3231 | |
| 6967 | |
| 3230 | |
| 3226 | |
| 3218 | |
| 3216 | |
| 9898 |
게시판
제안시안
7
|
| 9894 |
게시판
이건 제안서 모바일
3
|
| 9886 |
게시판
이번에도 제안서시안 ㅎㅎ
7
|
| 9872 |
게시판
무료 아이콘
13
|
| 9871 |
회원가입
서브화면 레이아웃 공유합니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기