한..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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 9869 |
회원가입
왼쪽 메뉴 두번째 공유해요.,
1
|
| 9863 |
회원가입
왼쪽 메뉴 공유해 드립니다.
5
|
| 9862 | |
| 3212 | |
| 3203 | |
| 3194 | |
| 9855 |
회원통합스킨
여행사 메인시안 입니다.
6
|
| 9851 |
회원통합스킨
펜션 서브 시안입니다.
3
|
| 9845 |
회원통합스킨
펜션 메인 시안입니다.
5
|
| 9843 | |
| 9842 | |
| 9836 | |
| 9834 | |
| 3192 | |
| 3191 | |
| 6957 | |
| 9830 |
회원통합스킨
예전에 작업했던 제안시안 입니다
3
|
| 9825 |
우편번호
오시는길 약도
4
|
| 9823 |
게시판
약도페이지입니다.
1
|
| 9821 |
게시판
약도페이지입니다.
1
|
| 9735 | |
| 3186 | |
| 3182 | |
| 9727 | |
| 9720 | |
| 3179 | |
| 9702 |
게시판
메인시안 사용하세요.
17
|
| 6955 | |
| 3174 | |
| 9690 |
게시판
메인시안 공유합니다~
11
|
| 9686 |
게시판
자동차관련 메인시안
3
|
| 9679 |
게시판
메인시안 공유합니다.
6
|
| 3165 | |
| 3162 | |
| 3159 | |
| 9676 | |
| 3146 | |
| 9673 |
게시판
심플 메인
2
|
| 9668 |
게시판
깜둥이메뉴
4
|
| 9663 |
게시판
황금(?)메탈문자?
4
|
| 9662 |
게시판
액자??
|
| 9581 |
게시판
메인시안입니다.
80
|
| 3143 | |
| 3142 | |
| 9561 | |
| 9554 |
외부로그인
로그인 스킨
6
|
| 9542 |
게시판
아이콘들..!!
11
|
| 9531 |
게시판
남성 쇼핑몰 스킨
10
|
| 9527 | |
| 9522 |
게시판
회사소개용 이미지
4
|
| 3131 | |
| 9517 |
회원통합스킨
블랙 메뉴 디자인
4
|
| 9507 | |
| 9500 | |
| 9492 | |
| 9490 |
회원가입
회원가입 블랙버전입니다.
1
|
| 9489 |
패스워드찾기
아이디/패스워드찾기 블랙버전입니다.
|
| 9485 |
설문조사
배너 한가지
3
|
| 9481 |
회원통합스킨
메뉴 디자인
3
|
| 9480 |
외부로그인
탑부분 로그인 바 디자인
|
| 3128 | |
| 3120 | |
| 9478 |
스크랩
스크랩 블랙버전입니다.
1
|
| 3116 | |
| 9477 |
설문조사
설문조사 블랙버전입니다.
|
| 3112 | |
| 9471 |
게시판
버튼psd 올려봅니다.
5
|
| 9470 |
갤러리
갤러리 블랙버전입니다.
|
| 9468 |
게시판
시안입니다.
1
|
| 9463 |
게시판
시안입니다.
4
|
| 9460 |
게시판
다른버젼
2
|
| 9457 |
게시판
시안입니다.
2
|
| 3104 | |
| 9452 | |
| 6953 | |
| 9448 |
게시판
쇼핑몰스킨입니다.
3
|
| 9444 |
게시판
쇼핑몰스킨입니다.
3
|
| 9443 |
외부로그인
로그인스킨입니다.
|
| 5984 | |
| 3094 | |
| 9442 |
접속자
접속자페이지 블랙버전입니다.
|
| 3088 | |
| 3082 | |
| 3079 | |
| 9432 |
패스워드찾기
로그인 페이지 PSD
9
|
| 9416 | |
| 3078 | |
| 9415 |
달력
달력 레드버전입니다.
|
| 9407 |
게시판
회사 홈페이지 시안
7
|
| 9405 |
외부로그인
로그인 블랙버전 두번째 올립니다.
1
|
| 9402 |
외부로그인
로그인 블랙버전입니다.
2
|
| 3075 | |
| 9400 |
게시판
공지창
1
|
| 9399 |
갤러리
배너 백그라운드 1
|
| 3072 | |
| 6949 | |
| 9397 |
스크랩
스크랩 팝업니다.
1
|
| 9395 |
패스워드찾기
패스워드찾기 팝업입니다.
1
|
| 9380 |
게시판
조직도
14
|
| 9376 |
게시판
게시판스킨 뷰
3
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기