본문 바로가기

분류 전체보기280

✈ CSS3 text-shadow 텍스트 쉐도우 배경 BG에도 잘 보이는 글자 국어청 인사말 퍼블리싱 작업 중인데... 2016. 9. 8. 17:35 디자이너가 원색 찬연한 BG를 깔았다. PC 화면에서라면 문제가 없지만... 반응형으로 모바일 화면이 되면, 백그라운드 이미지와 텍스트가 겹치게 되는데... 글씨가 배경 때문에 잘 안보일 수가 있다. 이럴 때 선택은 3가지다. 1. 모바일 상태에서 BG를 날려버린다. (화면이 굉장히 심심해진다.) 2. 텍스트와 BG레이어를 absolute로 띄워서 모바일 미디어 쿼리일 때는 BG레이어에만 opacity를 먹인다. (배경 흐려짐 효과) 3. BG에도 잘 보이는 글자가 되게끔 텍스트에 스트로크를 씌운다. CSS에 스트로크가 없으니 text-shadow를 응용한다. 텍스트의 css속성으로 text-shadow:#fff 0 0 2px 2p.. 2021. 1. 29.

React Js - Global CSS 설정 + styled reset. classNames/bind :global local css 동시 적용 react module.css :global local css 동시 적용하는 방법. classNames/bind를 사용하고 있을 때 className={cx("label","labelTst")} .labelTst는 app.module.css에 등록. React Js - Global CSS 설정 + styled reset css 초기화를 위해 styled-reset 설치 styled-components는 local로 동작하기 때문에 global 한 css를 만들기 위해 GlobalStyles.js 생성 설치 NPM설치 : npm install styled-reset styled-components 얀 살치: yarn add styled-reset styled-components 사용 Components/G.. 2021. 1. 14.

✈ bootstrap4 datepicker tempusdominus style css 수정을 위한 달력 element dom class bootstrap4 datepicker tempusdominus style css 수정을 위한 달력 element dom class 부트스트랩4에서는 기존의 datepicker가 작동하지 않는다. 그렇다고 bootstrap을 마이너그레이션을 하기도 애매하다. 부트스트랩4에 적용이 가능한 데이트피커는 tempusdominus가 거의 유일하다. 좀 더 커스터마이징을 하려면 필스 라이브러리인 moments.js도 건드려야 하지만, 일단은 tempusdominus가 그리는 calendar의 class와 html element 구조만 알아도 대략적인 스타일링은 가능하다. 하지만 유감스럽게도 데이터피커를 멈추고 돔을 탐색하기가 쉽지 않다. 시간이 없어서 일단 그냥 tempusdominus datepicker wid.. 2021. 1. 11.

Jquery 스와이퍼 슬라이더 플러그인 idangerous.swiper.js pagination 스타일 변경하기 ✈ Jquery 스와이퍼 슬라이더 플러그인 idangerous.swiper.js pagination 스타일 변경하기 idangerous.swiper.js를 사용하면 모바일에서 슬라이드를 터치해서 넘길 수 있는 장점이 있다. 그런데, idangerous.swiper.js에서 제공하는 여러 템플릿 중에서 페이징 처리를 텍스트 문장으로 처리할 수 있는 기능은 없다. 약간의 꼼수를 사용해서 페이지네이션에 숫자나 불릿 대신 텍스트 문장을 보여주도록 변형했다. 그런데, 대략 6~8개 정도를 배치할 수 있는 이 형태에서 디자이너가, 페이지네이션을 다시 페이징처리를 해서 10개 정도 등록되었을 때 초반 6개만 보이고, 나머지는 다음 페이지에서 보이게 처리해 달라는 주문을 받았다. 그런데 그런 처리를 하려면 플러그인 자.. 2021. 1. 11.

📌 [tcping] Network 특정 TCP포트 확인하기 / ping처럼 특정포트가 응답하는지 체크 첨부된 파일을 다운 받으신 다음에 cmd를 실행시키시고 다운받은 폴더로 이동해서 다음과 같이 입력하시면 됩니다. FTP서버가 정상 동작중인지, 원격이 정상동작중인지 등에 대해서 체크합니다. 시작 -> 실행 -> cmd -> tcping 주소 or 도메인 포트번호 tcping.exe - ping over a tcp connection Usage: Usage: tcping [-t] [-d] [-i interval] [-n times] server-address [server-port] -t : ping continuously until stopped via control-c -n 5 : for instance, send 5 pings -i 5 : for instance, ping every 5 seconds.. 2020. 9. 25.

📌 외장하드 아이콘 변경 방법 / 외장 HDD Icon 변경하는 법 외장하드 Icon 변경 방법 / 외장 HDD 아이콘 변경하는 법 외장하드 아이콘을 변경하기 위해서는 ico 파일이 필요하다. ico 파일 만드는 방법은 다음의 링크를 참조하길 바란다. https://a1itvouloir.tistory.com/entry/컴퓨터-아이콘변경하는법-아이콘-파일-만들기-ico파일-제작방법-SimplyIcon11 컴퓨터 아이콘변경하는법 아이콘 파일 만들기 ico파일 제작방법 SimplyIcon1.1 컴퓨터 아이콘변경하는법 아이콘 파일 만들기 ico파일 제작방법 SimplyIcon1.1 윈도우 기반의 데스크탑에서 아이콘을 만들려면 ico파일을 만들어야 한다. 가장 간단하게 ico파일을 만드는 방법은 simplyicon이라는.. itblog.bcafe75.com ico파일이 준비되었다.. 2020. 9. 24.

이전 1 ··· 29 30 31 32 33 34 35 ··· 47 다음

티스토리툴바