Onepage Theme > 그누보드5 테마

그누보드5 테마

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

Onepage Theme 정보

Onepage Theme

첨부파일

onepage.zip (1.7M) 40회 다운로드 2022-12-03 17:23:18 포인트 차감10
테스트한 버전5.4.22
호환 가능 버전그누보드 버전과 관계없음

본문

mobile first의 원페이지 테마를 만들어보았습니다.

모바일위주의 단일 홈페이지입니다.

개인포트폴리오 등에 사용하면 무난 할 듯합니다.

그누보드 설치와 관계없이 작동합니다.

압출을 풀면 onepage 폴더가 나옵니다.

폴더 안에는 css folder, formmail folder, img folder, index.php파일이 있습니다.

onepage folder를 통째로 업도드하시면됩니다.

예를 들어 http://test.com이라는 루트를 사영하시는 경우에 

http://test/onepage의 경로가 되게 업로드합니다.

http://test/onepage/index.php의 경로가 홈페이지를 출력합니다.

이미지 슬라이드를 처음에 넣었습니다.

포트폴리오의 경우에 한번에 나타는 갯수는 index.php의 style에서 조절합니다.

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  display: none; /* Hide all elements by default */
}

에서 width:100로 하면 한개가,  width:33.3% 로하면 세개가 나타납니다.

contact를 클릭하면 폼메일로 연결되어서 메일로 소통할 수 있게했습니다.

fornmail/php/config.inc.php에서 네이버메일주소, 네이버메일 패스워드, 받은 메일주소를 맞게 넣어주시면 됩니다.


<?php
// USE SMTP OR mail()
// SMTP is recommended, mail() is disabled on most shared hosting servers.
// IF false : SMTP host/port/user/pass/ssl not used, leave empty or as it is!
$config['use_smtp']                = true;                        // true|false
// SMTP Server Settings
$config['smtp_host']             = 'smtp.naver.com';   // eg.: smtp.mandrillapp.com 네이버 메일서버를 통해서 발송합니다. 지메일을 사용하는 경우에는 smpt.gmail.com으로 해주세요 
$config['smtp_port']             = 465;                        // eg.: 587
$config['smtp_user']             = '*** 개인정보보호를 위한 이메일주소 노출방지 ***';        // *** 개인정보보호를 위한 이메일주소 노출방지 *** 네이버 메일주소를 적어줍니다.
$config['smtp_pass']             = 'password';                // password  네이버메일 암호를 적어줍니다.
$config['smtp_ssl']                = true;                        // true for google (port 465), false for others
// Who receive all emails?
$config['send_to']                = '*** 개인정보보호를 위한 이메일주소 노출방지 ***';    // destination of all emails sent throught contact form. 폼메일이 도착되는 주소를 적어줍니다.네이버메일이나 지메일주소 기타 받는 메일주소를 적어주면됩니다.
// Email Subject
$config['subject']                = 'Nice to meet you !!';    // subject of emails you receive
?>

3529456494_1670054796.8521.png

3529456494_1670054829.5404.png하단에 지도를 넣었습니다.

카카오맵과 구글 맵을 넣었습니다.

필요에따라 선택적으로 사용하시면 될것 같습니다.

지도는 비타주리님 팁을 사용했습니다. 유용한 팁을 공개해주신 비타주리님께 감사드립니다.

구글지도:https://sir.kr/g5_tip/19420

카카오맵:https://sir.kr/g5_tip/19398

3529456494_1670055321.3064.png

w3schoos.com의 w3.css를 사용해서 만들었고 갤러리, 포트폴리오는 자바스크립트를 사용했습니다.

세부 사항 변경은 https://www.w3schools.com/w3css/default.asp 를 참고하시면 됩니다.

게시판의 기능이 필요없이 홍보위주로 폼메일로 소통하는 단일 홈페이지도 필요할 것 같아서 만들어보았습니다.

처음 만들어보는 테마라 부족한 점이 많습니다. 부족한 점은 계속 보완하도록 하겠습니다.

감사합니다.^^

 

 

 

추천
13

댓글 전체

디자인은 변형이 쉽습니다. 그누보드게시판 붙이고 다음지도 붙이면 개인 포트폴리오용으로 무난할 것 같다는 생각도 듭니다.
감사합니다
메리크리스마스 입니다~
좋은 자료 공개해주셔서 항상 도움만 받는 입장에서 이렇게 댓글로
감사인사를 전할 수 밖에 없음이 안타깝네요.ㅠ

올해 마무리 잘하시고 새로이 시작되는 내년도 복 많이 받으시길 기원하겠습니다.
전체 172 |RSS
그누보드5 테마 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT