TheStoryBook

js js 파일로 만들어서 html에 불러오기 const remainTime = document.querySelector("#remain-time"); function diffDay() { const masTime = new Date(); //시작일 const todayTime = new Date("2022-12-01"); // 오늘 const diff = masTime - todayTime; const diffDay = String(Math.floor(diff / (1000*60*60*24))); const diffHour =String( Math.floor((diff / (1000*60*60)) % 24)).padStart(2,"0"); const diffMin = String(Math.floor((..

제목 그대로 글 색상을 랜덤으로 출력하는 방법입니다. html파일에 script를 아래와 같이 작성 랜덤으로 출력하고자 하는 코드에 class를 random_colors 로 지정하면 됩니다. {$val->getTitle()}

우리는 웹 사이트에 구현할 수있는 CSS 및 HTML 코드를 계속 사용하여 나머지와 구별 할 수있는 특별한 터치를 제공합니다. + c 컨트롤과 + v 컨트롤 덕분에 웹을 준비 할 수있는 코드가 있습니다. 테스트에 며칠 또는 몇 주를 보낸 후 개발 단계에 게시됩니다. 이제는 HTML과 CSS에서 27 개의 슬라이더를 사용하여 보통 몇 픽셀 제곱으로 많은 콘텐츠를 통합하는 공간을 준비 할 수 있습니다. 이 슬라이더는 카드에서, 비교, 전체 화면, 반응 형 가장 단순하지만 동시에 매우 우아합니다. 우리는 누구에게도 무관심하지 않을 27 개의 슬라이더, 특히 웹 사이트를 통해 콘텐츠를 읽고, 제품을 구매하거나, 단순히 비교 슬라이더를 사용하여 이미지를 전후로 비교하는 슬라이더를 사용합니다. 카드 화면 HTML ..

https://homnay.tistory.com/10 [html/css] 동영상을 활용한 웹 메인 홈페이지 제작하기 - 1편 안녕하세요 오늘은 동영상 파일을 활용한 웹 메인 홈페이지 제작을 해보았습니다 CSS까지 자세하게 하여서 2편 ~ 3편정도로 나눌까 생각중입니다 들어가기에 앞서 사이즈는 width : 100% height : 100vh homnay.tistory.com

https://www.thewordcracker.com/basic/%EC%9C%A0%ED%8A%9C%EB%B8%8C-%EC%98%81%EC%83%81-%EC%9E%90%EB%8F%99-%EC%9E%AC%EC%83%9D%EB%90%98%EB%8F%84%EB%A1%9D-%EC%82%BD%EC%9E%85%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95/ 유튜브 영상 자동 재생되도록 삽입하는 방법 - 워드프레스 정보꾸러미 유튜브 영상을 워드프레스나 블로그에 삽입할 때 자동 재생되도록 하고 싶은 경우 이 글에 소개하는 방법으로 YouTube 영상 임베드 코드를 삽입할 수 있습니다. 모바일 기기에서는 자동 재생이 안 www.thewordcracker.com https://epjang.tistory..

https://blogpack.tistory.com/813?category=804108 CSS로 펼침 메뉴 만들기 펼침 메뉴를 CSS로 만드는 방법은 몇가지가 있지만, 대부분 마우스 호버(:hover) 상태를 활용한 펼침 메뉴입니다. 메뉴에서 마우스 커서가 벗어나면 메뉴가 닫히기 때문에, 데스크탑 환경에서만 사 blogpack.tistory.com

https://blogpack.tistory.com/820?category=804108 CSS로 멀티 컬러 배경 만들기 배경 색상으로 CSS 그래디언트를 사용하면 다채로운 효과를 배경 색상으로 부여할 수 있습니다. 화려하기는 하지만 용도가 극히 제한적이기 때문에 실제 사용 빈도는 많이 낮습니다. 그래디언트 blogpack.tistory.com

https://urliveblogger.blogspot.com/2020/10/jquery_16.html 스크롤해도 상단에 고정되는 메뉴 만드는 방법 스크롤해도 상단에 고정되는 메뉴 만드는 방법 다음은 jQuery를 이용한 상단 고정 메뉴 예제입니다. 스크립트의 의미를 살펴보겠습니다. urliveblogger.blogspot.com 메뉴 이외에도 다양한 방법으로 사용 가능

https://woodstar.tistory.com/212?category=522648 [JQUERY] 오늘 하루 그만보기 (상단 배너) 유저의 시선이 많이 머무르는 위치가 웹사이트 상단, 하단이다 보니 띠 배너 형식으로 배너를 자주 넣게 됩니다. 오늘은 상단에 얇은 띠 배너 형식으로 배너를 넣고 브라우저 쿠키를 체크해서 woodstar.tistory.com

https://7942yongdae.tistory.com/69 CSS - 깜빡이는 효과 [Blink Effect] CSS의 애니메이션을 사용해서 HTML의 blink 태그처럼 깜빡이는 효과를 만드는 방법을 알아보겠습니다. HTML의 blink 태그는 더 이상 지원을 하지 않는 방법이니 혹시라도 사용하고 계시거나 사용할 7942yongdae.tistory.com