Hello 100A

/adm/admin.lib.php 파일에서 get_member_level_select 함수 내용 수정 $levelArr 배열에 변경할 값 넣기 // 회원권한을 SELECT 형식으로 얻음 function get_member_level_select($name, $start_id=0, $end_id=10, $selected="", $event="") { global $g5; $levelArr=array(0,1,2,3,4,5,6,7,"회원","담당자","관리자"); // 숫자대신 변경할 값 넣기 $str = "\n\n"; for ($i=$start_id; $i

간단하게 자주 사용하는 슬라이드 갤러리입니다. https://unpkg.com/swiper/swiper-bundle.css https://unpkg.com/swiper/swiper-bundle.min.js 세팅 하시는거 잊지마시고, js에서 spaceBetween 는 사이간격을 slidesPerView로 몇개씩 보여주고 싶은지 설정해주면 됩니다. 이미지 비율은 이미지 크기에 상관없이 일정하게 나오게 하기위해 padding-bottom을 이용해 비율을 정했습니다. 100% - 가로와 세로 비율 1:1 50% - 가로와 세로 비율 1:0.5 로 보면 됩니다. loop:true 는 제가 html에 작성한 슬라이드는 5개인데 그 뒤로 복제해 가며 계속해서 슬라이드가 될 수 있게 해줍니다. transition을 ..

일도 해야하고 인간관계도 유지해야하니, 완전한 디톡스를 할 수는 없지만 작게나마 평상시에도 노력할 수 있는것을 해보려고 한다. 1. screen zen 어플 설치 유튜버 돌돌콩님의 영상에서 보고 설치했다. https://www.youtube.com/watch?v=65XTwBOzkeo 선택한 어플들을 열려고 하면 "Is this important?"라고 멘트가 뜬다.. 2. 스크린타임으로 추적하기 매일 저널에 주요어플의 사용시간, 연 횟수를 체크한다. 3. 매일 저녁 9시~10시 블로그타임 매일 짧은 코드나, 일기라도 올린다. 4. 주 5회 25분 이상 걷기 너무 많이 하려 하지말고 25분이라도 꼭 하기 5. 월요일마다 오늘 작성 한 내용을 토대로 블로그에 진행 상황 올리기

홈페이지의 배너에 자주 사용되는 scroll down 기능입니다. keyframe을 사용하여 자연스럽게 계속 반복 애니메이션 되도록 작업했습니다. css의 scroll-behavior 를 이용하여 scroll down을 클릭시에 부드럽게 아래 섹션으로 스크롤 이동 되도록 했습니다. See the Pen Untitled by baekah (@baekah) on CodePen.

코드펜으로 작성했습니다. https://codepen.io/baekah/pen/GRENBwJ See the Pen Untitled by baekah (@baekah) on CodePen.

mb_strlen 함수 문자열의 길이 값 구하는 함수 echo mb_strlen(‘test’); //4 를 출력 substr 문자열 위치 값 알아내기 echo substr(’test’, 0, 1); //t 를 출력 substr 함수는 시작 위치가 0임

const area = { "동서울":["관악구", "강남구", "성동구","중량구"], "북서울":["강북구", "성북구", "도봉구", "노원구"] }; let index = []; for (var x in area) { index.push(x); } index.sort(function (a, b) { return a == b ? 0 : (a > b ? 1 : -1); }); document.querySelector('.text').innerText=area[index[1]][3];

마우스 오버시 수직으로 flip 되는 아주아주 간단한 css소스 입니다. HTML FRONT BACK CSS .content{ width:500px; height:100vh; background:#333; margin:0 auto; } .circle{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:300px; height:300px; perspective: 600px; } .circle .front, .circle .back{ position:absolute; top:0; left:0; width:100%; height:100%; backface-visibility: hidden; border-radius:50px;..

사이드바 모바일이나 반응형 웹에서 자주 사용하는 사이드바입니다. 사이드바는 css 만으로 동작이 되니 사이드바만 사용시에는 js파일이 없으셔도 됩니다. 아코디언메뉴는 jquery로 작업했으며 1.4.4로 작업했습니다. 사이드바 width는 70%이며 사이즈 변경시에는 .sidebar 에서 width와 left 값 둘다 변경하셔야합니다 html코드입니다. HELLO hello1 hello2 hello3 hello4 hello5 hello6 GOODBYE bye1 bye2 bye3 GOODNIGHT goodnight1 goodnight2 goodnight3 css코드입니다. .content{height:100vh; background:#ccc; margin:0 auto; position:relative;} ..

초간단 progress bar 소스입니다. Click me! .progress-area{ width:500px; height:50px; background:#e1e1e1; border:3px solid #b1b1b1; margin:30px; position:relative; } .progress{ position:absolute; width:100%; height:100%; left:0; top:0; } .progress.on{ background:#b1b1b1; animation:progress 3s linear; animation-fill-mode:forwards; } .btn{ width:200px; height:50px; background:#b1b1b1; text-align:center; lin..