Tistory Blog 검색 결과

해당 글 78건

블로그 꾸미기 프리로더 및 hover 효과

진짜 진짜 마지막 꾸미기.. ㅠ_ㅠ 더이상은.. NAVER 너무중독이다.. ㅠ_ㅠ 사실 오늘은 너무많은 font-family 사용이되어있어 그 것을 줄여주고 하단 썸네일 hover 효과에 문제가 있어서 수정을 하는 작업을 진행하다가 갑자기 예쁜 프리로더를 추가하고 싶어 설치를 하였는데... 막상 달아보니 너무 난잡했다. 또 페이지 로드가 빨라서 그런지 사각형이 다돌기도 전에 잠깐 나왔다 사라져서.. 처음 방문한 사람이 보면 ..

Tistory Blog/Html,Css 편집 2016.03.11 19:30

블로그 로고 벡터이미지 svg파일로 만들기 및 사용법

오늘은 블로그 로고작업을 SVG로 교체하는 작업을 다시 했습니다.로고파일이 원래 455x299 사이즈의 png 파일인데...이게 사이즈가 크게 해서 로고를 만들 때는 이미지가 깨지지 않는데..너무 작은 부분에 로고를 사이즈를 줄여서 넣으려고 하면 계단현상 즉 이미지가 깨져버리는 현상이 발생합니다.그래서 이런식으로 그냥 웹폰트를 불러와서 꾸미고 있었죠.괜히 저폰트 사용도 많이 안하는데.. 계속 있는 것도 보기 안좋고한글 로고가 있는데 영문을 사용하는 ..

Tistory Blog/Html,Css 편집 2016.03.10 01:48

라이브리 소셜댓글 LiveRe(신버전) 설치하기 2탄(tab버튼)

오늘은 새로워진 라이브리 소셜 댓글 신버전을 설치를 해볼 건데요. 조금 새롭게 토글 형식을 사용해서 설치를 해보겠습니다. 우선 기본 플러그인 손쉽게 설치를 하고 싶으신 분들은 아래 링크를 참고해주세요. http://cocosoft.kr/380 - 새로워진 라이브리 소셜댓글 LiveRe(신버전) 설치 방법 및 후기(장단점) 사실 라이브리 댓글을 사용하면 가장 큰 문제점이 기존 티스토리 댓글과 동시에 사용하기 매우 힘들다..

Tistory Blog/Html,Css 편집 2016.03.09 02:17

[jQuery] input checkbox 이벤트 실행

오늘은 거의 역대급.. 뻘짓..작업(?) 시간 낭비..지금 이글을 적으면서도 왜했지? 라는 생각이 드는 ㅠ_ㅠinput type="checkbox" 의 이벤트 실행하는 함수입니다.라이브리 댓글 토글 버튼 디자인 구경하다가 완전 깜찍한 토글 버튼을 발견해서저녁 내내 ㅠ_ㅠ 갖다 붙여넣기 했는데뭔가 괜히 찝찝한 느낌입니다...며칠 이내로 때버릴 것 같네요. 그래도 언젠가는 쓸일이 있겠지..특징이라면 .attr() 안돼서 .prop() 요걸로 했..

Tistory Blog/Html,Css 편집 2016.03.08 23:02

[JavaScript] onclick 한번만 실행 로드 하기

사실 오늘 라이브리 댓글을 새로 설치하면서 기존의 댓글창과 동시에 사용하고싶어서 토그 형식의 버튼을 만드려고 했습니다. http://cocosoft.kr/380 - 새로워진 라이브리 소셜댓글 LiveRe(신버전) 소개 라이브리 소셜댓글을 클릭을 하는 사람에게만 스크립트 로드가 되겠금 만드려고 했는데 하지만 문제점이 발생했습니다. 라이브리 소셜댓글 버튼을 누를때마다 라이브리 스크립트가 로드되어서 댓글폼이 계속 생겨버리게 되는 점이죠. ..

Tistory Blog/Html,Css 편집 2016.03.08 02:11

