[롤]신스킨 나무정령 르블랑 및 마법공학 애니 인게임 고화질 영상 및 일러스트

이번에 새롭게 추가된 신스킨 나무정령 르블랑 및 마법공학 애니 인게임 고화질 영상 및 일러스트에 대해서 알아보겠습니다! 요즘 나오는 스킨들은 거의 준 레전더리 스킨들만 나오네요.스킬, 귀환모션, 이펙트, 음성전부 바뀐 스킨입니다. 숲의정령 르블랑 (Elderwood LeBlanc) 가격은 1350 RP준레전더리 급입니다. 모든 스킬 이펙트가 바뀝니다.르블랑은 어려운 클래스임에 불구하고 많은 선수들 및 플레이어들이 즐겨하는 챔프인데구입가능한 스킨이 3개 밖에없었는데 이번에 새로 추가되어서 르블랑 유저들에게는 반가운 소식이네요르블랑은 현재 메인 일러스트는 추가되지 않았습니다.업데이트 되면 바로 올릴게요! 인게임 좌우앞뒤모습입니다. 나비같네요귀환 모션입니다. 영상에서 자세히 확인 가능합니다.분신의 모습입니다...

IT Review/Game 2016. 2. 26. 00:01

데이타 URI 스킴(Data-URI scheme)Base64 이미지 넣기

데이타 URI 스킨(Data-URI scheme)으로 블로그 이미지 교체하기를 해보겠습니다. 가끔 codepen에서 코드를 찾다보면 배경을 괴상망측한 아스트랄한코드를 배경으로 쓰는 사람들이 있습니다바로 이거죠! 근데 열어보면 이런 이미지가 나옵니다. 마우스 우클릭해서 소스보기를 해보세요. 이것은 원본사진입니다. 두개가 똑같습니다. 코드를 펼쳐보면 보이지도 않습니다. 한글 파일로 6페이지가 넘습니다. 원래사진이 흐린거지 다운로드해보면 원본파일과 크기 용량 모두 같습니다. 보통 우리가 알고 있는 이미지를 불러 올때는 서버나 공간에 파일을 올려두고경로를 입력해서 이미지를 표시하는게 우리가 일반적으로 알고있는 이미지를 표현하는 방법인데 위 방법은 이미지를 html코드로 작성해서 읽어서 표현합니다!!!!!즉 co..

IT Review/Site,Social,Tech 2016. 2. 25. 05:00

티스토리 블로그 CCZ-CROSS 스킨 footer 부분 꾸미기

오늘은 티스토리 블로그의 반응형 스킨인 티스토리 블로그 CCZ-CROSS 스킨 footer 부분 꾸미기를 해보겠습니다. footer 부분 꾸미는 것은 생각보다 간단합니다. 스킨의 웹디자인부분은 너무많은 방법이 있기 때문에본인의 블로그에 적용한 방법으로 설명 드리겠습니다.이 방법으로 만으로도 충분히 예쁘고 아름다운 블로그 푸터를 꾸밀 수 있을거라고 생각합니다. CCZ-CROSS 스킨의 소개 정보는http://webdir.tistory.com/491 에서 확인이 가능합니다. footer 부분의 구조를 살펴봅시다. site-footer #site-footer 는 간단한 푸터 네비게이션과 저작권 정보를 포함한 일반적인 구조이다. ..... ..... 첫 번째 footer 오른쪽 하단 SKIN BY COPYCAT..

Tistory Blog/Html,Css 편집 2016. 2. 24. 17:15

티스토리 CCZ-CROSS 스킨 확장 메뉴 PC에서 사용하기

