듀비 라이프

폰트 변환 폰트 변환이 필요하다. 만약, ttf 파일만 갖고있다면 해당 파일을 아래 사이트에 업로드 후 eot, woff2, woff 등으로 변환한다. https://convertio.co/kr/otf-ttf/ OTF TTF 변환 (온라인 무료) — Convertio otf 파일(들) 업로드 컴퓨터, Google Drive, Dropbox, URL에서 선택하거나 이 페이지에서 드래그하여 선택해 주세요. convertio.co 변환 후 다운로드 시 파일명에 prefix가 붙으므로 파일이름 변경하는거 잊지말기 변환 후 홈페이지 서버에 변환한 파일들을 적절한 경로에 업로드 후 아래 css 작성 css 작업 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 2..

여러줄일때 여러 옵션이 더 들어간다. 1 2 3 4 5 6 /* 한 줄 */ .ellip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* 여러 줄 */ .ellipsis{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:2.4em } Colored by Color Scripter cs 여러 줄일때, webkit-line-clamp 옵션, height 옵션을 변경한다. ex) 네줄까지 표기하려면 1 2 3 ..

* 가로 중앙정렬 1 2 3 4 5 6 7 8 9 10 .div1{position:relative;} .my_div {position:absolute;left:50%;transform:translateX(-50%);} Colored by Color Scripter cs * 세로 중앙정렬 1 2 3 4 5 6 7 8 .div1{position:relative;} .my_div {position:absolute;top:50%;transform:translateY(-50%);} Colored by Color Scripter cs

head에 아래 meta 선언 meta 선언 안하면 모바일에서 media query 내용이 모바일 화면에 맞춰서 보이지 않으므로 반드시 선언해야함 1 2 Colored by Color Scripter cs css에서 화면 사이즈에 따라 아래 코드 사용 1 2 3 4 5 6 7 8 9 .my_div{width:50%;} /*기본은 가로길이 50%*/ @media screen and (max-width:1500px){ .my_div{width:70%;} /*브라우저 길이가 1500px 이하일때 가로길이 70%*/ } @media screen and (max-width:768px){ .my_div{width:100%;} /*브라우저 길이가 768px 이하일때 가로길이 100%*/ } Colored by Col..

내가 자주 사용하는 스크롤 css 스타일 1 2 3 4 .scroll_style::-webkit-scrollbar {width:5px} .scroll_style::-webkit-scrollbar-track {background-color: transparent} .scroll_style::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #aaa} .scroll_style::-webkit-scrollbar-button {width: 0;height: 0;} cs

알풀을 20마리정도 키우는데 그중 성어들 암컷이 단체로 임신을해서 여러마리를 넣어두기 위해 좀 큰 부화통을 구입했다. 지스 부화통을 많이들 추천하셔서 쿠팡에서 구매했는데 역시 포장상태가 예사롭지 않다. 부화통에 대한 설명이다. 큐방과 걸이식중 선택할 수 있고, 다른건 다 있지만 에어호스는 포함되어있지 않다. 부화통 구성품이다. 부화통, 치어받이, 콩돌, 기포조절기, 뚜껑, 큐방용 부품, 걸이용 부품이 포함되어있다. 크기가 14*14*15 사이즈 부화통이다. 나는 자반슬림 (45*35*32) 수조를 사용중이라 그나마 나았지만 30큐브 이하 어항에서 사용하면 꽤나 답답해보이겠다 싶었다. 나는 걸이식을 선택했는데, 큐방보다 더 튼튼해보여서였다. 근데 그렇게 튼튼해보이지는않는데, 또 몇달 사용해본 결과 한번도 ..

우리집 수조는 알풀 + 화롱이 (코리도라스)가 같이 사는데, 구피에게는 문제 없지만 ph 6정도를 좋아한다는 코리에게는 조금 살기 힘든 환경이라고 생각됐다. 구피야 ph 7대에서 문제없이 산다지만 나는 구피를 천천히 정리하고 코리만 키우고 싶은 사람이므로 수조 ph를 낮춰보기위해 이것저것 고민해봤다. ph 하강방법에는 아래 방법들이 있다고 한다. 1. 바닥재를 소일로 사용 - 나는 이미 흑사 바닥재를 사용중이고, 소일로 바꾸면 바닥을 해집는 코리 특성상 분진 엄청날거라고 생각됨.. 효과는 괜찮다고 하는듯. 코리 키우면서 소일 바닥재 사용하는분들 꽤 있다. 2. 이탄기 사용 - 수초항에 사용하는 이탄을 사용하는건데, 용존 산소가 높아야 잘 사는 코리가 적당히 살만큼 이탄기 사용하는건 어려울거라고 생각함. ..

https://vivacolor96.tistory.com/entry/20220117-%EC%88%98%EC%B4%88-%EB%9C%AF%EB%8A%94-%EC%BD%94%EB%A6%AC?category=537404 (2022.01.17) 수초 뜯는 코리.. https://vivacolor96.tistory.com/entry/20220115%EB%AC%BC%EC%83%9D%ED%99%9C-%EC%8B%9C%EC%9E%91-%ED%99%94%EC%9D%B4%ED%8A%B8%ED%8C%AC%EB%8D%94%EB%A1%B1%ED%95%80-%EC%BD%94%EB%A6%AC%EB%8F%84%EB%9D%BC%EC%8.. vivacolor96.tistory.com 퇴근길에 알비노 풀레드 유어 13마리를 분양받았다. ..

https://vivacolor96.tistory.com/entry/20220115%EB%AC%BC%EC%83%9D%ED%99%9C-%EC%8B%9C%EC%9E%91-%ED%99%94%EC%9D%B4%ED%8A%B8%ED%8C%AC%EB%8D%94%EB%A1%B1%ED%95%80-%EC%BD%94%EB%A6%AC%EB%8F%84%EB%9D%BC%EC%8A%A4?category=537404 (2022.01.15)물생활 시작 - 화이트팬더롱핀 코리도라스 물생활 오래했던 고등학교 동창이 가정분양을 추천해서 가정분양을 알아보게 되었다. 수족관 분양도 생각해 보았지만 가격적인 측면도 가정분양이 훨씬 합리적이였고, 가격보다 더 중요한 개 vivacolor96.tistory.com 코리 친구들을 입양하고나서부터 매일..

설 연휴가 끝나고 바로 다다음날 꽃 선물을 해야 할 일이 생겼는데 날짜 계산을 잘못해서 급하게 주문해야 하는 상황이였다. 구매하고 싶었던 꽃다발은 파란 장미로 구성된 꽃다발이였기 때문에 동네 꽃집에서는 구할 수가 없었다. 이전에도 꽃 선물을 할 일이 있어 알아봤는데 파란 장미는 없다구..ㅠㅠ 그래서 결국 인터넷으로 꽃을 구매하게 되었다. 설연휴 전에 미리 주문을 했어야 했지만 이곳 저곳 고민하다가 너무 늦게 주문을 하게 되어 제일 처음 알아봤던 예송 플라워에서 꽃을 주문하기로 했다. 당연히 내돈내산. https://smartstore.naver.com/yeasongflower 예송플라워 : 네이버쇼핑 스마트스토어 예쁜꽃송이 예송 smartstore.naver.com 파란 장미 뿐만 아니라 흑장미, 민트 ..