티스토리 특정카테고리에서만 나타나는 메뉴 만들기(진행 상황)

티스토리 특정카테고리에서만 나타나는 메뉴 만들기를 해보았습니다. Intro - 해당기능을 달게 된 이유 사실 특정카테고리에서만 나타나는 메뉴의 최종 목적은 추천 글을 보여주는 사이드바 모듈을 만들려고 했습니다. Addthis나 기타 추천 모듈 위젯 플러그인을 사용하면 추천 글 보여주기는 가능하나 주제별로 맞춤형 포스팅을 제공하기도.. 추천 구독 모듈 디자인을 수정하기도.. 내 마음대로 커스터마이징을 하기는 힘들었습니다. 그래서 한번 직접 ..

Tistory Blog/Html,Css 편집 2016.03.07 04:40

티스토리 블로그 꾸미기 - 드랍다운 메뉴 모듈 만들기

오늘은 간단한 드랍다운 메뉴를 사이드바에 설치하는 블로그 꾸미기 작업을 하겠습니다.설치하는 방법을 잘 따라오시면 사이드바 뿐 아니라 상단 네비게이션 헤더 또는 확장 메뉴등다양하게 사용 가능 할 수 있을 것입니다. 제블로그에 적용된 예시 SNS 채널 구독 카카오스토리 트위터 네이버 인트로 - 사전 습득 지식 드랍박스 구조는 보기에는 단순해 보여도, 꽤 많은 사전 지식이 필요합니다.꾸미기 중급..

Tistory Blog/Html,Css 편집 2016.03.05 17:29

티스토리 블로그 CCZ-CROSS 스킨 꾸미기 완성 #1편

오늘은 간단하게 블로그 꾸미기 완성 관련 글을 작성해 보겠습니다. 간편한 말투!! 시작!!!시간으로 보니 블로그 스킨을 새로 바꾸고 약 보름이라는 시간이 넘게 걸린 것 같다.이제 웬만한 블로그 스킨은 다 꾸몄고, 세세한 부분의 마감처리(?), 포인트 처리를 하고 있는 중이다.HTTP Requests도 60 이하로 줄였고,페이지 로드 속도를 매우 크게 향상 시켰다.다만.....  지금 현재 내블로그의 서버 응답시간이 평균 3초 라는 것을 감안..

Tistory Blog/Html,Css 편집 2016.03.03 16:40

티스토리 블로그 SNS 공유버튼 직접 달기(공유 소스 API URL, 쉬움주의)

안녕하세요. 오늘은 아주 쉽게 티스토리 블로그 SNS 공유버튼을 아주 간단하게 만들어 보겠습니다.제 블로그 상단 헤더 부분에 존재하는 것들이죠!예전에 하나씩 공유 버튼 다는법 포스팅을 했는데 이번엔 총정리!! 카카오톡까지!Addthis와 같은 플러그인들로 만들 수 있지만(X) 외부스크립트파일이고또 네이버나 카카오스토리는 없고!! 또 버튼 모양이나 배치를 원하는 곳에 할 수 없기 때문에!!직접 아주 간단하게 만들어보겠습니다. 인트로-사전지식(크게 중요..

Tistory Blog/Html,Css 편집 2016.03.02 00:01

마우스 우클릭 방지 및 자동 출처 표시에 대한 고찰

오늘은 마우스 오른쪽 버튼 금지 및 자동 출처 표시에 대한 고찰에 대해서글을 적어 보려고 합니다. 인트로 - 왜 불펌 방지 기능을 사용을 생각을 했는가? 저는 마우스 오른쪽 버튼 및 드래그 방지, 선택 금지등의 불펌방지 플러그인을 사용 하지 않고 있었습니다.일러스트의 이미지 파일과 소스코드 등이 많고 요즘에는 어차피 크롬으로 마우스 우클릭은 다풀려 버리니...http://cocosoft.kr/155 - 크롬 마우스 우클릭 해제 방법..

Tistory Blog/Html,Css 편집 2016.03.01 21:05