오늘은 티스토리 블로그 반응형 스킨인 CCZ-CROSS의 확장 메뉴의 수정에 대해서 알아보겠습니다. 흉내내기님이 만드신 CCZ-CROSS스킨은 모바일과 테블릿에서 확장 메뉴를 지원합니다. 슬라이드 메뉴(?) 사이드 메뉴(?) 사이드 네비게이션(?) 콜 메뉴(?) 정확한 명칭은 잘모르겠어요 ㅠ 죄송합니다.스킨 다운로드 및 스킨소개는 해당 페이지를 확인하세요.http://webdir.tistory.com/491 - CCZ-CROSS 스킨 소개 아무튼 좌측 상단을 클릭하면 짜잔 하고 예쁜 메뉴가 튀어나옵니다. 하지만! PC화면에서는 카테고리만 덩그라니... ㅠ_ㅠ 그래서 PC 화면에서도 모바일과 태블릿과 같은 확장 사이드 슬라이드 네비게이션 메뉴를 사용해보도록 하겠습니다. 본격적으로 시작 해봅시다. 우선 해당..

Tistory Blog/Html,Css 편집 2016. 2. 23. 00:55

[jQuery]블로그 따라다니는 사이드바 만들기(배너 메뉴 포함)

안녕하세요. 오늘은 jQuery 스크립트를 사용해서 따라다니는 사이드바를 만들어 보겠습니다. 예전에 화면에 아예 고정되고 따라다니는 플로팅 메뉴를 만든적이 있긴한데http://cocosoft.kr/149 - 플로팅메뉴(추천위젯,광고)오늘은 사이드바의 메뉴 하나 또는 몇개만! 움직이는 따라다니면서 움직이는 형태를 알려드리겠습니다. 당연히 사용 전제 조건으로 jQuery 사용해야겠죠?요즘 웬만한 스킨이나 티스토리 공식 반응형 웹 스킨등에서도 jQuery를 사용하고 있긴합니다. 완성된 예제 입니다. 스킨의 상관없이 기존 사이드바 div 태그에 값만 설정 추가 해주면어느 사이드바에서도 사용이 가능합니다. intro - 사이드바에 대한 고찰 요즘 티스토리에서도 반응형 웹스킨을 공식적으로 지원하고 있고 해외 포럼이..

Tistory Blog/Html,Css 편집 2016. 2. 22. 00:00

티스토리 Open Graph 메타태그 입력 방법(네이버 웹마스터도구)

몇일전 네이버 웹마스터도구에 사이트 노출 부분에 Open Graph 메타태그를 입력했다가... 모든 썸네일과 정보 등이..고정되어버려서 오픈그래프 정보를 삭제한 적이 있었는데... 오늘 사이트맵 등록을 하면서 검색을하면서 더 알아보니.. -ㅠ-내가 태그를 잘못입력을 한 것 이였습니다ㅠ_ㅠ. 구글링을 해봐도 티스토리 블로그의 OG 정보 입력을 제대로 알려준 곳이 없었기에.. 아래처럼 입력하면 절대 안됩니다. 이딴식으로 입력하니깐.. -ㅠ-모든 게시글이 적힌 주소로 고정이 되어버리지...아래와 같이 모든 블로그 포스트의 정보가 고정이 되어버립니다..이게 뭐가 문제냐면 모든 글보내기 카카오스토리 공유하기 페이스북 공유하기 구글플러스 등등 모든 포스팅 공유 내용이 해당값을 가지게 되어버리게 됩니다. 그렇기 때문..

IT Review/Site,Social,Tech 2016. 2. 20. 04:47

[티스토리] 블로그 사이트맵 제출 (구글 네이버 웹마스터 도구) 및 등록 이유

안녕하세요. 오늘은 티스토리 블로그의 사이트맵을 네이버 웹마스터 도구나 구글 웹마스터 도구등 검색 엔진에 1.제출하는 법을 알아보고 2. 사이트맵이 무었인지? 3. 왜 사이트맵을 등록을 해야 하는지? 4. 그리고 제출 주기 및 기타 정보 대해서 알아보겠습니다. 사이트맵이란? 사이트 맵 웹페이지 전체URL을 포함한 사이트로 웹 마스터가 크롤링에 사용할 수있는 사이트의 페이지를 검색 엔진에게 알릴 수 있는 쉬운 방법입니다. 수집할URL / 페이지가 수정된 날짜 / 페이지 변경 빈도 / 사이트 내에서 중요도 간단한 메타 정보만으로도 검색 로봇의 수집을 도와주게 됩니다. 사이트맵을 등록하는 이유 위와 같은 이유로 인해 사이트의 검색 최적화를 위해서 사이트맵을 등록 해야 합니다. 기본적으로 블로그를 운영하면서 생..

