반응형 4

[티스토리] 카카오톡 공유버튼 만드는 법

티스토리에는 카카오톡 공유버튼이 아직 없습니다. 이 글을 통해 쉽게 만들어 보시기 바랍니다. 3번의 복사 붙여넣기로 카카오톡 공유 버튼 만들기가 가능합니다.하시기 전에 카카오디벨로퍼(카카오 개발자 플랫폼) 사이트에서 자신의 자바코드만 준비하시면 됩니다.※ 붙여넣을 코드는 아래 텍스트 파일로 준비했습니다. 1. 카카오톡 공유버튼 스크립트 적용 HTML의 안에 아래 코드 넣기123Colored by Color Scriptercs 2. 카카오톡 공유버튼 스크립트 적용2HTML ~ 안에 아래 코드 넣기123456789101112131415161718192021222324252627282930313233343536373839 var firstImg=$(".imageblock:first-of-type img"); ..

[티스토리] 반응형 #1 bxslider(슬라이드 갤러리)설치

1. 슬라이더 파일 업로드 bxslider.css, jquery.bxslider.min.js 2개 다운 받아서 스킨편집에서 파일 업로드 2. 슬라이더 속성 스크립트 붙여넣기 아래 코드를 html의 안에 넣는다. 1234567891011121314151617181920212223242526272829303132333435363738 $(document).ready(function(){$('.bxslider').bxSlider({auto: true,mode: 'fade', //슬라이드 형식 (ex. horizontal, vertical)useCSS: false,randomStart:true, //사진 램덤시작 안쓰면 지우기infiniteLoop: true,adaptiveHeight: true,hideCont..

[티스토리] 반응형 #1 본문 아래 - 썸네일 카테고리

1. 썸네일 카테고리 - HTML 수정 아래의 초록 블록 사이에 넣어주세요. 공유하기 링크 2. 썸네일 카테고리 - CSS 수정 아래의 초록 블록의 위 아래를 코드를 넣으세요. /* 썸네일 관련기사 */ @mediaonly screen and (max-width:820px) and (-webkit-min-device-pixel-ratio: 1.5),only screen and (max-width:820px) and (min-device-pixel-ratio: 1.5),only screen and (max-width:820px) and (min-resolution: 1.5dppx) /*썸네일 카테고리 리사이징*/ ※ 기존 스킨 백업 후 진행하세요.

반응형 이미지 목록 만들기

간략한 반응형 이미지 목록을 만들어 보겠습니다.반응형 목록의 레이아웃 전환 기준은 가로 820px를 기준입니다. 적용된 스타일은 다음과 같습니다.1. 목록의 제목 좌우에 가로줄을 넣어 꾸미기2. 이미지 위 글씨 넣기3. 이미지 위 검은색 투명 배경 넣기4. 가로 820px를 기준으로 이미지 배열이 2열, 1열로 변화 1. 반응형 이미지 목록 - HTML 123456789101112131415161718192021222324252627282930313233343536 Category Info Daily Review Com Colored by Color Scriptercs 2. 반응형 이미지 목록 820px 이상일 때 - CSS 1234567.tit_intro{position: relative;margin-..