J-한솔넷

내가 만든 페이지에 그누보드의 외부로그인 기능을 삽입하고 적용해보겠습니다.일단 여기서는 웨부로그인 기능을 삽입하는 것에만 촛점을 뭊추도록 하겠습니다. 1. 먼자 자신이 만든 페이지를 편집기로 불러옵니다.참고로 웹페이지를 서비스할 호스트에서 확장명이 html인 경우에도 php코드를 실행할 수 있다면 확정명은 php, html 어느 것이든 가능합니다. 2. 페이지의 최 상단에 아래와 같이 코드를 삽입합니다.아래의 예는 현재 페이지 아래에 gunboard4 폴더(그누보드 루트폴더)가 있는 것으로 보고 합니다. 3. 외부로그인 화면이 표시될 부분에 아래와 같은 코드를 삽입합니다.여기서는 기본 스킨을 적용했습니다. 다른 스킨을 적용할 경우 스친을 다운로드 받아 사용하세요. 보다 자세한 내용은 추후 포스팅할 예정입..

이전의 그누보드의 로그인화면에서 내가 만든 상단 하단 내용 표시하기 #1 는 그누보드의 루터 폴더의 index.php를 활용하지 않는다는 전재하여 간편하게 적용해본 것입니다. 그러나 페이지를 보다 효과적으로 만들거나 최적화한다면 아래의 포르그램들을 면밀히 살펴보고, 자신이 구축하는 사이트에 맞게 수정하여 사용하면 어떻까합니다.여기서 총 5개의 파일을 언급합니다. 이 중 가장 핵심인 부분은 head.php와 tail.php입니다. 이부분을 페이지에 맞게 수정하여 사용하세요. 아래의 소스를 차래로 보도록 하겠습니다.gnuboard4/index.php gnuboard4/_head.php gnuboard4/_tail.php gnuboard4/head.php

게시판의 스킨을 변경하는 것은 매우 간단합니다.아래의 방법으로 순차적으로 하면 문제 없을 것입니다. 1. 일단 그누보드 사이트에 접속합니다. 그리고 미리 로그인을 해두세요.그리고 그누보드 링크 그림을 클릭합니다. 2. 화면 우측의 "스킨" 링크를 클릭합니다. 3. "게시판" 등 스킨을 그룹블로 모아 두었습니다. 여기서 "게시판"을 클릭하겠습니다. 그리고 스킨을 검색하거나 목록 중 마음에 드는 시킨을 고릅니다. 4. 시킨을 골랐으면 아래와 같이 첨부 파일을 클릭하여 다운로드 받습니다. 5. 압축파일을 열기한 후 아래와 같이 압축을 해제하세요. 6. 압축이 아래와 같이 풀려서 폴더에 저장됩니다. 7. ftp 프로그램을 이용하여 gnuboard4의 skin폴더에 폴더 자체를 업로더합니다. 9. 본인의 사이트의..

그누보드를 학생들의 취업 준비를 위해 처음 사용합니다.이와 비슷한 게시판 프로그램이 제로보드 4.X를 사용해보곤 처음인 것 같습니다. 다른 것이야 색다를 것은 없는데, 로그인시 상단과 하단 내용을 페이지와 맞게 설정하려니 구조를 모르니 소스를 살펴봐야겠군요.일단 gnuboard4/bbs/login.php를 살펴보도록 하겠습니다.

요즘은 팝업창을 띄워 공지사항을 표시하는 경우가 많이 준 것 같습니다.그 원인으로는 대부분의 웹브라우즈가 기본적으로 팝업창을 차단하도록 설정되어 있기 때문입니다. 그래서 팝업창 보다 레이어를 이용하여 페이지에 공지사항을 표시하는 경향이 늘고 있습니다.아래의 예는 하이퍼링크를 클릭했을 때 레이어를 표시하고 닫기 단추를 클릭하여 닫는 방법과 마우스를 어떤 특정 부위에 올렸을 때 레이어가 나타나고 벗어나면 레이어가 숨겨지는 경우 두 가지를 한 소스에 나타 내었습니다. 그리고 이 소스는 JQuery를 이용하였습니다. 확대보기 여기로 마우스 포인트를 옮겨보고 다시 다른 쪽으로 옮겨 보세요 이미지 등 내용을 입력합니다. 닫기

아래의 내용은 제이슨 객체의 정보를 화면에 표시하는 예제입니다. 자바스크립트에서 제이슨 활용이름: 나이: 주소: 전화번호: 아래의 예제는 제이슨 표현 방식으로 작성된 문자열을 제이슨 객체로 전환하여 표시하는 예제입니다. 이 예제는 서버로부터 자료를 전송받아 화면에 표시할 때 매우 유용합니다. 자바스크립트에서 제이슨 활용(2)First Name: Last Name:

제이슨에 대해서는 전혀 생각을 하고 있지 않았었는데 최근 자바스크립트를 이 규칙으로 표현을 많이 하더군요. 처음에는 이게 뭔지도 몰랐습니다.^^개체를 표현하기에는 매우 효과적인 것 같아요. 그리고 데이터를 저장하고 교환하는데도 매우 유용할 것 같습니다. xml보다도...이재 처음부터 제이슨에 대해 정리를 하면서 공부를 해 볼까 합니다. 제이슨은 JavaScript Object Notation 의 약자로 자바스크립트의 구문 형식을 따르지만, 프로그래밍 언어나 플랫폼에 독립적이므로 C, C++, C#, 자바, 자바스크립트, 펄, 파이썬 등 많은 언어에서 이용할 수 있습니다.아래 링크를 클릭하면 구문에 대한 보다 자세한 내용을 볼 수 있습니다. http://www.codeordie.org/wiki/?WhatI..

이것은 이전의 JQuery를 이용한 텝 표시 예제를 수정하여 텝 안에 또다른 탭을 표시하는 예제입니다.예제가 약간 꾸질합니다. 그렇지만 이전 예제에 연속해서 보여줄 필요가 있어 일단 그대로 진행했습니다. 아래 내용은 이 것에 대한 예제입니다. 보도자료공지사항FAQ이곳은 보도자료가 표시되는 영역입니다.이곳은 공지사항이 표시되는 영역입니다.업무공지제품관련업무공지 내용입니다.제품관련 공지입니다.이곳은 질문과 답변이 이 표시되는 영역입니다. 위 예제와 이전 예제의 차이점은 공지 사항 부분에 새로운 텝을 표시하는 것과 이 텝의 모양을 지정하는 CSS, 그리고 이를 제어하기 위한 subtab_select, init_sub_tab 함수가 추가되었고 기존의 tab_select 함수에는 init_sub_tab 함수를 호..

웹 접근성 향상을 위한 국가 표준 기술 가이드 라인 내용입니다. 자료의 출처는 웹 접근성 연구소입니다.

이 내용은 수강생의 요청으로 만든 예제입니다.오직 DIV태그와 P, SPAN, UL, LI, IMG 태그만을 이용해 만들었습니다. 기존 TABLE을 이용한 방식과는 다릅니다. 보안1단계 123 ID저장 그리고 이를 화면에 배치하고 모양을 설정하는 CSS를 만들어 줍니다. 위 소스에서 LINK 태그에 지정된 ./css/loginbox.css의 내용은 아래와 같습2니다. @charset "UTF-8"; #login_box {width: 286px;font-family:굴림;font-size: 10pt;} #login_top {margin: 0 0 5px 0;text-align: center;} #login_box ul, li {margin: 0;padding: 0;list-sty;e: none;} #user..