부트스트랩4를 활용하여 그누보드5 사용할 수 있는 테마입니다.
설치
테마를 다운로드 받으신 후 그누보드의 테마 폴더에 설치하시면 됩니다.
/theme/bootstrap_m/
오픈소스
해당 테마는 아래의 라이브러리를 사용합니다.
- Bootstrap 4.3.1
- jQuery 3.4.1
[활용 가능스킨]
부트스트랩4용 프로젝트 문의 게시판 스킨 https://sir.kr/g5_skin/34304
댓글 29개
주신 내용에 회신를 드립니다.
구체적인
색상의 변경은 theme/bootstrap_m/css 폴더에 있는 style.css에서 색상을 변경하려는 부분의 main-nav를 찾아(257라인 정도로 보임) 적당히 수정하면 됩니다.
....
.main-nav a {
display: block;
position: relative;
color: #004289; <===이분분
padding: 10px 15px;
transition: 0.3s;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {
color: #007bff; <===이분분
text-decoration: none;
}
.......
.main-nav .drop-down ul a {
padding: 10px 20px;
font-size: 13px;
color: #004289; <===이분분
}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {
color: #007bff; <===이분분
}
...
도움이 되셨으면 합니다.
구체적인
색상의 변경은 theme/bootstrap_m/css 폴더에 있는 style.css에서 색상을 변경하려는 부분의 main-nav를 찾아(257라인 정도로 보임) 적당히 수정하면 됩니다.
....
.main-nav a {
display: block;
position: relative;
color: #004289; <===이분분
padding: 10px 15px;
transition: 0.3s;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {
color: #007bff; <===이분분
text-decoration: none;
}
.......
.main-nav .drop-down ul a {
padding: 10px 20px;
font-size: 13px;
color: #004289; <===이분분
}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {
color: #007bff; <===이분분
}
...
도움이 되셨으면 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 10417 | |
| 10319 | |
| 10312 | |
| 10281 | |
| 10244 | |
| 10110 | |
| 9656 | |
| 9529 | |
| 9500 | |
| 9442 | |
| 9387 | |
| 9351 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기