안녕하세요 그누초짜입니다. jakekwak 님 최신글 스킨 사용하다가 조금 수정해서 올립니다. jakekwak 님께 미리 양해를 구하지 못한점 송구합니다. 수정사항 1. 그누5에는...
CSS로 변경되는 그누보드5 레이아웃
기본 그누보드5 디자인을 css파일과 이미지파일 몇장만 변경해 주시면 분위기를 살짝바꿔 주실 수 있습니다.
css 파일 위주로 수정되어 그누보드 업데이트 시 최신 그누보드 코드 적용에 유리합니다.
pc버전 css상단에 나눔고딕 폰트 적용 되었습니다.
적용방법
1. 그누보드5 설치
2. 스킨 다운로드(www.sir.co.kr > 그누보드5 스킨자료실)
3. 그누보드5가 설치된 폴더에 FTP로 업로드(파일 덮어씌우기)
수정된 파일
css/default.css
css/mobile.css
index.php (메인이미지만 삽입)
mobile/index.php (메인이미지만 삽입)
img/logo.jpg
img/ft.png
img/ts01.gif
img/ts02.gif
img/ts03.gif
추가된 파일
img/mainimage.jpg
img/bg.gif
--------------------------------------------
검색창 글자 부분이 검정색으로 나와 css/default.css 68번째 줄 수정했습니다.
#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#000;color:#fff;line-height:1.9em !important;line-height:1.6em}
첨부파일
그누보드5 스킨
2,752건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
안녕하세요 모바일 게시판리스트에 더보기 기능을 추가하였습니다 more 버튼을 누르거나 스크롤을 맨아래까지 내리면 다음리스트가 아래로 출력됩니다 설치방법 1. 압축파일을 다운로드받아...
안녕하세요 최신글 비밀글 같은게 링크 이동이 되어서 팝업으로 나타나는 회사 요구에 만들어 봤어요.. 게시판 에서는 현 스킨에서 조금만 응용하면 쉽게 되실듯합니다. 버그는 충분히 있...
사진을 클릭하면 사진이 확대되면서 사진이 보이게 됩니다. fancybox 사이트 http://fancybox.net/ 사진 크기 조절 방법 list.skin.php 파일 안에 5줄...
그누보드5 레이아웃 스킨 입니다. 기본 그누보드5 디자인을 css파일과 이미지파일 몇장만 변경해 주시면 분위기를 살짝바꿔 주실 수 있습니다. css 파일 위주로 수정되어 그누보드 ...
vitamin님의 웹진게시판 스킨 수정해서 만들었습니다. 사진게시판이 간단하고 보기 좋아서 비슷비슷 하게 수정했습니다. http://sir.co.kr/bbs/board.php?bo...
터치 지원본을 올립니다. 맛폰 터치로하면 너무 쉽네요. 마우스와 달리 통제가 쉽잖네요. 기존 사용자는 c2runtime.js 를 덮어 쒸우세요. 팩맨을 참고하세요. 랭킹 게시판은 ...
스맛폰의 터치도 지원합니다. 재실행 r대신 해당 문구를 손가락으로 터치하시면 재실행됩니다. 기존 사용자는 c2runtime.js을 받아 덮으시면 됩니다. 그누4의 경우도 c2run...
ckeditor에 syntaxhighlight 플러그인을 적용해 보았습니다. 에디터 화면에 'CODE' 라는 버튼이 보입니다. 소스형식을 선택하고 소스를 입력하세요. 첨부된 syn...
댓글 33개
그룹 선택 시 메뉴 백그라운드 칼라가 바뀌게 하려면 뭘 어떻게 수정하면 될 지 혹시 아세요?
아시면 부탁드립니다.
마우스 오버 때 바뀌어 보이게 하는 것 말구요.
혹시 참고가 될까 하고 내려받아 잠깐 비교해 보았습니다~^^
이미지를 삽입하신 방식은 나중에 적용해봐야겠습니다. 저는 그냥 무식하게 넣어서...;;;
그누보드 기본 코드라면 head.php 에서 <nav id="gnb"> 하위 반복되는 li부분에 메뉴별로 다른 아이디값을 넣고 페이지 또는 그룹별 변수값을 받아와서 적용시켜주시는 방법은 있습니다.
소스를 손대지 않고도 분위기를 바꿀수 있으면 업데이트가 편하겠네요..
저도 비슷한 생각으로 작업해 보려 했지만. 아직 정식버전도 아니구..힘들게 만들어도 바뀌면 다시 작업해야 해서...
당분간 스킨 작업을 하지 않을 예정입니다.
실력이 부족한 저같은 사람은 하나의 스킨을 만드는 것이 상당히 어렵기 때문에.. 버전업에 대한 부담이 있거든요..
나중에 정식버전나오면 그때 열심히 해볼 생각입니다.
WEBsiting 님의 노고에 박수를 보냅니다.
수고 하셨습니다.
아이디어가 돋보이는 스킨입니다. ^^
다음 버전에 수정해주시면 좋을것 같은것 몇가지 적자면
1. 저도 PC에서는 모바일 버튼이 없는게 나을것 같습니다... (아니면 사용자 선택적으로 할수있게...)
2. 메뉴에서 2차메뉴가 없는건 화살표가 없으면 좋겠습니다 (처음에 데모사이트에서 메뉴가 있는데 안뜨는건줄...)
나중에는 디자인배틀 님 의견처럼 소스를 건들지 않고 디자인을 변경할수 있으면 좋을것같습니다 (제로보드 처럼)
제가 올린 레이아웃 스킨은 css변경으로 디자인만 변경되는거라 의견주신부분은 그누보드 원 소스코드를 건드려야하는사항이라 다음에 올릴 레이아웃에서도 적용이 어려울듯 싶지만
정식버전 출시되면 그때 적용시켜서 제작해 볼까 합니다
현재는 css나 이미지파일변경만으로 디자인이 변경되는 선에서만 해볼려구요^^
여쭤보고 싶은 것이 있는데 너무 오랜만에 그누보드를 사용하려다보니
2단메뉴 설정은 관리자에서 설정이 안되던데 어떻게 해야 설정이 될지
답변 부탁드립니다.
그런데 모바일 메인페이지에
로그인을 없애려면 어떻게하나요.
위상단에 로그인 버튼이 있어서
필요없을듯해서요
167번째 줄부터 169번째 줄을 삭제해 주시면 됩니다.
[code]
<div id="aside">
<?php echo outlogin('basic'); // 외부 로그인 ?>
</div>
[/code]
감사감사
한가지 궁금한점은 2단 메뉴가 안되던데 ~가능한 방법이나
혹은 다른 분께서 올리신 2단메뉴를 적용하려면 어떻게 하면되나요~ ??
메뉴업데이트를 하니 위와 같은 에러가 뜨는데 무슨문제일까요?