묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
템플릿의 스타일과 제로보드의 스타일을 서로 다르게 적용하는 방법좀
2006.01.19 20:08
지금 홈페이지를 만들고 있는데....
홈페이지 전용 스타일이 있습니다.
홈페이지 전용스타일명이 'andreas09.css' 이고
제로보드의 스타일은 styles.css 인데...
헤드와 푸드로 나누게 되면 우선
템플릿은 andreas09.css스타일이 적용되어 있잔하여
그런데 제로보드는 또 styles.css 스타일이 존재하고여
그래서 두개가 충돌해서 홈페이지가 깨지고.. 제로보드도 깨져서 나옵니다...
제가 원하는 거는... 제로보드는 styles.css를 적용시키고....
헤드와 푸드는 andreas09.css만을 적용 시킬 수는 없나여?
참고로 andreas09.css는의 소스는
/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */
body {
background:#8b8b8b;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}
a {
color:#505050;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#808080;
text-decoration:underline;
}
p {
line-height:1.5em;
margin:0 0 15px;
}
/*** Main container ***/
#container {
background:#f0f0f0 url(img/bodybg.jpg) repeat-x;
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}
/*** Header section ***/
#sitename {
color:#ffffff;
height:92px;
margin:0 20px 10px;
text-align:left;
}
#sitename h1,#sitename h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}
#sitename h1 {
font-size:2.4em;
padding-top:20px;
}
#sitename h2 {
font-size:1.6em;
}
/*** Horizontal menu ***/
#mainmenu {
float:left;
margin-bottom:25px;
}
#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}
#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}
#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}
#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}
#mainmenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}
/*** Content wrap ***/
#wrap {
clear:both;
font-size:0.9em;
padding:0;
}
/*** Sidebars ***/
#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:165px;
}
#leftside {
float:left;
margin-right:10px;
}
#rightside {
float:right;
margin-left:10px;
}
#leftside h1,#rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}
#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}
#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}
.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}
.linklist li {margin-bottom:0.7em;}
/*** Sidebar menu ***/
.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}
.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}
.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}
/*** Content ***/
#content,#contentalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
}
#content {margin:0 200px;}
#contentalt {margin:0 200px 0 20px;}
#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}
#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}
#content img,#contentalt img {
border:1px solid #b0b0b0;
float:left;
margin:5px 15px 6px;
padding:5px;
}
/*** Footer ***/
#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}
#footer a {
color:#d0d0d0;
font-weight:bold;
}
/*** Various classes ***/
.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}
.searchform {margin:0;}
.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}
.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}
.clearingdiv {
clear:both;
height:30px;
width:1px;
}
.hide {display:none;}
/*** Text format ***/
.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}
/*** End of file ***/
로 좀 많습니다. ^^
홈페이지 전용 스타일이 있습니다.
홈페이지 전용스타일명이 'andreas09.css' 이고
제로보드의 스타일은 styles.css 인데...
헤드와 푸드로 나누게 되면 우선
템플릿은 andreas09.css스타일이 적용되어 있잔하여
그런데 제로보드는 또 styles.css 스타일이 존재하고여
그래서 두개가 충돌해서 홈페이지가 깨지고.. 제로보드도 깨져서 나옵니다...
제가 원하는 거는... 제로보드는 styles.css를 적용시키고....
헤드와 푸드는 andreas09.css만을 적용 시킬 수는 없나여?
참고로 andreas09.css는의 소스는
/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */
body {
background:#8b8b8b;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}
a {
color:#505050;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#808080;
text-decoration:underline;
}
p {
line-height:1.5em;
margin:0 0 15px;
}
/*** Main container ***/
#container {
background:#f0f0f0 url(img/bodybg.jpg) repeat-x;
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}
/*** Header section ***/
#sitename {
color:#ffffff;
height:92px;
margin:0 20px 10px;
text-align:left;
}
#sitename h1,#sitename h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}
#sitename h1 {
font-size:2.4em;
padding-top:20px;
}
#sitename h2 {
font-size:1.6em;
}
/*** Horizontal menu ***/
#mainmenu {
float:left;
margin-bottom:25px;
}
#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}
#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}
#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}
#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}
#mainmenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}
/*** Content wrap ***/
#wrap {
clear:both;
font-size:0.9em;
padding:0;
}
/*** Sidebars ***/
#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:165px;
}
#leftside {
float:left;
margin-right:10px;
}
#rightside {
float:right;
margin-left:10px;
}
#leftside h1,#rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}
#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}
#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}
.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}
.linklist li {margin-bottom:0.7em;}
/*** Sidebar menu ***/
.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}
.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}
.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}
/*** Content ***/
#content,#contentalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
}
#content {margin:0 200px;}
#contentalt {margin:0 200px 0 20px;}
#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}
#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}
#content img,#contentalt img {
border:1px solid #b0b0b0;
float:left;
margin:5px 15px 6px;
padding:5px;
}
/*** Footer ***/
#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}
#footer a {
color:#d0d0d0;
font-weight:bold;
}
/*** Various classes ***/
.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}
.searchform {margin:0;}
.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}
.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}
.clearingdiv {
clear:both;
height:30px;
width:1px;
}
.hide {display:none;}
/*** Text format ***/
.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}
/*** End of file ***/
로 좀 많습니다. ^^