All 54

[게시판스킨] 다이어리 스킨

제가 쓰려고 무드게시판 구조를 수정한 스킨을 배포합니다. 무드 게시판과 유사하지만 무드 대신 내용을 적는 칸이 필수이며 이미지를 1개 업로드 할 수 있습니다. 업로드한 사진은 목록에서 클릭시 원본사진을 볼 수 있게 되어있습니다. 게시글은 월마다 날짜역순으로 정렬됩니다(변경가능) 짧고 간결하게 쓰는것을 목표하였기 때문에 내용에 적을수 있는 최대 글자수는 255자로 제한됩니다(해제가능) 사용안내 기본적으로 회원만 글 등록이 가능한 것을 상정하고 만들었습니다. (비회원 글 등록 불가) 리플기능은 없으며 에디터 기능도 사용하지 않습니다. (html은 따로 체크박스 없이도 사용 가능) 날짜를 선택하지 않아도 처음 게시판에 들어가면 금일 날짜가 자동으로 들어가있도록 설정되어있습니다. 날짜당 하나의 일기만 등록 가능..

Download/스킨 2023.10.21

[게시판스킨] 무드게시판 (최종수정 23.07.19 08:06)

그날의 무드를 기록할 수 있는 게시판입니다. 요청에 의해 제작한 것을 허락하에 배포용으로 수정했습니다. 캘린더와 유사한 시스템을 갖고있지만 무드를 체크하는 칸과 짧은 글을 적을 수 있는 칸만 있습니다. 사용안내 기본적으로 회원만 이용하는것을 상정하고 만들었습니다. (비회원 이용불가) 좌측의 캘린더에서 날짜 아래 빈칸을 눌러 해당 날짜에 대한 무드를 기록할 수 있습니다. 선택하지 않아도 처음 게시판에 들어가면 금일 날짜에 대한 무드를 기록할 수 있도록 설정되어있습니다. 날짜 아래의 빈 칸에 글을 적을 경우 캘린더에서 아이콘에 마우스를 올리면 적은 글 내용이 뜹니다. 당일에 이미 무드를 체크한 경우 입력 버튼이 비활성화 된 상태로 보이지만 캘린더에서 해당 날짜의 아이콘을 누르면 글을 수정할 수 있으며 날짜 ..

Download/스킨 2023.06.28

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

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

Download/스킨 2022.09.25

[최신글스킨] 리스트 형식 스케줄 최신글 스킨 (최종수정 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 (최종수정 24.03.20 09:06)

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

Download/스킨 2022.09.07

[게시판스킨] 웹박수 게시판 (최종수정 23.06.23 10:18)

웹박수를 흉내낸 게시판입니다. 기존 아보카도에서도 사용 가능합니다 (게시판 가로나 그래프 바 색상 등을 추가로 설정 해줘야 할 수 있습니다) * 웹박수 게시판을 여러개 만들어도 통계는 한개로 통일됩니다 관리자는 통계 확인 및 랜덤 이미지 설정이 가능하며 익명으로 남겨진 메시지에 답변을 남길 수 있습니다. 답변을 여러개 달 수도 있고 답변을 수정하거나 삭제하는것도 가능합니다. (받은 메시지는 수정할 수 없습니다) 최초 설정 압축을 풀면 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