본문 바로가기

분류 전체보기221

SASS SCSS a태그 아래 각기 다른 색 요소를 a:hover 색은 같게 하기 ✈SASS SCSS a태그 아래 각기 다른 색 요소를 a:hover 색은 같게 하기 SASS SCSS a태그 아래 각기 다른 색 요소를 a:hover 색은 같게 하기. 되게 거창한 표현같지만 별거 아니다. 다만 SCSS의 구조에 대해서 설명하기 위한 글이다. 위와 같은 경우 텍스트 영역에 링크는 하나다. 마우스오버가 되었을 때 문단 별로 색이 바뀌면 안되고, 전체가 색이 반전이 되어야 한다. 각각 스타일을 주어도 되지만, SCSS에서는 간단하게 처리가 가능하다. html Contents 스페인하숙 3화 미안하지만, 난 당신들이 궁금하지 않아요미안하지만, 난 당신들이 궁금하지 않아요미안하지만, 난 당신들이 궁금하지 않아요 이런 구조일 때 SCSS SCSS 는 다음과 같이 구성한다. .card { borde.. 2019. 11. 18.

부트스트랩 셀렉트 .bootstrap-select css 스타일 변경 모두 선택 해제 토글 버튼 scss 부트스트랩 셀렉트 .bootstrap-select css 스타일 변경 부트스트랩의 셀렉트는 셀렉트 그 자체는 예쁘지만, 멀티 셀렉트 사용 시에 선택 체크가 너무 안 예쁘다. 더더군다나 한국사람들은 멀티 셀렉트에 익숙하지 않아서 checkbox를 필요로 한다. 위와 같은 멀티 셀렉트 박스를 정말 안 예쁘다. 이것을 마치 체크박스로 선택한 것처럼 바꾸는 김에 모두 선택과 모두 해제 버튼도 마치 전체 선택 체크박스인 것처럼 바꿔보자. 물론 이때 체크박스는 이미지 BG다. 이 방식을 쓸 때의 개발 이점은 모두 선택과 해제할 때 전체 체크박스의 checked를 제어해줄 필요가 없다. bootstrap 자체의 jquery가 기본적으로 반전해 준다. 부트스트랩 셀렉트에 multiple을 줄 때 data-actions.. 2019. 11. 14.

✈ img 태그 404 Error시에 대체 이미지 띄우기 img 태그 404 Error가 발생하면 대체 이미지를 띄우는 것은 쉽다. 아니 처음부터 그렇게 만들면 별로 걱정할 문제는 아니다. 그리고 대체로 레이아웃을 구성하는 이미지는 bg속성을 준 스타일을 먹이는 경우가 대부분이므로, bg가 깔리지 않으면 스타일만 변경해 주면 된다. 그 이외의 레이아웃을 구성하는 이미지 요소들도 마찬가지로 처리하면 된다. 문제는 게시판이나, 갤러리 등 다수 사용자 빌런 그룹이 존재하지 않는 이미지를 올리거나, 올렸던 이미지 소스 주소가 없어진 경우에 발생하는 이미지 에러 문제는 보통 다음과 같이 해결해 주어야 한다. 그런데 앞서도 지적했지만 게시판에 이미지를 불펌해다 붙이는 사용자들이 친절하게 html태그를 열어서 대체 이미지 주소를 입력하는 attr을 집어넣기를 바라는 것은 .. 2019. 11. 11.

엑셀 중복값 제거 엑셀 중복값 제거 엑셀은 회사 업무에서도 자주 사용하지만, 개인적인 데이터 분류를 위해서도 많이 사용합니다. 엑셀은 주로 데이터를 다루는 문서 프로그램인 관계로 데이터 자료가 많아지다보면 중복된 값이 들어있는 자료들이 곳곳에 숨어 있을 수 있습니다. 오늘은 엑셀 중복값 제거 방법에 대해 살펴 보겠습니다. 중복된 값이 있으면 찾아서 확인하는 방법, 얼마나 중복된 지 찾기, 중복된 자료는 제거하는 방법으로 상황이 나뉠 것입니다. 이 포스팅에서는 그냥 중복된 셀은 제거하는 법을 설명하겠습니다. 굉장히 간단합니다. 데이터 메뉴에 보면 "중복된 항목 제거"가 있습ㄴ다. 중복 값 제거를 비교할 열을 선택합니다. 이 데이터에서는 약품명만 비교해서 중복되면 제거하겠습니다. 위에는 3개열이 모두 체크되어 있지만 원하는 .. 2019. 10. 30.

✈ Bootstrap 4 Carousel : 자동 재생 중지 방법 부트스트랩 슬라이더 처음 퍼블리셔를 시작했을 때 내게 카루셀(Carousel)은 악몽같은 존재였다. 클라이언트들이 요구하는 각종 사안을 적용해서 슬라이더를 매번 새로 만들어야 했기 때문이다. 요즘은 부트스트랩같은 라이브러리가 많이 사용되고 있어서 슬라이더 구현이 너무 편하다. Bootstrap 4는 별로 친절하지 않다. Bootstrap 4에 카루셀 슬라이더가 있지만, 처음부터 자동재생이다. 이걸 원한다면 너무도 간편한 방법이지만, 처음에 멈춰 있기를 원한다면 이 때는 패닉이다. 방법은 의외로 간단하고 무궁무진하다. 먼저 예제를 보자. 가장 간단한 방법은 data-ride =”carousel” 를 빼 버리는 방법이다. 이게 없으면 부트스트랩 슬라이더는 멈춰 있다. 아니 멈춰두면 이게 뭐냐? 싶겠지만 부트스트랩 슬라이더는 P.. 2019. 10. 27.

AMD 피규어 끼워 팔기 암드 라데온 5700xt 리사수 인터넷 게시판들마다 난리가 났다. 암드가 하다하다 미소녀 피규어를 끼워 판단다. 라데온 5700xt 그래픽 카드 박스 옆에 미소녀 피규어가 세워져 있다. 물론 유머다. 피규어는 리사수 피규어다. 팔면 당장 사겠지만...이 리사수 피규어는 라사수의 팬이 수작업으로 만들어 선물 한 피규어다. 팔면 좋겠다. 암드 피규어 껴서 파는 곳 나오면 좋겠네... 이런 미소녀 피규어라면 당장...사러간다. 2019. 10. 25.

이전 1 ··· 25 26 27 28 29 30 31 ··· 37 다음

티스토리툴바