한..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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 9032 | |
| 9031 | |
| 9027 | |
| 9026 | |
| 9024 | |
| 9017 | |
| 6918 | |
| 6914 | |
| 2821 | |
| 2820 | |
| 9006 | |
| 8999 | |
| 8984 | |
| 8979 | |
| 2811 | |
| 8964 | |
| 8955 | |
| 2810 | |
| 5963 | |
| 8947 |
기타
무료 아이콘 나누미
7
|
| 8943 |
기타
아이콘 무료 나누미
3
|
| 2805 | |
| 2804 | |
| 8932 | |
| 8924 | |
| 8919 |
기타
배너
4
|
| 8915 | |
| 2792 | |
| 2790 | |
| 2784 | |
| 2777 | |
| 8913 | |
| 8908 | |
| 8905 |
기타
팝업용 시안
2
|
| 8903 | |
| 2774 | |
| 2771 | |
| 2765 | |
| 8894 |
기타
web ui
8
|
| 8879 |
갤러리
오랜 시안이네요~~
14
|
| 8868 |
기타
시안입니다.
10
|
| 8863 |
기타
팝업디자인 입니다.
4
|
| 8860 |
기타
팝업디자인 입니다.
2
|
| 8855 |
기타
요소디자인
4
|
| 8849 |
기타
기타 버튼
5
|
| 8833 | |
| 8831 |
기타
휴대폰인증
1
|
| 8829 |
기타
메인시안입니다.
1
|
| 2756 | |
| 2750 | |
| 2744 | |
| 8823 | |
| 8820 |
기타
팝업디자인입니다.
2
|
| 8819 |
게시판
게시판,로그인 디자인
|
| 8817 |
기타
무료 아이콘
1
|
| 8815 | |
| 8812 | |
| 8804 | |
| 8801 | |
| 8799 |
기타
팝업디자인2
1
|
| 8796 |
기타
상단네비게이션
2
|
| 8793 |
기타
메인시안입니다.
2
|
| 8792 |
기타
팝업디자인
|
| 2740 | |
| 2735 | |
| 2732 | |
| 2727 | |
| 2724 | |
| 2719 | |
| 8787 |
기타
아이콘 03
4
|
| 2717 | |
| 8785 |
기타
아이콘 02
1
|
| 8778 |
기타
아이콘 01
6
|
| 8776 |
게시판
게시판 스킨입니다..
1
|
| 8767 | |
| 8764 | |
| 8760 | |
| 2713 | |
| 2703 | |
| 8753 | |
| 2696 | |
| 8751 | |
| 8745 | |
| 8740 | |
| 8732 | |
| 2688 | |
| 2685 | |
| 8727 |
기타
팝업창 디자인
4
|
| 8716 |
기타
2012
10
|
| 8704 |
기타
web ui
11
|
| 6908 | |
| 6901 | |
| 8702 | |
| 8701 |
기타
아이디 중복검사 psd
|
| 2673 | |
| 2671 | |
| 8696 | |
| 8687 |
기타
맵 핀스타일
8
|
| 8678 | |
| 8672 |
기타
중고차커뮤니티용
5
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기