실시간TV∴영화∴드라마∴예능 디자인7 CSS Progress bars CSS 진행률 표시줄 디자인 입니다. 다양한 용도로 활용할수 있습니다. 2023. 11. 11. design climate code animated movie 날씨 온도 습도 기후 코드 디자인 design climate code animated movie 날씨 온도 습도 낮 밤 기후 코드 애니메이션 디자인 2023. 10. 23. 모바일 웹 애플리케이션에서 confirm() 및 alert() 창 대신 간단한 커스텀 모달 창 JavaScript를 사용하여 모바일 환경에 맞는 커스텀 모달 대화 상자를 구현하는 예제입니다. HTML: 모달 열기 × 이것은 커스텀 모달 대화 상자입니다. 닫기 CSS (styles.css): .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .modal-content { background-color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; border-radius: 5px; box-shadow:.. 2023. 10. 5. 모바일 디바이스에서 화면 가로세로 변경 시 화면 크기 고정 CSS와 미디어 쿼리를 사용하여 반응형 웹 디자인을 구현할 수 있습니다. 다음은 화면 크기를 고정하는 간단한 예제입니다. 이 예제는 화면의 세로 및 가로 모드에서 모두 화면 크기를 고정합니다. @media 쿼리를 사용하여 화면 방향을 감지하고, 해당 방향에 따라 body 요소의 너비와 높이를 100%로 설정하고 overflow: hidden;으로 스크롤을 비활성화합니다. 이렇게 하면 사용자가 모바일 디바이스의 방향을 변경해도 페이지가 고정된 크기로 유지됩니다. 페이지의 내용은 고정된 크기 내에서 스케일링될 것입니다. 원하는 스타일 및 디자인에 따라 CSS를 조정할 수 있습니다. 2023. 9. 26. winamp 방송정보 알아오기 사용법은 첨부화일에 있는 view.php 를 참고하세요 응용하여 만든 음악방송 웹플레이어 디자인 예제 보기 2023. 9. 23. 티스토리 블로그 "나의 링크" 활성화해서 사이드바에 추가하기 티스토리 블로그 관리자 사이트의 왼쪽 메뉴에 보면 "나의 링크"가 있고 이곳에 몇몇 패밀리 사이트나 관심있는 사이트를 등록할 수 있는데 정작 스킨에 따라 이 링크를 표시할 수 있는 방법이 알려져 있지 않은 경우가 많습니다. 티스토리 스킨가이드에도 어떻게 사용해야 하는지 특별한 설명이 없습니다. 아래처럼 "나의 링크" 치환자 (s_link_rep)를 스킨편집/HTML편집에서 사이드바 엘리먼트에 추가해 주면 됩니다. 추천 링크 이렇게 하면 사이드바 메뉴에 추천 링크가 나타나고 이것을 적절히 css 스타일 을 사용해 디자인 하면 됩니다. 2023. 9. 22. CSS3 Checkbox Styles CSS3 Checkbox StylesClick any button below " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스소스CSS3 Checkbox St.. 2023. 9. 19. 이전 1 다음 반응형
