그누보드 5.3 부트스트랩 4 반응형 v1.2(v1.2 업로드: 2019-04-16) > 그누보드5 테마

그누보드5 테마

테마 다운로드시 좋아요 클릭과 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

그누보드 5.3 부트스트랩 4 반응형 v1.2(v1.2 업로드: 2019-04-16) 정보

그누보드 5.3 부트스트랩 4 반응형 v1.2(v1.2 업로드: 2019-04-16)

첨부파일

첨부파일 bs4_v1.2.zip (9.5M) 232회 다운로드 2019-04-16 15:39:22
첨부파일 new2_slide.zip (4.6M) 4회 다운로드 2019-04-13 12:56:48
첨부파일 hoover_and_latest.zip (5.6K) 2회 다운로드 2019-04-12 05:16:24
첨부파일 bs4_v1.0_e9.zip (5.8M) 6회 다운로드 2019-03-24 20:46:50

본문

### 2019-04-16: 일부 파일 수정 후 v1.2로 변경
1. 웹진 게시판에 가로보다 세로가 긴 이미지 업로드 시 리스트 목록의 썸네일 이미지가 아래로 길게 늘어나는 현상 수정
2. 리스트 게시판, 갤러리 게시판, 웹진 게시판의 내용 보기(View)에서 화면 폭을 조절하면 이미지의 폭이 가로로 꽉 차게 되는 현상 수정

 

### 2019-04-14: v1.0 이후에 수정한 내용을 적용하여 v1.1로 변경
1. 모바일 화면에서 메인 화면의 슬라이드의 크기를 작게 줄임

2. 화면 폭을 넓힐 때, 슬라이드의 이미지가 함께 늘어나는 현상 수정

3. 메인 화면의 최신글 추출 시 제목의 글자 수 제한 자동 조절 기능 추가

4. 테마 폴더 안에 슬라이드의 설정과 관련한 간단한 설명 파일 추가(slide.txt)
단, Hamburger Menu의 Hover 기능은 제외함

 

### 2019-04-13: new_slide.zip 설치 후에 화면 폭을 늘릴 때, 슬라이드의 이미지가 함께 늘어나는 현상 수정 1. new2_slide.zip 파일을 내려받아 기존의 파일을 대체하면 됨
2. 파일의 설치 방법과 슬라이드의 활용과 관련한 간단한 설명을 정리한 information.txt 포함
3. 기존에 올렸던 new_slide.zip은 삭제함

 

### 2019-04-12: 메인 화면의 최신글 추출 시 제목의 글자 수 제한 자동 조절 기능 추가
1. hoover_and_latest.zip을 내려받아 테마 폴더 > skin > latest > basic에 있는 latest.skin.php를 대체하세요.
2. 테마 폴더 index.php의 최신글 1 추출 코드의 맨 마지막 숫자(제목의 글자 수 제한)는 0으로 설정하세요.
예: echo latest('theme/basic', 'basic', 6, 0);
2. 최신글 추출 스킨 중에서 basic 스킨만 수정했습니다.
3. 첨부 파일 수 제한으로 기존에 올렸던 hover_head.zip은 삭제를 하고, hover_head.php와 latest.skin.php를 한 폴더에 담아 hoover_and_latest.zip으로 다시 올렸습니다.

 

### 2019-04-08: PC 모니터에서 화면 폭을 줄였을 때 나타나는 Hamburger Menu를 기존의 클릭 방식에서 Hover 방식으로 변경한 head.php 제작
1. 내려받은 hover_head.php 파일의 파일명을 head.php로 바꾼 후 기존의 head.php와 대체하면 됨
2. 모바일에서는 Hover 방식을 사용할 수 없으므로, 이 방식은 PC 모니터에서만 동작함

 

### 2019-04-06: 화면 폭이 줄어들면, 슬라이드의 이미지의 높이가 줄어들도록 수정
1. 파일을 내려받아 기존의 파일을 대체하면 됨
2. 파일 설치와 슬라이드의 활용과 관련한 간단한 설명을 정리한 information.txt 포함
 

### 2019-03-24: v1.0_e9 추가 ###

1. Bootstrap 4가 정식으로는 지원하지 않는 ie8, ie9 지원 코드 추가(사용 환경 미비로 실제 동작 상태를 직접 확인하지는 못했음)

