정보/블로그Code4 [움직이는 블로그] 반짝이는 효과 만들기 - css 안녕하세요 매니입니다. 블로그를 쾌적하고 예쁘게 꾸미기 위한 코드입니다. 코드 사용법은 이 글 에서 확인하세요. 크리스마스가 다가오는데 크리스마스 분위기의 반짝이는 코드입니다. 반짝이는 효과 만들기 기본버전 .mani-sparkle{position:relative; width:100px; font-size:50px; font-weight: bold; margin:auto;} .mani-sparkle:before{content:""; display:block; position:absolute; top:-15px; left:-20px;transform:rotate(-30deg); border-top:30px solid rgb(255, 0, 64); border-bottom:30px solid transpar.. 2020. 11. 18. 움직이는 블로그 만들기 part.2 - css 안녕하세요 매니입니다. 움직이는 블로그 만들기 2탄입니다! part.1은 여기서 확인해주세요 움직이는 블로그 만들기 part.1 (click!) 코드 사용하는법 css 1. 코드를 css에 붙여넣는다. 코드는 각 기능을 설명하는 게시글에서 찾으실 수 있습니다. Tip - css는 /* */ 사이에 들어간 내용은 인식하지 않습니다. (주석처리) /* ------------------mani코드 시작 ☆ --------------------- */ 코드삽입 자리 /* ------------------mani코드 끝 ★ --------------------- */ 이렇게 표시해두고 다음번 추가할 때 Ctrl + F를 통해 찾으면 쉽게 찾을 수 있습니다. (특수문자로 검색 ☆) - 코드는 가장 하단에 입력하세요.. 2020. 11. 11. 움직이는 블로그 만들기 part.1 - js 안녕하세요 매니입니다. 이번 포스트에서는 블로그에 script와 css를 추가하여 효과가 생기는 방법에대해 설명하겠습니다. 네이버 블로그는 스크립트 추가 기능이 따로 없지만, 티스토리 블로그는 추가 기능이 있어 약간의 지식만 있다면 더욱 예쁘고 개성있는 블로그를 만들 수 있습니다. 움직이는 블로그 만들기 1탄입니다! part.2은 여기서 확인해주세요 움직이는 블로그 만들기 part.2 (click!) 너무 과하게 쓰면 페이지가 로딩되는데 느려지지만 적당히 쓰면 이미지보다 용량이 작기 때문에 더 쾌적한 사이트를 만들 수 있을 것입니다. Tip (▲마우스를 올려보세요) 사용법 1. 먼저 블로그 설정 페이지에서 스킨 편집을 누릅니다. 2. 스킨편집 오른쪽에 있는 html편집으로 들어갑니다. 3. 상단 탭에서 .. 2020. 11. 10. [무료 호스팅] 무료 개인사이트 만들기 / 자캐사이트, 자캐커뮤 사이트 만들기 / 워드프레스 설치 (feat. 닷홈개정판) 안녕하세요. 이번 포스팅 에서는 무료 홈페이지를 만드는 방법에 대해 알아보겠습니다. 무료 호스팅 먼저 사이트를 만들기 위해서는 호스팅이 필요합니다. 무료 호스팅 사이트는 많지만 닷홈 무료 호스팅을 이용했습니다. 닷홈 바로가기 : https://www.dothome.co.kr 닷홈 사이트에서 회원가입 후 로그인을 합니다. 네이버 로그인을 위해서는 이메일 공개에 동의를 해야합니다. 브라우저에 로그인이 되어있다면 자동으로 메시지가 나오며 네이버에서 변경 가능합니다. 로그인 후 상단에 웹호스팅 > 무료호스팅 으로 들어갑니다. 화면 중앙에 무료호스팅에서 신청하기를 클릭합니다. 예전에는 기간은 1년에 트레픽이 100MB이었다 200MB가 되었는데, 현재는 기간 3개월 트래픽 300MB로 변경되었습니다. 서버 환경 .. 2020. 10. 31. 이전 1 다음 반응형