IT Review/Site,Social,Tech 2016. 2. 20. 00:00

[티스토리]네이버 공유 버튼 만들기(블로그,카페,포스트,폴라)

안녕하세요. 오늘은 네이버 공유 버튼을 만들어 보는 시간을 가져 보겠습니다. 바로 이버튼이죠!! 클릭하면 공유가 됩니다. 몇 일전에 카카오톡 공유버튼을 만들었는데 이번에는 네이버의 공유 버튼도 만들어 보겠습니다. 최근에 네이버 공유 API 제공으로 블로그 공유뿐 아니라, 카페, 포스트, 그리고 폴라 서비스까지 손쉽게 공유 가능 하도록 개발 코드를 제공 해주었는데요. 오늘은 네이버에서 제공하는 공유 API를 응용해서 공유버튼을 하나씩 천천히 만들어보겠습니다. 누구나 손쉽게 만들 수 있으니 찬찬히 따라오세요!! ㅎㅎ 카카오톡 버튼이 궁금하시다면 아래 링크를 참고하세요. http://cocosoft.kr/350 - [티스토리]카카오톡 공유 버튼 만들기(제목+썸네일+링크) 본격적으로 시작해보자 우선 네이버 De..

Tistory Blog/Html,Css 편집 2016. 2. 18. 00:59

티스토리 실시간 새글 알림 및 네이버me 열린이웃 RSS 구독에 대한 고찰

오늘은 제목이 거창한 만큼 티스토리 블로그의 새글 알림을 할 수 있을까? 에 대해서 깊이 생각하고 연구해보는 시간을 가져보겠습니다. 우선 새글 알림의 필요성을 느끼게 된 계기는 다음과 같습니다. 티스토리는 기존에는 다음view 라는 서비스를 통해이웃 관리 없이도 블로그의 양질의 콘텐츠를 확인할 수 있었습니다. 하지만▼다음뷰가 종료되고 새로생긴 공감 서비스 2014년 다음view가 서비스 종료되고 새로 생긴 ♡공감이라는 서비스는다음의 모든 콘텐츠의 통합되고 블로그 발행글 주제 분류는 지원하지 않으며;; 거의 대부분 시사 뉴스가베스트 공감에 올라가게 되어 버렸습니다. 티스토리 자체홈에서 블로그 발행글 주제별로 콘텐츠를 제공하고 있지만일간 베스트만 제공하고 있지 하루가 지나버린 콘텐츠에 대해서는 확인이 불가능..

IT Review/Site,Social,Tech 2016. 2. 17. 00:52

[티스토리]블로그 로고 만들기 사이트 및 마우스오버 효과(pure css)

블로그를 시작하고 드디어 3번째 이사(?) 블로그 스킨 작업이 마무리가 되어가네요. 스킨을 변경 할 때마다 새로운 마음으로 시작 하는 것 같아서 뭔가 뿌듯하고 기분이 좋습니다. 블로그 스킨의 가장 마무리를 장식할 부분이라고 한다면 저는 로고 작업이라고 생각하네요. 한 눈에 자신만의 블로그 개성을 표현할 수 있고 방문객들에게 오랫동안 블로그의 기억 할 수 있게? 기억하기 쉽고 아름다운 블로그의 이름과 로고는 매우 중요 한 것 같습니다! 블로그의 화룡점정!! (코코소프트는.. 제가 어릴 때 코코폰인가? 그거 갖고 싶어서 그냥 만들었던 기억이.. 너무 어릴 때라서..ㅋㅋ 암튼 네이버 다음 네이트 등등 웬만한 포털과 사이트들 게임 아이디나 전부 cocosoft 였네요. 최근 몇 년 전에는 게임앱 개발 회사 중에..

Tistory Blog/Html,Css 편집 2016. 2. 16. 01:33