간단코딩
-
CSS 직사각형 버튼 만들기간단코딩 2023. 10. 5. 17:44
버튼을 웹페이지에 삽입할경우 기본 버튼의 스타일은 회색버튼에 검정글씨로 되어진 투박한 모습입니다. CSS를 추가하여 버튼의 외모를 예쁘게 바꿀 수 있는데요? 버튼의 모양이나 색상 그리고 Hover 효과라든지 그림자효과등 아주 다양한 효과들을 적용할수가 있습니다. 오늘은 이 CSS 코드를 적용하여 직사각형의 버튼을 한번 만들어볼께요 기본 적용코드입니다. CSS 버튼만들기 위 HTML을 저장하여 웹페이지로 확인을 하게되면 아래와 같은 BLUE 계열의 직사각버튼을 확인할 수 있습니다 font-size: 16px; 또한 font-size 를 조절하면 위에 보이는 글씨크기보다 크거나 작게 조절할 수가 있게되구요 background-color: #007BFF; background-color 값을 수정하면 버튼의 색..
-
그누보드 smarteditor2 스마트에디터2 폰트크기 변경간단코딩 2023. 7. 15. 12:07
일반적으로 기성품 블로그 즉 네이버블로그나 티스토리등과 같은 블로그를 운영하고 있을때 글쓰기를 하면 상단에 글쓰기에 도움을줄 툴바가 있습니다. 그누보드를 설치한후에도 글쓰기시 이런 툴바가 지원되는 스마트에디터2 라는 방식이 있는데요? 문제는 이 모드로 설정하여 글쓰기를 하게되면 기본 툴바에서 지원하는 폰트가 크기의 작은 폰트로 설정이 됩니다. 크게 상관이 없을수도 있는데 아무래도 글을 입력할때 너무 작다보니 신경이 쓰이게되는데 이 크기를 좀 변경해볼까 합니다. 폰트와 폰트변경을 하기위해서는 그누보드 설치폴더에서~~ plugin/editor/smarteditor2/css 폴더에 보면 smart_editor2_in.css 이런 파일이 있습니다. 만약 그누보드 최신버젼이라면 아마 css 폴더안에 ko_KR 폴..
-
그누보드 유튜브 영상 크기 PC와 모바일 반응형 크기조절간단코딩 2023. 7. 5. 19:32
그누보드 게시물외에 다른 게시판에서도 동일한 현상이 보여지지 않을까 생각합니다. 유튜브영상을 iframe 형태의 소스로 올리게되면 PC 버전에서는 정상적으로 나오게되지만 모바일에서는 PC 화면의 크기로 보여지게되면서 화면 일부분이 짤려 나오게됩니다. 결국 플레이 버튼도 보이지 않기에 영상을 볼 수도 있고 또 화면자체가 이미 볼 수 없는 비율이 되어버렸다는것입니다. 이런 경우에는 약간의 작업이 필요한데요? 유튜브에서 동영상주소를 복사하든 소스복사를 하든 본 동영상의 아이디가 있을것입니다. 아래 그림은 동영상주소 복사를 통해서 얻어온 영상주소인데요? 마지막 0zeKDglbNm8 이 부분이 동영상ID 입니다. https://youtu.be/0zeKDglbNm8 이 아이디를 아래 와 으로 둘러쎃인 태그안의 내용..
-
그누보드 글보기 하단 글목록을 보이게 하려면?간단코딩 2023. 7. 4. 14:50
그누보드를 사용하여 커뮤니티 홈페이지를 만들어 보고 있는데요? 이것저것 몇일동안 헤메다보니 대략적인 윤곽은 나오게 되었네요~ 헌데 뭔가 허전한게 하나가 발견이 됩니다. ㅠㅠ 일반적으로 게시물을 읽게되면 게시물하단에 이어서 글목록이 죽 나와야하는게 일반적이었었는데요? 딱 아래 그림처럼 본 게시물말고는 다른 이어진 게시판은 전혀 보이지가 않네요 ㅠㅠ 연속적으로 계속이어보고 싶은데 이 상태라면 다른 게시물을 볼때 다시 뒤로가서 봐야하는 불편함이 생기는것 같습니다. 이 텅빈 자리를 해당 게시판의 글목록으로 다시 채우려면 어떻게 할까요? 우선 그누보드 관리자 페이지로 이동을 합니다. 게시판관리로 들어가면 여러분들이 만들어 놓았던 여러 게시판들이 보일거에요 글보기하단에 글목록을 보여줄 게시판을 찾아서 수정버튼을 눌..
-
티스토리 스킨변경 후 검색버튼이 먹통간단코딩 2023. 6. 12. 23:42
아~~ 검색박스가 왜 안나오는거야????? 티스토리 이전 블로그스킨을 버리고 새로운 스킨인 북클럽 스킨으로 변경을 했습니다. 변경 후에는 늘하듯이 글갯수라든지 이미지크기 그리고 보여지는 방식등등을 수정하고 또 광고 연동상태도 점검을 해봅니다. 더 필요한게 있다면 html 편집으로 들어가서 이런 저런 코드도 넣어보고 삭제도 하면서 다양한 테스트를 해보는데요? 이렇게 모든 설정이 끝나고나서 블로그 홈으로 돌아와 살펴보니 큰 문제없이 원하던대로 잘 작동을 하고 있었습니다. 이미지 크기도 잘나오고 글갯수도 적당히 그리고 사이드메뉴등의 배치도 좋았습니다. 이렇게 몇 일이 지난뒤에 글이 조금씩 많아지면서 특정 포스팅을 찾아보려고 검색 즉 돋보기 버튼을 눌렀더니???? 헉~~ 어!! 진짜 아무 반응이 없습니다. ㅠㅠ..
-
PHP GET방식 POST방식 값 전달받기간단코딩 2023. 6. 12. 12:09
웹상에서 데이타를 전송할때는 GET 방식과 POST 방식을 사용할 수가 있는데요? GET 방식은 전송할 데이터가 주소창에 그대로 보여지게되며 POST 방식은 반대로 데이타가 보여지지 않고 전송할 수 있는 방식입니다. 이렇게 GET 방식으로 또는 POST 방식으로 데이타를 넘길때 PHP 코드로 어떻게 그 값들을 받을 수 있는지 한번 살펴보겠습니다. PHP GET 방식으로 받기 A.html 파일안에 B.php 파일로 name 과 memo 에 대한 각각의 데이타를 전송하려합니다. GET 전달 B.php $name = $_GET['name']; // 소통을 받습니다. $memo = $_GET['memo']; // 메모내용입니다를 받습니다. PHP POST 방식으로 받기 POST 방식은 FORM 태그와 함께 사용..
-
PHP 나의 IP주소 확인하는 코드간단코딩 2023. 6. 11. 07:05
집이나 매장에서 컴퓨터와 스마트폰을 유선 또는 무선으로 여러대 사용을 하게됩니다. 여러대를 사용하려면 공유기라는 IP주소 분배장치를 대부분 사용하게되는데요? 이 공유기는 집에 들어오는 1개의 실제 IP주소를 쪼개어 가상IP를 기기들에게 부여해 줌으로서 온라인상태를 만들게 주게됩니다. 하지만 가끔 어떤 경우에는 이 가상의 IP주소가 아닌 실제 IP주소를 알아야할때가 있습니다. 이때 나의 실제 IP주소를 확인할 수 있는 PHP 코드예제 입니다. getUserIP() 함수를 호출하여 $user_ip 이 변수에 여러분의 IP주소가 저장됩니다
-
PHP, META, SCRIPT 페이지 자동으로 이동방법간단코딩 2023. 6. 9. 13:13
웹페이지를 제작하다보면 현재 페이지에서 다른 페이지로 이동을 시켜야할 때가 있습니다. 그 이유는 여러가지가 있을것이지만 말이죠 ^^ 이를 페이지 리디렉션(REDIRECTION) 이라고 합니다. 일반적으로 사용하는 방법은 3가지 정도가 있는데요? 구현하는 방법을 한번 살펴보겠습니다. PHP로 이동하는 방법 방문자가 페이지에 접속을 하자마자 다른 특정사이트나 페이지로 이동시키는것을 PHP 코드로 구현하려면 아래와 같이 하시면 됩니다. 만약 바로 이동을 하지 않고 3초후에 이동을 시키고싶다면 3초정도 딜레이를 주면 됩니다 sleep 을 이용해서 말이죠 !! META 태그로 이동하는 방법 META 태그를 통해서도 페이지 또는 사이트를 이동시킬 수 있습니다. 아래 URL 부분을 이동할 사이트 또는 페이지를 입력하..