이런 질문 드려도 될가요?(다시 질문)
초보입니다.
빌더 메인을 수정중인데요
메인에 보면은 보통 배너있고 오른쪽에 공지사항최근게시물
근데,,최근게시물이 배너밑으로 내려옵니다.
이걸 어떻게 하면 배너 오른쪽에 공지를..
소스가 어떻게 되는가요?
알려주시면 감사하겠습니다.
************************************
<?
include_once("./_common.php");
?>
<div><a href="http://#####" target="_blank"><img src="<?=$g4[path]?>/xe/theme/<?=$config[cf_xe_theme]?>/img/rhkdrha5/iphone.gif"></a></div>
<div class="cnt_latest">
<span><a href="<?=$g4[bbs_path]?>/board.php?bo_table=0101">공지사항</a></span>
<? echo latest("xe_basic_nodate", "0101", 10, 26);?>
</div>
**************************************************************************
@charset "utf-8";
body{margin:0px;padding:0px;background:url(./img/wrap_bg.png) center top no-repeat;}
#wrap a { text-decoration:none; color:#666; }
#wrap a:hover,a:active,a:focus { text-decoration:none; color:#666; }
#top_wrap{background-color:#52676f;border-bottom:1px solid #20414f;}
#top_wrap:after{display:block;clear:both;content:''}
#top_real{width:980px;margin:0 auto;color:#fff;font-size:11px;letter-spacing:-1px;text-shadow:0 1px 1px rgba(51,51,51,.5);font-weight:normal;position:relative;}
#top_real a {color:#fff;letter-spacing:-1px;text-shadow:0 1px 1px rgba(51,51,51,.5);}
#wrap{width:980px;margin:0 auto;text-align:left}
#header{width:980px;}
#header:after{display:block;clear:both;content:''}
#container{width:980px; margin:10px 0 10px 0; }
#container:after{display:block;clear:both;content:''}
#content{float:left;width:780px}
#footer{width:980px;overflow:hidden;clear:both}
.cnt_left{float:left;width:180px;margin-right:20px}
.cnt_right{display:none;float:right;width:200px}
#top_real .top_left ul {float:left;margin:0px 0px 0 60px;padding:0px;padding:12px 0 11px 0}
#top_real .top_left ul li {float:left;margin:-1px 12px 0 0px;padding:0px}
#top_real .top_left ul li.search {position:absolute;top:0px;left:0px}
#top_real .top_right ul {float:right;margin:0 20px 0 0;padding:0px;padding:12px 0 11px 0}
#top_real .top_right ul li {float:left;margin:-1px 0px 0 12px;padding:0px}
#header .head_title .head_title_left {float:left; margin:30px 0 20px 10px;}
#header .head_title .head_title_right {float:right; margin:20px 5px 0 0;}
#header .head_title:after{display:block;clear:both;content:''}
#header .head_menu {width:984px;height:93px;text-align:left;background:url("./img/menu/head_menu_bg.png") no-repeat left top; margin:0 auto;}
#header .head_menu:after{display:block;clear:both;content:''}
#header .head_menu ul { position:relative; padding-left:20px; }
#header .head_menu ul li { float:left; line-height:45px; margin:0 8px; z-index:100; }
#header .head_menu ul li.bar_01 { color:#fff; }
#header .head_menu ul li a { height:45px; line-height:45px; font-size:12px; font-family:'gulim', '굴림', tahoma, geneva; color:#fff; font-weight:bold; }
#header .head_menu ul li ul { display:none; position:absolute; top:45px; left:0; margin-left:3px; padding-left:-3px; font-size:11px; background:#fff; }
#header .head_menu ul li ul li a { float:none; font-size:11px; font-family:'dotum', '돋움', tahoma, geneva; font-weight:normal; color:#555; zoom:1; }
#container .cnt_left .cnt_line { border-top:3px solid #888; margin:0 0 10px 0; }
.cr_login { position:relative; width:180px; left:-1px; margin-top:10px; border:1px solid #eeeeee; background:#ffffff; }
.cr_login ul { margin:10px; }
.cr_login ul li.cl_text { margin-top:5px; font-size:11px; }
.cr_login ul li input { width:90px; height:20px; margin:2px 0; padding:0 5px; }
.cr_login span.cl_login { position:absolute; top:13px; right:10px; }
.cr_login span.cl_login button { width:50px; height:50px; display: inline-block; font-size: 11px; color: #666666; text-align:center; vertical-align:middle; cursor:pointer; background-color:#fafafa; border:1px solid #cccccc; }
.cr_login2 { position:relative; margin-top:10px; width:180px; height:100px; font-size:11px; left:-1px; border:1px solid #eeeeee; background:#ffffff; }
.cr_login2 .ch_nick { margin-left:5px; }
.cr_login2 .ch_adm { margin-left:5px; font-weight:bold; }
.cr_login2 .ch_logout { position:absolute; top:0px; right:5px; }
.cr_login2 .cl_head { /*position:absolute;*/ width:180px; height:30px; line-height:2.8em; border-bottom:1px solid #eeeeee; background:#fafafa; }
.cr_login2 ul { position:absolute; top:40px; left:70px; }
.cr_login2 ul li { line-height:1.5em; }
.cr_login2 .cl_image { position:absolute; left:5px; top:35px; width:55px; height:55px; border:1px solid #eeeeee; }
#container .cnt_left .cnt_left_sub_menu { margin:10px 0 0 0; }
#container .cnt_left .cnt_left_sub_menu h2 {
padding:15px 0 15px 15px;
font-size:12px;
font-weight:bold;
border-radius:3px 3px 0px 0px;
border-left:1px solid #eaeaea;
border-right:1px solid #eaeaea;
border-top:1px solid #eaeaea;
background-color:#fafafa;
}
#container .cnt_left .cnt_left_sub_menu h2 a { color:#676666; }
#container .cnt_left .cnt_left_sub_menu ul {
padding:15px 0 15px 15px;
border-radius:0 0 3px 3px;
border-top:3px solid #092632;
border-right:1px solid #666;
border-left:1px solid #666;
border-bottom:1px solid #666;
background-color:#666;
}
#container .cnt_left .cnt_left_sub_menu ul li { line-height:18px; }
#container .cnt_left .cnt_left_sub_menu ul li a { color:#fff; }
#container .cnt_left .cnt_left_xe_banner { margin:10px 0 0 0; }
#container .cnt_left .cnt_latest span { display:block; padding:5px 0 8px 5px; margin:10px 0 10px 0; font-weight:bold; border-bottom:1px solid #B3B6B7; }
#container .cnt_left .cnt_latest ul li { line-height:18px; }
#container .cnt_left .cnt_latest ul li a { font-size:11px; color:#888; }
#content .subtitle { position:relative; height:50px; border-bottom:1px solid #ddd; margin-bottom:15px; }
#content .subtitle:after{display:block;clear:both;content:''}
#content .sbt_left { position:absolute; top:5px; left:0px; }
#content .sbt_left img { position:absolute; top:5px; left:0px; }
#content .sbt_left span { position:absolute; width:300px; top:7px; left:40px; }
#content .sbt_left span em { font-size:17px; }
#content .sbt_right { position:absolute; top:19px; right:0px; }
#footer { border-top:2px solid #aaa; margin:15px 0 30px 0; padding:20px 0 20px 0;}
#footer ul { text-align:center; }
#footer ul li { display:inline; margin:0 5px 0 5px; font-size:11px; }
#footer address { text-align:center; display:block; margin:10px 0 0 0; clear:both; }
위에것이 해당소스
아래것은 css
수고해주세요.
빌더 메인을 수정중인데요
메인에 보면은 보통 배너있고 오른쪽에 공지사항최근게시물
근데,,최근게시물이 배너밑으로 내려옵니다.
이걸 어떻게 하면 배너 오른쪽에 공지를..
소스가 어떻게 되는가요?
알려주시면 감사하겠습니다.
************************************
<?
include_once("./_common.php");
?>
<div><a href="http://#####" target="_blank"><img src="<?=$g4[path]?>/xe/theme/<?=$config[cf_xe_theme]?>/img/rhkdrha5/iphone.gif"></a></div>
<div class="cnt_latest">
<span><a href="<?=$g4[bbs_path]?>/board.php?bo_table=0101">공지사항</a></span>
<? echo latest("xe_basic_nodate", "0101", 10, 26);?>
</div>
**************************************************************************
@charset "utf-8";
body{margin:0px;padding:0px;background:url(./img/wrap_bg.png) center top no-repeat;}
#wrap a { text-decoration:none; color:#666; }
#wrap a:hover,a:active,a:focus { text-decoration:none; color:#666; }
#top_wrap{background-color:#52676f;border-bottom:1px solid #20414f;}
#top_wrap:after{display:block;clear:both;content:''}
#top_real{width:980px;margin:0 auto;color:#fff;font-size:11px;letter-spacing:-1px;text-shadow:0 1px 1px rgba(51,51,51,.5);font-weight:normal;position:relative;}
#top_real a {color:#fff;letter-spacing:-1px;text-shadow:0 1px 1px rgba(51,51,51,.5);}
#wrap{width:980px;margin:0 auto;text-align:left}
#header{width:980px;}
#header:after{display:block;clear:both;content:''}
#container{width:980px; margin:10px 0 10px 0; }
#container:after{display:block;clear:both;content:''}
#content{float:left;width:780px}
#footer{width:980px;overflow:hidden;clear:both}
.cnt_left{float:left;width:180px;margin-right:20px}
.cnt_right{display:none;float:right;width:200px}
#top_real .top_left ul {float:left;margin:0px 0px 0 60px;padding:0px;padding:12px 0 11px 0}
#top_real .top_left ul li {float:left;margin:-1px 12px 0 0px;padding:0px}
#top_real .top_left ul li.search {position:absolute;top:0px;left:0px}
#top_real .top_right ul {float:right;margin:0 20px 0 0;padding:0px;padding:12px 0 11px 0}
#top_real .top_right ul li {float:left;margin:-1px 0px 0 12px;padding:0px}
#header .head_title .head_title_left {float:left; margin:30px 0 20px 10px;}
#header .head_title .head_title_right {float:right; margin:20px 5px 0 0;}
#header .head_title:after{display:block;clear:both;content:''}
#header .head_menu {width:984px;height:93px;text-align:left;background:url("./img/menu/head_menu_bg.png") no-repeat left top; margin:0 auto;}
#header .head_menu:after{display:block;clear:both;content:''}
#header .head_menu ul { position:relative; padding-left:20px; }
#header .head_menu ul li { float:left; line-height:45px; margin:0 8px; z-index:100; }
#header .head_menu ul li.bar_01 { color:#fff; }
#header .head_menu ul li a { height:45px; line-height:45px; font-size:12px; font-family:'gulim', '굴림', tahoma, geneva; color:#fff; font-weight:bold; }
#header .head_menu ul li ul { display:none; position:absolute; top:45px; left:0; margin-left:3px; padding-left:-3px; font-size:11px; background:#fff; }
#header .head_menu ul li ul li a { float:none; font-size:11px; font-family:'dotum', '돋움', tahoma, geneva; font-weight:normal; color:#555; zoom:1; }
#container .cnt_left .cnt_line { border-top:3px solid #888; margin:0 0 10px 0; }
.cr_login { position:relative; width:180px; left:-1px; margin-top:10px; border:1px solid #eeeeee; background:#ffffff; }
.cr_login ul { margin:10px; }
.cr_login ul li.cl_text { margin-top:5px; font-size:11px; }
.cr_login ul li input { width:90px; height:20px; margin:2px 0; padding:0 5px; }
.cr_login span.cl_login { position:absolute; top:13px; right:10px; }
.cr_login span.cl_login button { width:50px; height:50px; display: inline-block; font-size: 11px; color: #666666; text-align:center; vertical-align:middle; cursor:pointer; background-color:#fafafa; border:1px solid #cccccc; }
.cr_login2 { position:relative; margin-top:10px; width:180px; height:100px; font-size:11px; left:-1px; border:1px solid #eeeeee; background:#ffffff; }
.cr_login2 .ch_nick { margin-left:5px; }
.cr_login2 .ch_adm { margin-left:5px; font-weight:bold; }
.cr_login2 .ch_logout { position:absolute; top:0px; right:5px; }
.cr_login2 .cl_head { /*position:absolute;*/ width:180px; height:30px; line-height:2.8em; border-bottom:1px solid #eeeeee; background:#fafafa; }
.cr_login2 ul { position:absolute; top:40px; left:70px; }
.cr_login2 ul li { line-height:1.5em; }
.cr_login2 .cl_image { position:absolute; left:5px; top:35px; width:55px; height:55px; border:1px solid #eeeeee; }
#container .cnt_left .cnt_left_sub_menu { margin:10px 0 0 0; }
#container .cnt_left .cnt_left_sub_menu h2 {
padding:15px 0 15px 15px;
font-size:12px;
font-weight:bold;
border-radius:3px 3px 0px 0px;
border-left:1px solid #eaeaea;
border-right:1px solid #eaeaea;
border-top:1px solid #eaeaea;
background-color:#fafafa;
}
#container .cnt_left .cnt_left_sub_menu h2 a { color:#676666; }
#container .cnt_left .cnt_left_sub_menu ul {
padding:15px 0 15px 15px;
border-radius:0 0 3px 3px;
border-top:3px solid #092632;
border-right:1px solid #666;
border-left:1px solid #666;
border-bottom:1px solid #666;
background-color:#666;
}
#container .cnt_left .cnt_left_sub_menu ul li { line-height:18px; }
#container .cnt_left .cnt_left_sub_menu ul li a { color:#fff; }
#container .cnt_left .cnt_left_xe_banner { margin:10px 0 0 0; }
#container .cnt_left .cnt_latest span { display:block; padding:5px 0 8px 5px; margin:10px 0 10px 0; font-weight:bold; border-bottom:1px solid #B3B6B7; }
#container .cnt_left .cnt_latest ul li { line-height:18px; }
#container .cnt_left .cnt_latest ul li a { font-size:11px; color:#888; }
#content .subtitle { position:relative; height:50px; border-bottom:1px solid #ddd; margin-bottom:15px; }
#content .subtitle:after{display:block;clear:both;content:''}
#content .sbt_left { position:absolute; top:5px; left:0px; }
#content .sbt_left img { position:absolute; top:5px; left:0px; }
#content .sbt_left span { position:absolute; width:300px; top:7px; left:40px; }
#content .sbt_left span em { font-size:17px; }
#content .sbt_right { position:absolute; top:19px; right:0px; }
#footer { border-top:2px solid #aaa; margin:15px 0 30px 0; padding:20px 0 20px 0;}
#footer ul { text-align:center; }
#footer ul li { display:inline; margin:0 5px 0 5px; font-size:11px; }
#footer address { text-align:center; display:block; margin:10px 0 0 0; clear:both; }
위에것이 해당소스
아래것은 css
수고해주세요.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 7개
css에서 cnt_latest를 확인해 보시고 이미지div에 위치에 맞게 설정해 주세요.
그리고 이미지 div 에 class="...." 이런식으로 설정해 주세요.
더 정확한 답변을 원하시면 이 페이지에 해당하는 소스와 css설정 파일도 함께 올려주세요.
ohora님 한번 봐주세요
해당 스킨도 올려 주셔야 알 수 있습니다.
xe_basic_nodate 스킨 소스를 올려 주세요.
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<ul>
<? for ($i=0; $i<count($list); $i++) { ?>
<li>
<?
echo $list[$i][icon_reply] . " ";
echo "<a href='{$list[$i][href]}'>";
if ($list[$i][is_notice])
echo "· <strong>{$list[$i][subject]}</strong> ";
else
echo "· {$list[$i][subject]}";
echo "</a>";
if ($list[$i][comment_cnt])
echo " <a href=\"{$list[$i][comment_href]}\"><span class=latest_comment>{$list[$i][comment_cnt]}</span></a>";
echo " ";
echo "" . $list[$i][icon_new];
echo "" . $list[$i][icon_file];
echo "" . $list[$i][icon_secret];
?>
</li>
<? } ?>
<? if (count($list) == 0) { ?><li>· 게시물이 없습니다</li><?}?>
</ul>
소스를 봐야 하는 이유는 css와 비교하며 확인해 봐야 이유를 알 수 있기 때문입니다.
최신글 소스전체를 올려주세요.
http://sir.co.kr/bbs/board.php?bo_table=g4_builder&wr_id=10898
여기 그누엑스이 메인화면에 보면은 메인에 배너가 너무커서 줄이고
좌측에 있는 공지 사항을 줄여진 오른쪽 자리에 넣을려 하는겁니다.
theme/xe.community 폴더 아래의 head.php파일을 열어 다음의 소스를 잘라내기 하고 저장합니다.
=========================================================================================
<div class="cnt_latest">
<span><a href="<?=$g4[bbs_path]?>/board.php?bo_table=0101">공지사항</a></span>
<? echo latest("xe_basic_nodate", "0101", 5, 20);?>
</div>
=========================================================================================
이 소스를 index.php파일 상단 배너 옆에 다음과 같이 수정해서 넣고 저장합니다.
=========================================================================================
<?
include_once("./_common.php");
?>
<div class="tt">
<div class="t_ban"><img src="<?=$g4[path]?>/xe/theme/<?=$config[cf_xe_theme]?>/img/banner/main_banner_01.gif" width="650px"></div>
<div class="no_latest">
<span><a href="<?=$g4[bbs_path]?>/board.php?bo_table=0101">공지사항</a></span>
<? echo latest("xe_basic_nodate", "0101", 5, 20);?>
</div>
</div>
==========================================================================================
xe.style.css 파일을 열어 다음 부분을 찾아 그 아래 추가 하고 저장합니다.
#container .cnt_left .cnt_latest ul li a { font-size:11px; color:#888; }
==========================================================================================
#container .cnt_left .cnt_left_xe_banner { margin:10px 0 0 0; }
#container .tt { height:160px;}
#container .tt .t_ban { padding-right:10px; float:left;}
#container .tt .no_latest span { display:block; padding:5px 0 8px 0px; font-weight:bold; border-bottom:1px solid #B3B6B7; }
#container .tt .no_latest ul li { line-height:18px; }
#container .tt .no_latest ul li a { font-size:11px; color:#888; }
==========================================================================================
테스트 정상 출력되는 것 확인했습니다.
그대로 따라 하시면 100% 될 것입니다.
그리고 한 가지 부연하자면 지금까지 문의 하신 방식으로 하시면 답변을 얻을 가능성이 없습니다.
저 처럼 이상한 놈(?) 이나 직접 설치까지 해가며 답해 드리지 이렇게 답변 드릴 사람이 없습니다.
단지 답을 못찾는 이유가 궁금해서 직접설치해서 보았습니다.
아무리 문의를 하셔도 답변을 찾을 수 없었을 것입니다.
조금 더 그누보드를 공부하시고 최소한의 기초 지식은 가지시고 문의를 하셔야
정확하게 답변을 얻을 수 있도록 물을 수 있고 그래야 답변을 얻으실 수 있습니다.
조금 더 그누를 살펴보신 후 하시면 좋을 듯 합니다.
화이팅하세요!
근데,,배너하고 최근게시물이 착 붙엇어요
요거 살작 띄어놔야는데 어케하지요?