2. ie8, ie9이 아닌 경우에는 v1.0을 권장

 

### 2019-02-08: v1.0으로 변경 ###

1. 그누보드 메뉴에 쪽지, 포인트, 스크랩 추가
2. 메인 화면 하단에 접속자 통계 추가

 

### 2019-02-04: 갤러리 최신글의 No image 파일 변경 ###

1. 메인 화면의 갤러리 최신글에서 이미지가 없을 때 보여주는 No image 파일을 그누보드 기본 이미지 파일(no_img.png)에서 다른 파일(no_image.png)로 변경

 

### 2019-01-31: v0.9로 변경 ###

1. 메인 화면의 슬라이드 확대 시 이미지가 함께 확대되는 문제 수정
2. 슬라이드의 이미지 전환 주기 설정 옵션을 추가(head.sub.php의 117라인의 data-interval)

 

### 2018-12-22: v0.8.1로 변경 ###
1. 갤러리: 리스트 목록을 원본 이미지에서 썸네일 이미지로 변경

2. 리스트, 갤러리, 웹진: 파일 첨부 시 첨부한 파일명이 표시되지 않는 문제 수정

 

그누보드 5.3과 부트스트랩 4를 결합하여 제작한 그누 반응형 테마입니다.

1. 버전 정보
· 그누보드 v5.3.1.9 / Bootstrap 4

2. 사용법
· 첨부 파일을 내려받은 후 압축을 풀고, theme 폴더에 설치
· 환경설정 > 테마설정: BS4_v1.0으로 설정
· 환경설정 > 기본 환경설정: 최근게시물 스킨, 검색 스킨, 접속자 스킨, FAQ 스킨, 회원 스킨을 (테마) basic으로 설정
· 게시판 관리 > 게시판 관리: 각 게시판의 스킨을 용도에 따라 bs4_basic, bs4_gallery, bs4_webzine 등으로 설정
· 게시판 관리 > 1:1문의 설정: 스킨 디렉토리를 (테마) basic으로 설정

· 내용관리: 각 내용별로 스킨 디렉토리를 (테마) basic으로 설정

 

3. 모바일 관련 설정

· config.php 수정:

라인 125의 define('G5_USE_MOBILE', true);를 define('G5_USE_MOBILE', false);로 수정

즉, 모바일 모드를 사용 안 함으로 설정함.

 

4. 사용 범위
· 사용에 제한 없음

 

5. 당부의 말씀

작업 시간 등의 부족으로 인해 아직 완성도가 떨어집니다.

아직 미비한 점이 많아 버전을 베타 v0.8로 정했습니다.

현재 버전은 v1.0입니다.

여러분께서 수정 및 보완 작업을 거쳐 좀 더 완성도를 높여 이 테마 게시판에 추가로 공개를 해주셔도 좋을 듯합니다.

모두의 힘으로 언젠가 정식 버전 v1.0으로 거듭나게 되길 바랍니다. ^^

 

# 위의 링크 사이트는 사이드 메뉴가 있는 "그누보드 5.3 부트스트랩 4 반응형 with Side menu"의 링크 사이트이오니, 동작 화면은 위의 이미지를 참조하시기 바랍니다.

## 참고로 위의 링크 사이트에서는 글쓰기가 제한되어 있으니 참고용으로만 활용해 주시기 바랍니다.

 

감사합니다.

추천16

댓글 전체

안녕하세요?테마 폴더에 설치했는데 선택하는 곳에 나오지를 않습니다. 몇번 다시 했는데도 나오지를 않네요...ㅠ.ㅜ 다른 테마는 표기가 됩니다.
그리고,

tail.php 파일을 열어 맨 아래쪽에 아래 소스 추가해 주세요.
<!-- Bootstrap core JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
부족함이 많음에도 댓글로 격려의 말씀을 올려주신 분들께 감사한 마음이고, 잘못된 파일을 올려 불편함을 끼쳐드린 점에 대해서는 정말로 송구스러운 마음입니다.
첨부 파일을 다시 올렸으니 번거로우시더라도 다시 파일을 내려받아 설치를 해보시기 바랍니다.
다음에는 좀 더 세심하게 확인한 후에 파일을 올리도록 하겠습니다.
지금 깊이 반성 중입니다. ==m^^m==
I'm sorry. The admin management page is not responsive.
It is very difficult to make all page to responsively for me.
Because of so many pages are involved to adm manegement page, it takes too long time and a lot of effort to make all page to responsively.

