반응형
반응형
제목에 맞게 HTML과 CSS만으로 구현한 정말 간단한 드롭다운 메뉴를 정리합니다. 심플하게 드롭다운 구성만 들어있기 때문에 여기서 응용해서 작업이 들어가야겠죠. 드롭다운은 버튼안에 a 태그를 숨긴 뒤에 마우스 버튼을 위에 올렸을때 보이기 하는 원리입니다. See the Pen Simple Dropdown Menu by jihun Sim (@simjihun) on CodePen.
웹사이트의 메뉴나 버튼에 마우스를 올렸을때 효과를 주기 위한 이펙트 중에 하나로 Border bottom에 효과를 주는 방법이 있는데요. bottom에 solid 효과에 색만 잘 골라서 선택해주면 사이트가 좀 달라집니다. hover effect도 글자 가운데에서부터 퍼져 나갈지, 왼쪽에서부터 퍼질지, 오른쪽에서 퍼질지에 따라 사용 방법이 다른데 좋은 소스가 있어 저장 용도로 가져왔습니다. ◇ 소스코드 See the Pen Border bottom hover effect by jihun Sim (@simjihun) on CodePen. 간단한 CSS나 자바스크립트는 앞으로 코드펜에 저장 후 가져오는 방법이 가독성이 좋아보이네요. 이제는 이 방법을 사용해서 블로그 포스팅 하겠습니다.
다른 분들은 롤에서 스킨파편을 얻으면 재조합을 하시는지 모르겠는데, 저는 안좋은 스킨들이 나오면 3개를 모아서 재조합을 하고 있답니다. 재조합을 하면 영구적으로 스킨을 얻을 수 있는데요. 그동안 뭐 좋았다? 할만한 스킨들이 안나와서 아무 생각없이 눌렀는데.. 워우 이번에 새로 나온 신스킨이 떳네요ㅋㅋㅋㅋ 이런 적이 처음이라 인증샷 남겼습니다. 재조합한 스킨은 조종사 이렐리야, 쥬라기 초가스, 태초의 우디르??? 이제 조합해버려서 이름은 기억이 나지 않는 관계로^^ 가지고 있는 스킨 파편들은 많은데 어떤 스킨을 지를지 조심스러워서 아직은 주황파편을 모아두고 있습니다. 워우 아무튼 제 처음 잘나온스킨이라 스샷도 한장 쾅~~ 컬렉션 들어가보니 멋있네요. 새로운 스킨을 바로 받아 볼 수 있는 스킨 파편 재조합!..
후기를 남기기 전 먼저 새해복 많이 받으세요 ㅠ_ㅠ 설날이라 오랜만에 롤을 접속 했더니 URF 모드 OPEN!!!!!!!! 이라서 게임 시작을 하려는데 무슨 클럽을 가입해볼래요? 하길래 기존에 보유하고 있던 RP로 뭔지 모르겠지만 구입.... 1250 RP를 지불하고 흑우 에디션 클럽에 가입이 완료 되었습니다 ㅎㅎㅎ 상점 들어가보면 메인에서 저 바다표범같이 생긴 웃고있는애 클릭하면 살 수 있구요. 저만 당할 수 없으니 같이 사요 ㅋㅋㅋㅋㅋㅋ 게임 하면 10명중에 저만 가입 되있는... 저 아이콘 저만 있음... 대기실에도 황금 뒤집개 클럽 활성화 됬다고 반겨주고~~ 게임 시작하면 저기~~~ 가운데 3픽 보시면 대기실 혜택★ 1. 황금 휘장도 달아줍니다. 간지 폭발 2. 매 게임 스킨부스터도 하나씩 제공받..
웹사이트의 메인 화면에 주로 쓰이는 기능 중 하나로 사진이 슬라이드 형식으로 쓱쓱 지나가는 플러그인을 소개합니다. 슬라이더 플러그인 이름은 " Smart Slider 3 " 으로 써본 결과 99% 만족했습니다^^ 여러 다양한 기능들을 지원합니다. 한번 쓰고 두번쓰고 ~~계속 쓰고! ■ Smart Slider 3 스마트 슬라이더 플러그인은 플러그인 검색창에 Smart Slider 3 를 검색해주시면 됩니다. 스마트슬라이더의 스크린샷에 들어가보니움직이는 짤 GIF 파일로 간단한 사용법들을 제공하고 있어 이미지 주소 복사 후 블로그로 퍼왔습니다. 출처 https://smartslider3.com/ https://ps.w.org/smart-slider-3/assets/screenshot-1.gif?rev=168..
회사 사이트에서 없으면 안되는 메뉴 중 하나를 꼽자면.. 문의메일 보내기 기능이 있는데요. 사이트를 방문하는 고객들이 메일을 간단하게 보낼 수 있도록 사이트에 넣어두는거죠. 워드프레스에는 이런 기능을 지원하는 플러그인들이 많았지만 다운로드수가 많고, 간단한 Contact Form 7 플러그인을 소개해봅니다. ■ Contact Form 7 워드프레스 새 플러그인 추가에서Contact Form 7검색하시면 " 별 다를 것 없는 컨택트 폼 플러그인 " 을 설치하시면 됩니다 ^^ 설치 후 관리자 메뉴에 연락처 메뉴가 추가되고 자동으로 연락처양식1 항목이 추가됩니다. 편집으로 들어가면~~~~~~ 기본 양식은 위와 같습니다. 중요한건[text* your-name][email* your-email][text your..