본문 바로가기
반응형

전체 글137

[slick] slick 슬라이드 row html 구조 순서대로 이미지1 -> 이미지2 -> 이미지3 ->이미지4 > 이미지A -> 운동시설B -> 이미지C ->이미지D 입니다. 이미지로 넣었으면 중간에 구간 식별이 더 쉬었을텐데 이미지대신 배경 핑크색을 넣어서 중간 구별이 안가는것 같아 글씨를 추가했습니다. slick slide 옵션 rows : 2 -> 세로로 2줄 slidePerRow:3 -> slidesToScroll 과 같은 옵션인것 같다. ( slidesToShow: 3, -> 보여지는 슬라이드 갯수 slidesToScroll: 3 -> 스크롤 넘겼을때 넘어가는 슬라이드 갯수 ) arrows -> 이전/다음버튼 추가 dots -> 페이징 버튼 infinite -> 슬라이드 갯수에 상관없이 무한반복 $(document).ready(fu.. 2020. 7. 17.
[slick] slick 슬라이드 - 기본(+이전,다음버튼) 이전다음 버튼은 slick 슬라이드에서 prevArrow , nextArroow 옵션을 추가하면 된다. $(document).ready(function(){ $('.responsive').slick({ dots: true, prevArrow: $('.prev'), nextArrow: $('.next'), infinite: false, speed: 300, slidesToShow: 3, slidesToScroll: 1 }); }); 맛집사진 갤러리 맛집 & 핫플이 필요하신 경우 연락주세요. 언제든지 환영합니다. slick 슬라이드 왼쪽은 파란색 배경 before 오른쪽을 슬라이드 입니다. 이전 다음 #container{width:1500px; margin:50px auto 0; } #container h2.. 2020. 7. 16.
[반응형] 반응형 컨텐츠 div 사이간격 #tab li 사이간격 , .tabcontent li 사이의 간격을 각각 padding:5px; , padding:15px; 로 주고 전체를 감싸고 있는 태그에 margin:0 -5px; margin:0 -15px; 를 하게되면 양끝 padding이 빠지고 가운데에 겹쳐지는 요소에 간격만 벌어지고 전체적인 width값은 동일하게 된다. 반응형. 전체 날씨 천둥 번개 햇빛 바람 폭우 우박 쨍쨍 기상청 2020년 7월 날씨 안내 - 기상청 날씨 예측 슈퍼컴퓨터 소나기를 동반한 천둥번개, 태풍상륙예정, 외출시 우산 필수입니다. 기상청 2020년 7월 날씨 안내 - 기상청 날씨 예측 슈퍼컴퓨터 소나기를 동반한 천둥번개, 태풍상륙예정, 외출시 우산 필수입니다. 기상청 2020년 7월 날씨 안내 - 기상청 날씨 예.. 2020. 7. 14.
수량버튼 + / - 클릭시 총 금액 변경 스크립트 display:table을 이용하여 왼쪽 오른쪽 정렬하고 수량 up down 이미지 클릭했을 때 input 태그에 수량이 같이 올라가며 총금액도 변환되어야 한다. input id값은 수정시 스크립트도 같이 수정해 줘야하며 수량을 직접 입력하지 않게 하기위해 readonly가 있어야한다. 수량표시 + / - 정가 ￦200,000 판매가 ￦160,000 플러스 마이너스 총 금액 74,000 Number.prototype.format = function(){ if(this==0) return 0; var reg = /(^[+-]?\d+)(\d{3})/; var n = (this + ''); while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2'); return n.. 2020. 7. 11.
[CSS] input custom css input 체크박스나 라디오 버튼을 그대로 가져다 쓰면 모양이 예쁘지 않아서 CSS를 통해 체크되는 모양을 바꿀 수 있는 input custom css 입니다. 글씨를 클릭해도 (display:none 해놓은) input태그에 체크가 될 수 있도록 글씨를 label 태그 안에 넣어주고 클릭을 하면 글씨 앞에 있는 i태그가 체크되는 박스 모양입니다. 큰 체크박스 큰 체크박스 큰 라디오버튼 큰 라디오버튼 /*스크립트 사용하지 않은 체크박스 커스텀 css*/ input.chkBasic[type="checkbox"] {display:none; vertical-align:middle; } input.chkBasic[type="checkbox"] + label.chkBasic {vertical-align:middl.. 2020. 6. 25.
계림원 - 누룽지 통닭 계림원 누룽지 통닭을 처음 들어봤는데 진짜 맛있다고 해서 처음 가봤다. 누룽지 치킨이 아니고 통닭인 이유가 있음. 튀긴에 아니고 기름 쪽빠지게 구운(?) 통닭이였다. 그리고 아래에 깔린 누룽지. 누룽지랑 통닭이랑 무슨 조합이지? 했는데 먹다보니 또 맛있어서 계속먹게됐다. 위에 사진은 아이폰 인물모드로 찍은거고 아래는 노트텐 소다캠으로 그냥 막 찍은거 ㅋㅋㅋ 확실히 아이폰과 삼성의 갬성 차이가 있긴 하다. 맥주 500cc 두잔에 소주 3잔정도 마셨는데 역시 나는 알쓰였어 맥주에서 끝냈어야 한다... 소주마셨더니 속이 안좋음 ㅠㅠㅠ 그치만 소주마시기 전까지 먹은 누룽지 통닭은 진짜 맛있었다. 우리가 먹은건 누룽지통닭이였는데 치즈콘닭이나 매콤불닭도 맛있어 보였당 ㅠㅠ 다음엔 매콤불닭을 도전해 봐야지 얼마나 매.. 2020. 6. 19.
안양 좋은아침 빵집 - 팡도르 안양 대동문고 건물에 빵집이 생겼는데 여기 팡도르 빵이 맛있다는 친구의 제보를 받고 찾아가봤다. 빵집이 새로 생긴줄도 몰랐는데 게다가 맛집이라니. 여기에 원래 뭐가 있었더라..?? 아무튼 빵집으로 바뀐지 좀 된것 같았다. 내가 산건 딸기 팡도르. 팡도르가 무슨빵인지 몰라서 궁금한데 게다가 맛있다고까지 하니 궁금해서 안살수가 없었다. 팡도르가 무슨 빵인지 몰라서 검색해봤는데 이탈리아에서 유래된 8각 별 모양의 달콤한 빵으로 프랑스 크로와상이나 브리오슈 영향을 받았다고 하는데 팡도르는 판 데 오로 라는 뜻으로 금으로 만든 빵이라는 뜻이라고 한다.. 근데 내가 찾아서 나온 팡도르하고 내가 먹은 페스츄리 같은 팡도르는 같은 빵이아닌것 같다.. 인터넷에 나오는 팡도르는 파운드 케익이랑 비슷하게 생겼네.. 간판에 .. 2020. 6. 17.
부천 스타필드 옆 릴리프 카페 무려 한달전에 갔던 곳인데 이제서야 올리는 게르음뱅이 요즘 아주 나태해져가지고 클났다.. 나태지옥에서 못나올것같아.. 하루하루를 바쁘게 살아야되는데 그렇지 못하고 있다 ㅠㅠ 암튼 5월의 비오는 금요일 저녁. 근황토크 좀 할겸 아는 언니는 굉장히 오랜만에 만나따 언니 차타고 부천 스타필드 갔는데 퇴근하고 만났더니 너무 늦은시간이라 이마트 트레이더스 구경하고 굶주린 배를 왕큰 브리또(?)랑 피자였나 암튼 그런 음식들로 채우고 근처에있는 분위기 좋다는 카페를 찾아놨다고 해서 신나게 따라갔다. 부천 스타필드에서 멀지않음. 오히려 가까운 거리에 있는 곳인데 건물 한개가 전부 카페건물이였다. 입구에서 본 1층 카페 실내인데 굉장히 정갈한 느낌이라 왠지 다도해야할 것 같은 분위기 였다. 어떤 잡지 한쪽에 자리잡고 있.. 2020. 6. 7.
신도림 - 역전할머니맥주 어쩌다보니 퇴근하고 갑자기 성사된 만남 ㅋㅋㅋ 이번 만남의 중간지점은 신도림이여서 한번 갈아타고 가면 되서 딱이였따. 신도림역을 전철타고 맨날 지나다니긴 하는데 내려서 뭔갈 하는건 이날이 처음이였는데 분위기가 뭔가 여의도 같은데 좀더 거주지화 된 여의도...?? 암튼 나는 처음가보지만 살얼음 맥주로 유명하다는 역전할머니맥주에 갔는데 사람무슨일이야... 완전 꽉 차있고 우리 자리잡고 좀있으니 줄서서 기다리는 정도였다. 일찍와서 안기다리고 앉을 수 있어서 다행이였다 살얼음 맥주로 유명해 질만함.. 진짜 살얼음 제대로 있어서 잔이 조금씩 녹을때마다 컵테두리에 붙어있던 얼음들이 동동떠다녔다 ㅋㅋ 완전 시원하게 마실수 있어서인지 아주 술술 들어감 처음엔 500먹다가 작은맥주도 있다고 해서 주문해봤는데 300cc .. 2020. 5. 28.
반응형

티스토리툴바