But setting of the THEME is possible even if  it is not responsive.

And I can't understand what that means "can't change the style".
Does that mean 'can't change the THEME'?
And you said  'everything isn't normal'.
Dose that mean all page include adm management page?
So I'm confused what is your problem exactly.

I might be able to answer if you elaborate.
Then I'll wait for your answer.
PostScript

I'll explain the proceess of installation.

1. Install GNU Board 5.3.1.9
2. Copy BS-4 folder into the theme folder
3. Connect to adm management page and then change the THEME from 'basic' to 'BS-4'

That's all.
갤러리가 로컬에서는 잘되는데 서버에서 thumb 가 안생기는건지
사진을 올리면 사진이 안보이고 다른사진도 같이 안보이게되는데
어떻게해야할까요ㅠㅠ
ps.
thumb파일이생성이 안되네요..
원본이미지 권한도 수정해봤는데..
### 답글 내용에 오류가 있어 수정했습니다. (2018-12-22) ###

thumb 파일이 생성이 안 되는 경우인 듯하니, 우선 thumb 관련 코드를 아래와 같이 수정해 보시는 게 좋을 듯합니다.

1. bs4 > skin > board > bs4_gallery > list.skin.php의 수정 내용

1) 라인 79

수정 전:
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], "900", "600");

수정 후:
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'], false, true);

2) 라인 84

수정 전:
$img_content = '<img src="'.$thumb['ori'].'" alt="'.$thumb['alt'].'">';

수정 후:
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" >';
(참조: 위의 라인이 잘못된 내용을 수정한 라인입니다.)

2. bs4 > skin > board > bs4_gallery > style.css의 수정 내용

라인 72

수정 전:
.wrap img {max-width: 100%}

수정 후:
.wrap img {width: 100%;}

그럼, 위의 수정을 통해 잘 해결되길 바랍니다.
게시판 목록에서 첨부 표시가 안 된다는 말씀이신가요?
지금 다시 파일을 첨부해서 확인을 해보았는데, 아무런 이상이 없는 상태입니다.
그누보드 5.3부터는 이미지가 아닌 폰트 어썸을 사용하는 것으로 바뀌었는데, 혹시라도 지금 폰트 어썸 사용에 문제가 있다면 대신 이미지를 사용해 보시는 건 어떨까 합니다.
아래의 내용을 참조하여 변경해 보시기 바랍니다.

list.skin.php의 라인 116

수정 전:
if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];

수정 후
if ($list[$i]['icon_file']) echo '<img src="'.$board_skin_url.'/img/icon_file.gif" alt="첨부파일">';

그럼, 도움이 되는 내용이었길 바랍니다.
게시판에서 파일을 첨부해도 첨부한 표시가 나지않아 첨부가 된것인지 확인을 못하는데요.
방법이 없을까요?
질문하신 내용을 제가 제대로 이해하지 못했었네요.
말씀하신 증상을 수정한 후 v0.8.1로 새로 올렸으니 번거로우시더라도 다시 내려받아 설치해 보시기 바랍니다. ^^

원래 이 문제는 알고 있는 문제였으나, 파일명이 보이지 않을 뿐이지 업로드에는 아무런 문제가 앖기에 나중에 시간적인 여유가 있을 때 수정해야지 하는 생각을 하고 있었는데, 질문 글이 올라왔기에 더는 미룰 수가 없을 듯해서 짬을 내서 수정 작업을 했답니다. :-)
말씀하신 1280 x 480을 기준으로 수정하는 방법을 말씀드리겠습니다.

- head.sub.php의 수정 내용

1. <div id="myCarousel" class="carousel slide" data-ride="carousel">의 바로 위에 아래의 내용을 추가합니다.

<style>
.carousel-inner {
width: 1280px;
height: 480px;
margin: 0 auto;
}
</style>

2. <div class="carousel-caption">에 d-none d-md-block을 추가합니다.
<div class="carousel-caption d-none d-md-block text-right">와 같은 형식으로 작성하시면 됩니다.
슬라이드에 사용하는 이미지의 개수와 동일한 개수를 수정하여야 합니다.
즉, 이미지가 3개라면, 세 곳에 추가를 하여야 합니다.


