어떻게 설명해야할지 모르겠지만 최선을 다할 것입니다. 나는 이것에 아주 새롭다 :/포함 텍스트 배치
이것은 내가 사용하고있는 나의 기본 템플릿이다. 나는 그것을 포함하고 모든 페이지에 그것을 포함한다. 모든 것은 작동하지만, 나는 넣을 수 있기를 원한다. 각 페이지의 템플릿 본문 영역에 다른 텍스트/물건. 지금은 페이지에 물건을 추가 할 때마다 템플리트 본문 영역이 공백으로 유지되고 추가 한 모든 내용이 전체 템플리트 아래로 이동합니다.
<html>
<head>
<title>Title</title>
<style>
/* Start CSS */
/* This changes your link colors */
A:link
{ text-decoration: none; color: #003399; }
A:visited
{ text-decoration: none; color: #003399; }
A:active
{ text-decoration: none; color: #003399; }
A:hover
{ text-decoration: none; color: #6666FF; }
/* This changes the basic properties of your layout */
body
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #778899;
background-image: url('../ ');
text-align: justify;
margin-bottom: 5px;
margin-right: 0px;
margin-top: 5px;
}
/* This code centers the layout */
#container {
margin:0px auto 0px auto;
width:100%;
text-align:center;
}
/* Leave this be */
#container2 {
width: 1100px;
text-align: left;
margin: 0px auto;
position: relative;
min-height: 300px;
}
/* This code controls the properties of your left menu */
#leftmenu
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #E8E8E8;
background-image: url('../ ');
text-align: left;
border: 0px solid #000000;
width:160px;
padding:10px;
}
/* This code controls the link boxes on the sidebars */
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
width:160px;
text-align:center;
padding:4px;
text-decoration:none;
}
a:hover,a:active
{
background-color:#7A991A;
}
/* This code controls the properties of your right menu */
#rightmenu
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #E8E8E8;
background-image: url('../ ');
text-align: right;
border: 0px solid #000000;
width:160px;
padding:10px;
}
/* This code is not mandatory, but sets a background for the menu headers */
#menuheader
{ font-family: verdana; helvetica; sans serif;
color: #333333;
font size: 10px;
background-color: #CCCCCC;
background-image: url('../ ');
text-align: center;
margin-top: 5px;
padding:3px;
}
/* This code controls the properties of your content */
#content
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('../ ');
border: 0px solid #000000;
padding:10px;
}
/* This code controls the properties of your disclaimer */
#disclaimer
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background: #CCCCCC;
background-image: url('../ ');
border: 0px solid #000000;
text-align:center;
width:1100px;
height:90px;
padding:10px;
}
/* This code controls the properties of your banner */
#banner
{ background: #CCCCCC;
background-image: url('../Images/Banner.png');
border: 0px solid #000000;
text-align:center;
width:1100px;
height:200px;
}
/* This sets the properties for content headers */
h1
{ font-family: verdana; sans serif;
font-size: 15px;
font-weight: bold;
font-variant: small-caps;
align:center;
}
/* End CSS */
</style>
</head>
<body leftmargin="0" rightmargin="0" topmargin="10" bottommargin="10">
<div id="container">
<div id="container2">
<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" id="banner" colspan="3"></td></tr>
<tr>
<td valign="top" id="leftmenu">
<!-- Start Left Menu -->
<div id="menuheader">Home</div>
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a>
<div id="menuheader">Shops</div>
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a>
<!-- End Left Menu-->
</td>
<td valign="top" id="content">
<div align="justify">
<!-- Start Content -->
<!-- End Content -->
</div>
</td>
<td valign="top" id="rightmenu">
<!-- Start Right Menu -->
<div id="menuheader">Ranks</div>
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a>
<div id="menuheader">Maps</div>
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a>
<!-- End Right Menu -->
</td>
</tr>
<tr>
<td valign="top" id="disclaimer" colspan="3">
<!-- Start Disclaimer -->
Add disclaimer.
<p>
<!-- End Disclaimer -->
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
나는 아주 단순한 어리석은 일을 알고 있지만 잘 모른다.
만약 내가 할 수 있다면, 어디에서 템플릿을 얻었습니까 ?? – egig
나는 오랫동안 파일에 담아서 기억해 냈다. – Sakai