All 52

[게시판스킨] 할일 게시판

아보카도 에디션에서 이용 가능한 할일 게시판입니다 어느정도 스케줄 최신글 스킨과 연동 가능합니다 (요약내용 설정 불가) 회원만 글을 작성할수 있게 설정되어있으며 관리자가 사용하는것을 상정하고 제작하였습니다 php 7.4에서 작동하는것을 확인하였으나 오류가 있을경우 문의 주세요 내용과 우측 상단의 색상 선택을 제외하고는 모두 옵션입니다 마감: 설정할경우 완료하지 않으면 해당 날짜까지 내용이 표시됩니다 반복(월~일): 체크한 날짜에만 표시됩니다. 마감을 설정하지 않으면 삭제하거나 마감을 설정하기 전까지 계속 표시됩니다 *모두 설정하지 않으면 당일 할일으로 간주됩니다 순서변경 모드에서는 완료목록을 제외한 할일의 순서를 바꿀 수 있습니다. 설정을 따로 하기 전에는 나중에 등록한 할일이 위로 오게되며 완료된 목록..

Download/스킨 2022.09.25 (1)

[최신글스킨] 리스트 형식 스케줄 최신글 스킨 (최종수정 22.09.28 13:40)

아보카도에디션에서 이용 가능한 스케줄 최신글 스킨입니다. 언젠가 커뮤에서 사용했던것을 약간 수정했습니다. 작은 공간에 쓰는게 보기가 괜찮습니다 호환이 되는 스케줄게시판을 사용해야만 정상적으로 이용 가능합니다. * 스케줄게시판 배포 포스팅☜ 당일이 포함된 일정만 뽑아서 출력해주며 지정한 개수 이상의 일정은 ... 외 x개의 일정으로 표시됩니다. (해당 글씨에 마우스오버하면 오른쪽 이미지와 같이 추가일정 표시) 당일 하루만 해당하는 일정에는 날짜가 출력되지 않습니다. (이벤트3 같은 경우) * 해당 날짜에 이벤트가 없는 경우 '오늘은 일정이 없습니다.' 라는 메시지가 출력됩니다 (삭제/변경법 하단 기재) 사용방법 다운받은 파일을 압축을 풀어서 skin>latest 폴더 안에 넣어줍니다.(latest 폴더가 ..

Download/스킨 2022.09.08

[최신글스킨] 옆으로 흘러가는 한줄글 스킨

예시이미지는 아래 이미지가 너무 작아서 심심해서 추가해봤습니다() 너무 단순해서 쓸게 별로 없는데..대충 내용이 latest 폴더 안에 넣어줍니다.(latest 폴더가 없다면 만들어주세요) rolling 폴더를 열었을때 rolling 폴더가 또 있는게 아닌 latest.skin.php와 style.css가 있다면 맞게 업로드한것입니다. board 폴더에 넣으시면 안됩니다 게시판을 아무거나 하나 만들어주세요. 혹은 쓸 게시판을 정합니다. 스킨도 아무거나 쓰셔도 상관 없음 글을 등록합니다. 제목이 아닌 내용에 쓴 글이 옆으로 흘러갑니다. 엔터는 띄어쓰기로 치환됩니다. main.php 등 원하는 파일을 열어 원하는 위치에 를 삽입해주세요 필요하면 하단 마진이라던지 css를 수정해서 사용해주세요 예시: 연결할 ..

Download/스킨 2022.09.07

[웹코딩의 기초] 웹.꾸.의 기본, css (2) id, class, 가상속성

지난 포스팅에서는 기본적인 스타일 작성법에 대해 알아보았습니다. 어떤 태그에 대해 공통적인 스타일을 작성하는 법은 알았는데, 어떤 div에는 이런 스타일을 적용하고, 다른 div에는 저런 스타일을 적용하고 싶다면 어떻게 해야할까요? 인라인 형식으로 한땀한땀 적용시켜주는 방식도 있겠지만, 개발자들은 훨씬 더 간편한 방법을 만들어냈습니다. 바로 id와 class 라는 선택자입니다. html 태그에 id나 class 값을 부여하고 css에서 해당 선택자를 불러와서 스타일링을 하는 방식으로 사용됩니다. 내용 이런식으로 지정하는데요 한개의 태그에 id와 class를 동시에 적용할 수 있다는것을 알 수 있습니다. 이제 각 요소를 구분하거나 선택하는 방법에 대해 알아봅시다 id 아이디는 한 페이지에서 단 한개의 요소..

[게시판스킨] 스케줄 게시판 ver.2 (최종수정 22.09.23 17:13)

아보카도 에디션에서 사용 가능한 스케줄 게시판입니다. 기존에 있던 겹치는 일정이 있을때 일정 라인이 끊어지는 부분을 수정하였습니다. 게시판으로 쓸 수 있는 스킨과 최신글스킨(커뮤 메인이나 다른 페이지등에 출력하는 용도)이 포함되어있습니다. 제목이 길어 잘리는 내용은 ... 으로 표시되며 해당 일정에 마우스오버하면 잘린 내용이 보입니다. 사용 방법 [ 폴더 업로드 구조 ] ㄴskin ㄴboard ㄴschedule2 (게시판용) ㄴlatest ㄴschedule2 (최신글용) * read_me.txt (업로드안함) 압축을 해제하면 나오는 skin 폴더와 read_me.txt중 skin 폴더를 ftp 최상위 폴더(www, html, public_html 등)에 업로드합니다. 또는 필요한 게시판/최신글 스킨 폴더..

Download/스킨 2022.09.07

[게시판스킨] 웹박수 게시판 (최종수정 22.09.09 11:40)

웹박수를 흉내낸 게시판입니다. 기존 아보카도에서도 사용 가능합니다 (게시판 가로나 그래프 바 색상 등을 추가로 설정 해줘야 할 수 있습니다) * 웹박수 게시판을 여러개 만들어도 통계는 한개로 통일됩니다 관리자는 통계 확인 및 랜덤 이미지 설정이 가능하며 익명으로 남겨진 메시지에 답변을 남길 수 있습니다. 답변을 여러개 달 수도 있고 답변을 수정하거나 삭제하는것도 가능합니다. (받은 메시지는 수정할 수 없습니다) 최초 설정 압축을 풀면 extend 폴더와 skin 폴더가 나오는데 두개의 폴더를 최상위 폴더(www, public_html, html 등)에 업로드 하시거나 extend폴더의 clap.config.php, skin>board 폴더의 webclap폴더를 해당하는 경로에 업로드 해주시면 되겠습니다 ..

Download/스킨 2022.08.18

[게시판스킨] 갤러리형 게시판 - 고정사이즈 (최종수정: 22.11.18 15:28)

썸네일 사이즈가 고정인 갤러리 게시판입니다. 아보카도 퍼스널 버전에 최적화 되어있으며 기존 아보카도 에디션에서도 어느정도 호환이 되도록 만들어져있습니다. 기존 갤러리 게시판과 전체적인 내용은 같으나 썸네일 가로와 세로 사이즈가 모두 고정인 점에서 차이를 둡니다. 지정된 게시판 가로 사이즈 내에 들어갈 수 있는 만큼의 썸네일 이미지가 나열됩니다 썸네일 박스는 디자인 설정의 '기본박스' 스타일을 따라갑니다. 1행에 최소로 필요한 가로 사이즈(게시판 가로) 계산은 (썸네일 가로 + 좌/우 여백) * 원하는 열 개수로 합니다 열 개수가 몇개 나올지 계산하고싶다면 전체가로/(썸네일가로+좌/우여백) 등으로 계산하시면 되겠습니다 *여기서 좌우여백은 좌측여백+우측여백이 아닌 좌측 또는 우측 여백을 말합니다 *스크린 사..

Download/스킨 2022.08.12

[웹코딩 팁] https:// 주소를 http:// 로 연결하기

브라우저는 보안 정책으로 자동으로 모든 주소를 https로 연결하도록 되어있습니다. 사실상 보안을 생각한다면 이게 맞는데.. 아직까진 https 연결을 지원하지 않는 웹사이트가 더러 있습니다. 특히 개인이 운영하는 사이트같은 경우에는 말이죠.. http로만 연결되는 웹사이트에서는 큰 문제를 보이지 않습니다만 https로 연결되는 경우 http로 시작하는 주소는 연결이 거부되어 이미지가 로딩이 되지 않는 등 페이지가 제대로 보이지 않는 문제가 발생합니다. 이를 해결(?)하는 몇가지 방안을 제시합니다. 브라우저 관련 예시는 전부 크롬(PC)를 기준으로 작성하였습니다. 0. 주소 변경 일시적인 방안입니다. 주소창을 클릭해 맨앞에 http:// 를 입력하거나 변경하는것입니다. 북마크에 저장할때도 http로 저장..

Info/팁 2022.08.02

[아보카도 에디션] 최고관리자 아이디/비밀번호 분실시 해결 방법

아이디 분실시 임시로 수정할 파일: /head.sub.php 파일을 열어 맨 아래줄 밑에 아래 코드를 삽입합니다 만약 운영중이라거나 하는 이유로 일단 웹페이지상에서 안보이게 하고싶다면 이렇게 주석으로 달아줍니다. 홈페이지에 접속하면 가장 왼쪽 위에 아이디가 보입니다(배경색과 글씨색이 비슷해서 잘 안보일수도 있음) 주석으로 처리한 경우 f12로 개발자도구를 열어 아래 주석처리된 아이디를 찾아주세요 *페이지 내용 확인하는 방법 아이디를 확인했으면 적었던 내용을 삭제하고 다시 업로드해줍니다. 이 외에도 db 관리 페이지에서 확인하는 방법이 있는데 db페이지를 즐겨찾기에 저장해둔게 아닌이상 주소 찾아서 들어가기도 귀찮고 번거롭기 때문에 위 방법만 작성합니다(사실 캡쳐뜨기 귀찮았어요 죄송합니다 비밀번호 분실시 다..

[웹코딩 팁] 웹페이지에서 페이지 구조나 스타일 확인하기

웹페이지에서 특정 요소의 스타일 등을 확인할 수 있는 방법입니다. PC 크롬 브라우저 기반으로 작성하였습니다만 다른 브라우저에서도 비슷한 기능을 제공합니다. f12를 누르면 개발자도구가 뜹니다. 개발자도구 탭은 오른쪽이나 아래 뜨는데 거기서 왼쪽 위에 있는 버튼을 누르면 원하는 위치에 마우스를 올려 해당하는 요소와 스타일을 확인 할 수있습니다. 기본으로 활성화되어있기도 하니 마우스오버 했을때 해당 요소가 파랗게 오버레이가 뜨지 않으면 버튼을 다시 한번 눌러주세요 [Elements] 웹문서의 html코드버전이 보이는 창입니다. 3에서 마우스오버한 요소가 하이라이트 됩니다. 한 요소라도 여러개의 요소가 감싸져있기도 하니 밖이나 안에 있는 요소를 클릭하여 원하는 부분을 찾습니다. * php의 경우 다른 파일들..

Info/팁 2022.08.02