메이화면 최신게시판 글자 속성 변경 및 메뉴 열림
본문
질문이 많아서 죄송합니다~
첫 홈페이지 만들기 도전인데, 기초없이 테마 믿고 덤빈 왕초보입니다.
어느 파일을 어떻게 손을 대야할지 막막합니다.
어느 어느 경로의 000.php를 열어서 소스를 이렇게 고치라고 자세히 알려주시길 부탁드립니다 ㅠㅠ
1. 화면 상단바의 검은색을 다른 색상으로 변경하고 싶습니다.
2. 메인 화면에 뿌려지는 최신글 목록 게시판의 이름 색상을 변경하고 싶습니다.
눈에 잘 띄지 않아서요 ㅠ
그리고 그 최신 게시판의 글 제목들이 다 볼드체로 되어있어 더 게시판 이름이 안 보입니다.
최신글 제목 속성도 어디에서 손을 대야하는지요?
3. 메뉴가 계속 닫혀있어서 불편합니다. 항상 오픈할 수 있는 방법 부탁드립니다
답변 3
1. 상단바 색
- 파일경로 : theme/parsley/css/mobile.css
- #hd_wrapper {position:relative;margin:0 auto;padding:10px;height:61px;background: #5471c2;}
#5471c2 변경
- extend/version.extend.php
- define('G5_CSS_VER', '191202');
- 191202 숫자 변경 아무렇게나 바꾸셔도 됩니다.(전 숫자와 중복만 안되면 되요. 210426 이런식으로 날짜로 하셔도 됩니다.)
2. 최신글 제목 스타일 설정
- 파일경로 : theme/parsley/mobile/skin/latest/gallery/style.css
- .lt_slider_li .lt_tit {height:24px;font-size:1.2em;vertical-align:top;font-weight:bold;overflow:hidden;}
- font-weight:bold 제거
- 끝 hidden; 옆에 color: 색상코드; 추가
- 위에 extend/version.extend.php 같은방법으로 숫자 변경
3. 메뉴 항상 펼침
아마 theme/parsley/mobile/head.php 일겁니다.
아래 스크립트 주석처리나 제거
<script>
$(".btn_gnb_op").click(function(){
$(this).toggleClass("btn_gnb_cl").next(".gnb_2dul").slideToggle(300);
});
$(".btn_gnb_op").click(function(){
$(this).parent().toggleClass("gnb_1da_on")
});
</script>
위 스크립트는 직접적으로 head.php에 없을수도 있습니다. 아마 다른곳으로 링크 걸려있을 것 같네요.
head.php 에 아래 코드 추가
<style>
.gnb_2dul{display:block !important}
</style>
이렇게 해보세요
아미나 빌더인것 같긴하지만 홈페이지를 직접 봐야 답변을 얻으실수 있으실겁니다.
theme/parsley/mobile/head.php 입니다..... 혹시 몰라 다 복사해왔어요~
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if($uri == 'index') {
define("_INDEX_", true);
}
include_once(G5_THEME_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
?>
<script>
jQuery(function($) {
var $bodyEl = $('body'),
$sidedrawerEl = $('#sidedrawer');
function showSidedrawer() {
// show overlay
var options = {
onclose: function() {
$sidedrawerEl
.removeClass('active')
.appendTo(document.body);
}
};
var $overlayEl = $(mui.overlay('on', options));
// show element
$sidedrawerEl.appendTo($overlayEl);
setTimeout(function() {
$sidedrawerEl.addClass('active');
}, 20);
}
function hideSidedrawer() {
$bodyEl.toggleClass('hide-sidedrawer');
}
$('.js-show-sidedrawer').on('click', showSidedrawer);
$('.js-hide-sidedrawer').on('click', hideSidedrawer);
});
</script>
<!-- 상단 시작 { -->
<header id="header">
<h1 id="hd_h1"><?php echo $g5['title'] ?></h1>
<div class="to_content"><a href="#container">본문 바로가기</a></div>
<div id="mobile-indicator"></div>
<?php
if(defined('_INDEX_')) { // index에서만 실행
include G5_MOBILE_PATH.'/newwin.inc.php'; // 팝업레이어
} ?>
<div id="hd_wrapper" class="">
<div class="gnb_side_btn">
<a class="sidedrawer-toggle mui--visible-xs-inline-block mui--visible-sm-inline-block js-show-sidedrawer"><i class="fa fa-bars"></i><span class="sound_only">모바일 전체메뉴</span></a>
</div>
<div id="logo">
<a href="<?php echo G5_URL ?>#wrapper">
<img src="<?php echo G5_IMG_URL ?>/logo.png" alt="<?php echo $config['cf_title']; ?>">
</a>
</div>
<div class="header_ct">
<div class="hd_sch_wr">
<button class="hd_sch_bt"><i class="fa fa-search"></i><span class="sound_only">검색창 열기</span></button>
<fieldset id="hd_sch">
<h2>사이트 내 전체검색</h2>
<form name="fsearchbox" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);" method="get">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<input type="text" name="stx" id="sch_stx" placeholder="검색어를 입력해주세요" required maxlength="20">
<button type="submit" value="검색" id="sch_submit"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
<button type="button" class="sch_more_close">닫기</button>
</form>
<?php echo popular("theme/basic"); // 인기검색어, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>
</fieldset>
</div>
<div id="tnb">
<?php echo outlogin("theme/basic"); ?>
</div>
<script>
$(document).ready(function(){
$(document).on("click", ".hd_sch_bt", function() {
$("#hd_sch").toggle();
});
$(".sch_more_close").on("click", function(){
$("#hd_sch").hide();
});
});
</script>
</div>
</div>
</header>
<!-- } 상단 끝 -->
<aside id="sidedrawer">
<?php echo outlogin("theme/basic_side"); ?>
<div id="gnb">
<div class="gnb_side">
<h2>메인메뉴</h2>
<ul class="gnb_1dul">
<?php
$menu_datas = get_menu_db(1, true);
$i = 0;
foreach( $menu_datas as $row ){
if( empty($row) ) continue;
?>
<li class="gnb_1dli">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><i class="far fa-list-alt"></i> <?php echo $row['me_name'] ?></a>
<?php
$k = 0;
foreach( (array) $row['sub'] as $row2 ){
if( empty($row2) ) continue;
if($k == 0)
echo '<button class="btn_gnb_op">하위분류</button><ul class="gnb_2dul">'.PHP_EOL;
?>
<li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>
<?php
$k++;
} //end foreach $row2
if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
$i++;
} //end foreach $row
if ($i == 0) { ?>
<li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하세요.<?php } ?></li>
<?php } ?>
</ul>
</div>
</div>
<ul class="shortcut">
<li><a href="<?php echo G5_BBS_URL ?>/faq.php"><i class="fa fa-question" aria-hidden="true"></i> 자주묻는 질문</a></li>
<li><a href="<?php echo G5_BBS_URL ?>/qalist.php"><i class="fa fa-comments" aria-hidden="true"></i> 1:1문의</a></li>
<li class="sc_current"><a href="<?php echo G5_BBS_URL ?>/new.php"><i class="fa fa-history" aria-hidden="true"></i> 새글</a></li>
<li><a href="<?php echo G5_BBS_URL ?>/current_connect.php"><i class="fa fa-users" aria-hidden="true"></i> 접속자 <span><?php echo connect('theme/basic'); // 현재 접속자수 ?></span></a></li>
</ul>
</aside>
<script>
$(function () {
//폰트 크기 조정 위치 지정
var font_resize_class = get_cookie("ck_font_resize_add_class");
if( font_resize_class == 'ts_up' ){
$("#text_size button").removeClass("select");
$("#size_def").addClass("select");
} else if (font_resize_class == 'ts_up2') {
$("#text_size button").removeClass("select");
$("#size_up").addClass("select");
}
$(".hd_opener").on("click", function() {
var $this = $(this);
var $hd_layer = $this.next(".hd_div");
if($hd_layer.is(":visible")) {
$hd_layer.hide();
$this.find("span").text("열기");
} else {
var $hd_layer2 = $(".hd_div:visible");
$hd_layer2.prev(".hd_opener").find("span").text("열기");
$hd_layer2.hide();
$hd_layer.show();
$this.find("span").text("닫기");
}
});
$("#container").on("click", function() {
$(".hd_div").hide();
});
$(".btn_gnb_op").click(function(){
$(this).toggleClass("btn_gnb_cl").next(".gnb_2dul").slideToggle(300);
});
$(".btn_gnb_op").click(function(){
$(this).parent().toggleClass("gnb_1da_on")
});
$(".hd_closer").on("click", function() {
var idx = $(".hd_closer").index($(this));
$(".hd_div:visible").hide();
$(".hd_opener:eq("+idx+")").find("span").text("열기");
});
});
</script>
<!-- 컨텐츠 시작 { -->
<div id="content-wrapper">
<div id="wrapper">
<!-- container 시작 { -->
<div id="container">
<div class="conle">
<?php if (!defined("_INDEX_") && !(defined("_H2_TITLE_") && _H2_TITLE_ === true)) {?>
<h2 id="container_title" class="top" title="<?php echo get_text($g5['title']); ?>">
<?php echo get_head_title($g5['title']); ?>
</h2>
<?php } ?>