- 이미지 파일 추가

asset > images > slide 폴더에 1280 x 480 사이즈의 이미지들을 추가합니다.
물론, 이미지들은 head.sub.php의 img src 에서 사용한 파일명과 동일한 파일명을 지정해야 합니다.

참고로, mobile에서는 캡션이 보이지 않습니다.

그럼, 이쁜 홈페이지를 꾸미시는 데 도움이 되길 바랍니다. ^^
안녕하세요 테마 잘사용하고있습니다만 한가지 질문이 있어서요 메인 슬라이드 3장 이요 ~ 지금 양옆으로 모니터 크기에따라서 반응형으로 늘어나는데요 .` 그부분을 고정하거나. 크기를 어디서 만져야할까요?ㅠㅠ 27인치 이상 대화면에서는 높이는 그대로고 옆으로만 와이드로 늘어나서 이미지가 늘어나는 현상이 나타납니다 ㅠㅠ
원하시는 내용이 맞는지는 모르겠지만, 요 위에 있는 무아와연기 님의 문의에 대한 저의 답글을 확인해 보시기 바랍니다.
모쪼록 원하시는 내용이면 좋겠네요. ^^
슬라이드의 속도(시간)에는 두 가지가 있습니다.
첫 째는 슬라이드를 보여주는 보여주는 속도(인터벌 시간), 둘 째는 슬라이드가 바뀌는 과정의 속도(트랜지션 시간)입니다.
아마도 슬라이드의 속도라고 말씀하신 것이 첫 번째인 인터벌이 아닐까 하며, 그런 경우에는 아래와 같이 설정을 하시면 됩니다.(부트스트랩 4를 적용한 테마이므로, 부트스트랩 4를 기준으로 말씀드립니다.)

BS4 > head.sub.php 파일의 115 라인을 다음과 같이 수정하세요.

- 수정 전:
<div id="myCarousel" class="carousel slide" data-ride="carousel">

- 수정 후:
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="xxxx">

지금은 5초로 되어 있는데, 이를 조금 빠르게 해서 3초만 보여주는 것으로 하는 경우에는 추가한 data-interval 옵션에 3000을 지정합니다.
느리게 하실 경우에는 현재의 5초보다 큰, 즉 5000보다 큰 수치를 적용하시기 바랍니다.

참고로, 수치 지정은 초가 아닌 밀리세컨드(밀리초)로 합니다.

그럼, 도움이 되는 내용이었길 바랍니다. ^^
슬라이드베너를 게시판상단에도(게시판과 메뉴사이) 넣고 싶은데 방법을 좀 가르쳐 주세요
그리고 함께 포함된 스킨을 모바일스킨에 넣어 사용해 보고있는데
게시판 제목아래 막대(?) 언더라인(?)이 표시가 안되네요그거도 나오게 하고싶어요
1. 슬라이드 배너(또는 이미지)를 게시판 또는 페이지 상단에 넣는 방법

head.sub.php의 162라인에 있는 주석문인 <!-- 콘텐츠 시작 { --> 앞쪽에 다음의 명령줄을 추가하세요.

<?php
if(!defined('_INDEX_')) { // index가 아닌 모든 경우에 실행
?>

슬라이드 배너(또는 이미지 파일)를 넣기 위한 명령줄을 이곳에 추가해 주세요.

<?php } ?>


2. 모바일 스킨의 타이틀 언더바 관련

이 테마는 반응형이라 모바일을 완전히 배제하는 방식인데, 모바일 스킨을 이용하시고자 하는 이유가 무언지 좀 의아스럽네요.
반응형을 제대로 활용하기 위해 config 파일에서 define('G5_USE_MOBILE', false)로 설정함으로써 모바일을 전혀 지원하지 않도록 하여야 하는데, 어떤 이유 때문인지는 모르겠지만 이 설정을 하지 않으신 듯하네요.

반응형을 사용하면서 모바일 스킨에 넣어 사용해 본 적이 없어(그럴 이유가 전혀 없기에) 정확한 판단인지는 모르겠지만, 어쨌든 의심이 가는 부분에 대해 말씀을 드리면, 언더바가 표시되려면 적절한 CSS 명령이 지원되어야 하는데, 아마도 CSS 명령이 모바일쪽에서는 제대로 적용되지 않아 발생하는 문제로 보입니다.
이와 관련된 CSS는 css > default.css의 40라인에 있는 공통 부분의 .section-header인데, mobile일 경우에도 이 css 설정을 사용하도록 설정해 보시기 바랍니다.

css > mobile.css에 css > default.css의 40라인부터 시작하는 .section-header 관련 설정을 복사하시고, 제대로 언더바가 나오는지 확인해 보시기 바랍니다.

그럼, 좋은 결과 있기를 바랍니다. ^^
1. inedex의 슬라이드 베너를 게시판 상단에 그대로 가져가고 싶은데 방법을 모르겠어요

2. config 설정을 이해하지 못해서 없는 실력에 삽질만 며칠 했었네요 감사드립니다

그런데 다른문제가 생겼는데 웹진형 게시판에 bs4-webzin 스킨을 적용했는데 브라우저를 줄이면 섬네일이 줄어들다가 마지막에 이미지가 커지면서 본문이 아래로 내려가는데
이미지가 커져서 본문이 다음줄로 안내려가게 할 방법이 필요해 졌습니다.
1. Index 슬라이드를 게시판과 페이지에서도 사용

Index의 슬라이드를 그대로 가져가신다는 말씀은 하나의 슬라이드를 모든 index를 포함한 모든 페이지에서 똑같이 사용하시겠다는 것이겠죠?
그러시다면, head.sub.php의 112~114 라인과 160 라인에 있는 명령줄을 삭제해 주시면 됩니다.

112~114 라인의 명령줄 삭제
<?php
if(defined('_INDEX_')) { // index에서만 실행
?>

160 라인의 명령줄 삭제
<?php } ?>


2. 웹진 게시판의 이미지와 본문 내용 출력 폭 고정

skin > board > bs4_webzine > list.skin.php의 두 곳을 수정해 주세요.

1) 63 라인

- 수정 전:
<div class="col-md-3" style="padding-right: 0px;">

- 수정 후:
<div class="col-3" style="padding-right: 0px;">

2) 83 라인

- 수정 전:
<div class="col-md-9 wz_title">

- 수정 후:
<div class="col-9 wz_title">


어려움 없이 잘 적용하시게 되길 바랍니다. ^^
1. 삭제와 주석처리가 다르다는걸 아는데 2일 걸렸습니다 ㅋㅋㅋ
2. 커지는것은 해결했는데 이번에는 너무 작아진다는게 함정 ㅎㅎ
  열시미 삽질 해 볼께요

좋은 테마와 스킨 감사드립니다
나중에 프로그램을 수정할 때 참조하기 위해 프로그래밍을 할 때 중요 내용 등을 주석으로 붙이는 경우가 많답니다. ^^

너무 작아진다는 말씀이 나올 줄 어느 정도는 예상하고 있었습니다. ^^
그럴 때는 다음의 내용을 참조하셔서 조절을 해보시면서 적당한 크기에 맞춰보시기 바랍니다.

<div class="col-3" style="padding-right: 0px;">
...
<div class="col-9 wz_title">

로 되어 있는 걸,

<div class="col-md-3 col-xs-4" style="padding-right: 0px;">
...
<div class="col-md-9 col-xs 8 wz_title">

또는

<div class="col-md-3 col-xs-5" style="padding-right: 0px;">
...
<div class="col-md-9 col-xs-7 wz_title">

등과 같이 xs- 뒤의 숫자를 둘 다 조절하면서 모바일에서도 마음에 드는 크기를 찾아보세요.
두 숫자를 더한 값이 12가 나오게 해서 수치를 조절하면 됩니다.

열심히 하고 계시니 삽질의 시간이 앞으로 점점 줄어들 것이라 확신합니다. ^^;;
덕분에 하나는 마무리 했습니다
이미지사이즈 때문에 그때그때  모바일인지 아닌지 물어가면서 ㅎㅎㅎ
오늘부터는 이걸 다시 쇼핑몰 스킨처럼 만드려고 또 삽질 시작했습니다
안녕하세요! 멋진 테마를 공개해 주셔서 고맙습니다.

메인페이지에서 "제목1 제목2 제목3"가 있는 부분을 "제목1 제목2 제목3 제목4"로 해서 1줄로 나오게 수정을 하고 싶은데 어디를 수정해야 하는지 알 수 있을까요?

http://hyusig.com
bs4_v1.0 > index.php의 12, 16, 24 라인(수정 작업을 하셨으면 라인수가 다를 수 있습니다.)을 다음과 같이 수정해 주세요.

수정 전:
<div class="col-lg-4">

수정 후:
<div class="col-lg-3">

기존의 3 라인은 물론 새로 추가하신 라인까지 포함하면, 총 4 라인을 수정하시면 됩니다.

홈페이지를 방문해 보니 예쁘게 꾸미시고 계시네요. ^^
답변 고맙습니다.
제가 어디 좀 다녀온다고 이제서야 확인하고 수정했습니다.

한가지 더 여쭤볼게 있는데,
한줄에 4개가 나오는건 되는데 이젠 정렬이 문제네요. 가운데 정렬을 하려는데 어딜 수정하면 될지 다시 한번 부탁 드립니다.
asset > css > carousel.css의 49 라인에 있는 .marketing .col-lg-3 { 을 수정하시면 됩니다.

- 수정 전:
.marketing .col-lg-4 {

- 수정 후:
.marketing .col-lg-3 {

3개에서 4개로 늘리면서 col-lg-4를 col-lg-3으로 바꾸었기 때문에 해당 코드를 맞춰주시면 됩니다. ^^
짜근엔젤 님께.
답글 제한이 있는지 답글을 이어서 달 수가 없어 새 덧글로 올립니다.

힘든 과정과 마주치기도 하겠지만, 차근차근 작업을 진행하셔서 마음에 드는 홈페이지로 꾸미시길 바랍니다. ^^
답변과 용기를 주셔서 감사드립니다
피앙세님 덕분에  bs4_webzine 스킨으로 쇼핑 스킨처럼 만들어 식물도감페이지를 만들고 있는데  풀지못한 몇가지 문제는 있네요 ㅎㅎ
bs4_webzine 스킨의 write_skin 에서 제목 아래부분에
여분필드 입력을 아래형식으로 8개 넣었는데
<div class="form-group label-floating">
    <label class="control-label col-md-1 ip_left" for="wr_1">다른이름</label>
<input type="text" class="form-control col-md-11 ip_right" id="wr_1">
</div>
<div class="form-group label-floating">
    <label class="control-label col-md-1 ip_left" for="wr_2">과 /속명</label>
<input type="text" class="form-control col-md-11 ip_right" id="wr_2">
</div>
<div class="form-group label-floating">
    <label class="control-label col-md-1 ip_left" for="wr_3">꽃 색깔</label>
<input type="text" class="form-control col-md-11 ip_right" id="wr_3">
</div>

데이터 저장이 안됩니다 실수한 부분을 좀 찾아주십시오
www.dg.or.kr/g5
식물도감 글쓰기입니다
위의 코드 중 input 문에 name ="wr_x" 형식으로 코드를 추가해 주시면 저장이 될 것입니다.
데이터베이스쪽에서 인식하는 태그는 id가 아닌 name이기 때문입니다.
별 문제 없이 저장이 잘 될 것으로 생각합니다. ^^
좋은테마 감사 드립니다.

올려주신 테마 메뉴바 부분 수정 문의 드립니다.

테마 최상단에 있는 [보드▼ | 페이지▼ | 타이포그래피▼ | 그누보드메뉴▼]
이 부분의 흰색으로되어 있는 글자색을 변경하려면 어디서 수정을 해야 하나요?
배경색 변경 부분은 찾았는데, 글자색은 아무리 바꿔바도 흰색으로만 보이네요.

가능하시다면 도움 부탁 드려요.

감사합니다.
css > default.css의 21 라인에 있는 .nav-link {color: rgba(255,255,255,1) !important; 에서 rgba(255,255,255,1)을 원하는 색상으로 변경하시면 됩니다.

위의 RGBA 색상을 사용하셔도 되고, RGB 색상(#으로 색상 지정)을 사용하셔도 됩니다.

그럼, 즐거운 오후 되시기 바랍니다. ^^
네~ 정말 감사합니다. ^^ 덕분에 올려주신 테마 더 잘 사용할 수 있게 되었네요.
좋은 테마와 함께 질문에도 상세히 답변 주셔서 많은 분들에게 유용한 것 같습니다.
항상 행복하세요.^^
Q&A 에도 올린 내용인데

list, view, write 스킨만 수정했고 디비에도 정상으로 올라갑니다
입력, 리스트, 본문은 정상으로 나오는데

본문 수정 시 기본필드(이름, 제목, 첨부 .....) 등은 정상적으로 불려오는데  여분필드의 데이터를 불러오지 못합니다. 어디가 잘못된걸까요 ?

스킨에는 update페이지가 없고 수정시 보여지는 화면이  write스킨이랑 동일하던데 공유하는 건가요 ?
어떻게 수정해야될지 알려주세요
쓰기와 수정은 똑같이 Write 스킨을 사용합니다.
그 구분은 $w라는 변수로 하게 되며, 쓰기일 때는 $w = '""이 되고, 수정일 때는 $w = u가 됩니다.
이 구분은 쓰기 버튼을 누르는가, 수정 버튼을 누르는가에 따라 그누보드의 bbs 폴더에 있는 write.php가 알아서 처리를 해주므로 신경을 쓰지 않으셔도 됩니다.

그럼, 지금의 문제인 수정할 때 여분 필드의 내용이 보이지 않는 문제는 다음과 같이 해보세요.
(여분 필드는 wr_1이고, size가 xx인 경우입니다.)

<input name="wr_1" id="wr_1" type="text" value="<?php echo $write['wr_1'] ?>" size="xx">

아마도 value="<?php echo $write['wr_1'] ?>" 라는 코드가 없어서 표시를 하지 않는 것이 아닐까 합니다.

큰 문제는 아닌 것으로 여겨지며, 쉽게 해결될 것으로 생각합니다. ^^
잘 해결되어서 다행이네요. ^^

그리고 참고로 write_update.skin.php는 wr_1 ~ wr_10까지는 이 파일이 없어도 그누보드가 기본적으로 update 처리해 주므로 따로 작성하지 않아도 되지만, wr_1 ~ wr_10 이외의 변수를 사용자가 임의로 추가하여 사용하고자 할 때에는 반드시 필요한 파일입니다.
문의 드립니다~! 모바일로 볼때나 화면이 작아질 경우 슬라이드 헤드라인 이미지는 줄어들지 않아 확대되는데 혹시 이미지도 화면에 따라 작아질 순 없나요??
수고 많으십니다. 좋은 테마 공유해 주셔서 사용 잘하고 있습니다.
문의 드립니다.
모바일 이나 화면 작게 하고 대메뉴 클릭후 하위 메뉴 선택 안하고 바탕화면 이나 다른 화면 클릭하면
열려있던 메뉴가 자동으로 닫히게 즉, 마우스 롤아웃하면 메뉴 닫기 어떻게 하면 되는지요?
또한 대메뉴 클릭해야 하위메뉴 보이는데 마우스 롤인 하면 하위메뉴 자동 펼치기 할 수 있는지요?
그럼 감사 합니다.

요청해 주신 기능을 적용해서 수정 작업한 파일을 hover_head.php.zip으로 올려 놓았으니, 내려받아 사용해 보시기 바랍니다.
원하시는 내용대로 작업이 된 거면 좋겠네요.
그럼, 도움이 되는 내용이었길 바랍니다. ^^
안녕하세요. 좋은 테마 감사합니다.
궁금한사항이 있습니다. 모바일에서 우측상단에 메뉴버튼 색상은 어디서 변경해야하는지요? 상단배경을 흰색으로 변경했더니 안보여서요.. ^^"
부트스트랩의 설정값을 변경해야 하므로 다음과 같이 진행을 해보시기 바랍니다.
default.css 등에 원하시는 색상값들을 지정하여 css 코드를 추가하시면 됩니다.

.navbar-dark .navbar-toggler {color: rgba(242, 8, 8, 0.81); border-color: rgba(245, 34, 34, 0.92);}
.navbar-toggler {background-color: #f8e40ecc; border: 1px solid #ed1212e6;}

만약 설정 후에도 설정값이 적용되지 않는 경우에는, 각 개별 코드의 뒷부분에 !important를 적용하세요.
예를 들면,

.navbar-toggler {background-color: #f8e40ecc !important; border: 1px solid #ed1212e6;}

제가 판단하기에는 위의 설정 정도만 해주시면 되지 않을까 합니다. ^^
전체 82 |RSS
그누보드5 테마 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT