테스트 사이트 - 개발 중인 베타 버전입니다

Animation Logo를 삽입하고자 합니다. 채택완료

휴매니아 6년 전 조회 5,491

안녕하세요?

그누보드 로고 부분에 HTML, Css, Js를 이용한 로고를 삽입코자 합니다.

어느부분을 어떻게 손을 대야 할 지 몰라서 여러방면으로 검색을 해도 관련된 내용을 찾을 수가 없네요...

아직 초보적인 수준이라 좀 상세하게 알려주시면 감사하겠습니다.^^

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 6개

채택된 답변
+20 포인트
s
sinbi Expert
6년 전

어떤 걸 넣으시려구 하시는지?

 

어떤 소스를 지금 어떤 식으로 어디에 넣으셨는지,

정확히 알아야 체크가 가능할 듯 합니다.

질답으로 처음부터 다 자세히 알려드리기엔 힘이 드니...

 

PS.

 

JS 적용법 (외부링크)

https://homzzang.com/b/js-4

 

JQ 적용법

https://homzzang.com/b/jquery-3

 

CSS 적용법 (외부스타일)

https://homzzang.com/b/css-3

 

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

휴매니아
6년 전
신비님, 제가 자세한 내용설명 없이 질문을 올린 것 같습니다. 죄송합니다.^^;;
지금 만들고 있는 홈페이지는 http://humania64.cafe24.com/gb52/ 이구요~~
JS 정성블라인드.커텐 로고를 https://codepen.io/happymania/pen/gNwPPy 처럼 완성된 코드를 가져와서 head.php에 로고로 올리고 싶습니다.
그런데 어떻게 복붙해야될지...
php를 모르니 방법이 없네요~~ㅠㅠ
s
sinbi
6년 전
https://codepen.io/sinbi/pen/LYPBOdd

이런 식으로 body 기준으로 된 걸 부모요소 기준으로 변경 후,
그냥 저 소스 그대로 가져다 넣으시면 될 것 같네요. 로고자리에..
걍 html 코드와 css 코드 뿐..........

css코드는 <style> 태그 안에 넣으시면 됩니다.
CSS 내부스타일 방식 참고.
s
sinbi
6년 전
span 요소에 margin:0 1x; 처럼 넣ㅇ, margin 값으로 글자간격 조절하시면 될 듯 합니다.
글자 하나하나가 span태그로 묶여 있으니.....
https://codepen.io/sinbi/pen/rNBrrZm

ps.
쪽지로는 질문이나 의뢰를 안 받고 있으니 양해바랍니다.
https://homzzang.com/b/notice-2
휴매니아
6년 전
@sinbi 감사합니다.^^

댓글을 작성하려면 로그인이 필요합니다.

휴매니아

제 질문에 답변 달아주신 모든분들께 감사드립니다.

항상 행복하세요~~^^

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

http://exam.dothome.co.kr/temp/wrid_323269.html

div에 적용된 width, height, background만 적당히 조절해서 가져다 쓰시면 될 것 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

6년 전

.css에 있는 부분은 

<style>

.css에 있는 부분붙히기

</style>

 

<script>

.js내용 붙히기

</script>

 

html내용 붙히기 

 

도움이 되셨으면 합니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

휴매니아
6년 전
@파아랑
/head.php 내용중에~~

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_THEME_PATH.'/head.sub.php');
......
?>

여기에서

css는 어느위치에 붙일것이며,
html은 어느위치에 붙일것이며,
js는 어느위치에 붙혀야 하는지 모르겠습니다.

css 경우...
1) <?php 윗줄에 기록
2) <?php 다음줄에 기록
3) ?> 윗줄에 기록
4) ?> 다음줄에 기록

이런식으로요~~

댓글을 작성하려면 로그인이 필요합니다.

6년 전

그누보드 설치된 위치/head.php 를 에디터로 열기하시어

작은별님 말씀처럼 해당위치에 logo.png 를 만들어 놓으신 파일을 서버에 올리시고 그위치를 입력하시면 됩니다.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

휴매니아
6년 전
간단한 사용방법은 저도 아는 부분입니다.
감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

6년 전

head.php 파일에서 이 부분이 로고 출력 부분입니다.

원하는 형태로 수정하시면 됩니다.

 

<div id="logo">
    <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/logo.png" alt="<?php echo $config['cf_title']; ?>"></a>
</div>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

휴매니아
6년 전
HTML, Css, Js를 적용하는 방법을 모릅니다...ㅠㅠ
s
sinbi
6년 전
코딩언어를 공부해 보시길...ㅎ
https://sir.kr/promotion/1343
휴매니아
6년 전
@sinbi 신비님, 자료 감사합니다.^^
저도 조금씩 코딩언어를 공부하도록 하겠습니다.
그런데, 지금 급한 건 head.php 파일 내에 html과 css, js 내용을 어떻게 복붙해야하는지 전혀 감을 못잡고 있어요~~
예를 들면, codepen.io에서 제공되는 html, css, js를 php에 어떻게 접목시키는지...
와 같습니다.
지금은 animation logo에 대한 html, css, js를 head.php에 접목시키고자 합니다.
도와주세요~~^^;;
휴매니아
6년 전
@작은별 간단한 사용방법은 저도 아는 부분입니다.
감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인