Tistory Blog/Html,Css 편집 검색 결과

해당 글 61건

[JS]티스토리 마우스 우클릭 방지 금지 설정하기 [불펌방지] 강력막기

안녕하세요. 오늘은 티스토리 마우스 우클릭 방지 및 금지 하는 방법에 대해서 알아보겠습니다. 우클릭 해제를 할 수 있는 웬만한 방법들이 통하지 않아 불펌을 방지 할 수 있는 초강력한 방법입니다. Pig Toolbox 와 같은 크롬 확장프로그램으로도, 풀수 없으며, 1) 마우스 우클릭 방지 / 2) 드래그방지 / 3) 키보드방지(Ctrl+c,v 등등) 또한 되었습니다. 만약 크롬 설정에서 자바스크립트 허용을 차단으로 할경우에는 아래의 사이트로 이동시켜버립니다. https://www.enable-javascript.com/ko/#developer 또한 새로고침 (F5) 키와 요소검사(F12) 키도 잠궈서, 크롬 개발자 툴로 접근을 못하도록 하였습니다. 크롬 요소검사 개발자 툴에서 Disable JavaScr..

Tistory Blog/Html,Css 편집 2018. 4. 4. 17:56

[티스토리] 공감 하트 공유 신고 버튼 가운데 정렬하기

안녕하세요. 오늘은 새롭게 리뉴얼된 티스토리 블로그의 공감 하트 공유 신고 버튼의 가운데 정렬 하는 방법에 대해서 알아보겠습니다. [티스토리] 공감 하트 공유 신고 버튼 가운데 정렬하기 티스토리가 개편 리뉴얼 되면서 관리자 페이지도 변화가 되었고, 공감버튼도 변화가 생겼습니다. 원래 공감 버튼은 발행게시글만 나타났었는데, 이제는 주제를 선택해야지 나타납니다. 기존 공감버튼이 없어지고 아래와 같이 새로운 버튼이 생겨서 좌측정렬이 되어버립니다. 해당영역은 따로 플러그인이나, HTML 수정을 제공하지 않기 때문에 구조 자체 변경은 어려우며, CSS 스타일시트의 수정으로, 위치를 조정해야합니다. 우선 구조를 살펴볼까요?? 복잡하게 보이지만 아주 간단한 구조로 되어있습니다. ... ... ... 이런 구조로 되어..

Tistory Blog/Html,Css 편집 2018. 4. 3. 15:16

[애드센스]티스토리 네이티브 인피드 광고 설치하기<1편:메인 홈화면>

블로그를 거의 방치 수준으로 놔두고 있다가... 다시 개선을 하려고 하는데.. 요즘 애드센스 광고 개수를 3개를 무시하고 설치되어있는 블로그들이 상당히 눈에 많이 뛰게 되었습니다. 확인해보니.. 광고 개수 제한은 사라졌더군요.. 다만, 광고 콘텐츠 정책 규정은 꼭! 애드센스 고객센터에 방문해서 확인해보는 것을 권장합니다. AdSense 고객센터 Intro - 티스토리의 홈화면 메인 화면에 설치하기 위해서는 티스토리의 특성을 이해해야 합니다. 티스토리 블로그의 경우는 서비스형 블로그임에도 불구하고, Html/Css를 제공합니다. 단 제한적이죠. 단, 한 개의 Html 파일을 가지고 블로그를 구성해야 하기 때문에, 전문적이고, 세세하며 개인 입맛에 맞게 꾸미기를 하긴 힘들어도.. 초보자들도 쉽게 Html/C..

Tistory Blog/Html,Css 편집 2017. 8. 11. 00:04

티스토리 공식 블로그 스킨 특정 포스팅 고정 및 티에디션 관련 고찰

안녕하세요. 오늘은 ㅠ_ㅠ.. 회사에서 회식 한잔을 하고 글을 적어서.. 횡성수설 할지 모르지만.. 그래도 기존에 꾸미고 싶고 계획했던 블로그 메인에 대해서 포스팅을 작성하고 고찰을 투고 해볼까합니다. 티스토리 블로그 메인을 꾸미는 방법은 여러가지가 있지만 가장 대표적인 방법이 티에디션을 이용하는 방법입니다. 그외에도 공식 치환자를 사용해서 리스트 썸네일을 만들거나, 특정페이지, 카테고리로로 리다이렉션을 걸어버리거나 등의 방법이 있죠.. 솔찍히 제가 디자인 능력만 있으면.. ㅠ_ㅠ 이미지로 메인 화면을 꾸며버리겠지만.. 그렇지 않아서.. (회사의 디자이너의 솜씨를 보면 정말 예술작품인 것 같아요.. 확실히 디자이너들이 금손..) 아무튼.. 티에디션은 자체적인 메인 화면 꾸미기 위자드 라고 해야할까요? 손..

Tistory Blog/Html,Css 편집 2016. 7. 6. 23:18

[CSS]웹페이지 웹문서 본문에 워터마크(watermark) 삽입하기

블로그를 운영하다 보면 불펌과의 전쟁이라고 해도 과언이 아닙다. 물론 나도.. 좋은 소스코드 같은 것은 항상.. 뺏기기 벤치마킹 하고 있긴 하다만... 흠흠 -_- 그래도!! 신경써서 직접찍은 이미지가 도용당한다면.. 정말.. 마음이 아픕니다. ㅠ_ㅠ 마우스 우클릭 막는 소스코드가 있긴해도... 크롬확장프로그램 또는 요소검사등으로 다 뚫리게 됩니다.. http://cocosoft.kr/371-마우스 우클릭 방지 및 자동 출처 표시에 대한 고찰 어느 블로그에 가보니 마우스 우클릭 방지 태그에 관한 고찰 중 소스코드 한줄 복사안해본 사람 돌을 던지라는 말을 보고는.. 마우스 우클릭 방지 태그를 삭제 한 적이 있기도 하죠... 암튼 서론은 이쯤하고... 소크코드 뿐만아니라 이미지를 도용 당했을 때는 정말 기분..

Tistory Blog/Html,Css 편집 2016. 7. 3. 21:49

[HTML/CSS]웹디자인 이미지에 대한 고찰 및 블로그 로고 리뉴얼

인터넷 익스플로러 때문에 대충 임시방편으로 수정 해놓은 로고의 코드를 다시 리뉴얼 작업을 했습니다. 'ㅡ' 여기서 왜 로고의 코드라고 했는지 아래에서 다시 설명하고.. 로고이미지 리뉴얼 작업을 하면서, 이양 하는 김에.. 웹디자인 이미지 사용에 대해서 정리해보는 시간을 가지려고합니다.!! Intro:웹사이트 속도와 이미지 빠르고 쾌적하고 원할한 웹페이지를 만들기 위해서는 코드의 압축이나 정리, 서버등의 방법도 중요하지만 가장 크게 신경이 쓰이는 부분이 바로 이미지 입니다. 우선 우리가 아는 이미지들은 전부가 모두 코드로 되어있죠. JPG, PNG 들도 단순히 각각의 압축방식입니다. 그래서 이미지코드를 하나의 파일로 간단히 만들어 놓고, 뷰어프로그램이나 이미지편집프로그램(그림판,포토샵...등등) 으로 보거..

Tistory Blog/Html,Css 편집 2016. 6. 26. 22:29

[jQuery]마우스 반응하는 3D팝업 및 click toggle 이벤트

팝업 관련해서 코드를 찾다가 재미있는 3D 팝업을 발견해서 'ㅡ' 소개를 해볼까하네요. 마우스에 반응하는 3D팝업이며, 추가로 버튼을 클릭하면 팝업이 사라지고 나타나게 jQuery의 click 이벤트 toggle를 적용 해놓았습니다. ↓↓↓↓↓↓ I'm a new kind of popup. Move your mouse around ! POPUP Show/Hide I'm a new kind of popup. Move your mouse around ! POPUP Show/Hide var moveForce = 30; // max popup movement in pixels var rotateForce = 20; // max popup rotation in deg $(document).mousemove(fun..

Tistory Blog/Html,Css 편집 2016. 6. 23. 00:03

[CSS] 이메일 디자인 html에 inline CSS 합치기(combine)

오늘은 inline CSS style 에 대해서 알아보겠습니다. HTML 문서에 CSS를 사용하는 방법은 크게 3가지가 있습니다. 1.외부 스타일 시트(External Style Sheet) *.css 파일을 만들어 html과 링크로 연결해서 사용하는 방식 가장 많이 선호하는 방식이며, 권장되는 방식입니다. html을 일관성있게 수정이 가능하며, 관리하기도 편하고, 웹문서의 크기도 가장 줄일 수 있는 방식(compressor하기도 좋고) 전문적인 홈페이지를 만들 때 효율을 극대화 하는 방식. html5에서도 html과 css는 분리를 권장하고 있음. 다만 css파일이 다수 일 때는 관리가 필요하다는 단점(?) 2.내부 스타일 시트(Internal Style Sheet) 두 번째는 내부 스타일 시트입니다...

Tistory Blog/Html,Css 편집 2016. 6. 22. 21:54

[html/css] table 태그 속성에 대해서 알아보자(부트스트랩 테이블)

오랫만에 블로그 포스팅을 하다 보니 ㅠ_ㅠ 기본 코딩도 자꾸 잊어먹게 된다. 오늘은 table 태그를 사용해서 작업을 하다가 헷갈려서, 이번 기회에 오늘은 table 태그 및 속성에 대해서 알아보겠습니다. table 태그는 HTML5에서는 사용이 권장되지는 않는 태그 요소로 알려져있습니다. 왜냐하면 더럽다고 해야하나.. 브라우저별로 맞추기도 힘들고, 브라우저 또한 많은 자원을 소모해서 구현하기 때문에 비권장되는 요소로 알려져있습니다. 반응형 테이블 태그를 만들 수 있지만 일부 브라우저에는 호환도 되지않고.. 자제가 필요한 태그이지만 어쩔수없이 사용하게 되는 경우가 매우 많은 태그입니다. 예를들어.. 지금 작성하는 블로그 텍스트 편집기에 포함되어있는 [표삽입] 기능으로 표를 집어넣으면 style과 code..

Tistory Blog/Html,Css 편집 2016. 6. 21. 21:06

CSS-CROSS스킨 신고 기능 글자 깨짐현상 수정

요즘 바빠서 ㅠ_ㅠ 티스토리 스킨 관련해서 자주 글을 작성 못하고있네요. 작성할 세이브 원고는 많이 작성을 해놓고 있는데.. ㅠ_ㅠ 오늘은 스킨에 버그가 발생해서 수정하는 법에 대해서 알아보겠습니다. 티스토리측에서 새롭게 신고 기능을 개선을 하면서 발생하는 문제입니다. 스킨 치환자 와 그리고 이부분이 문제인데요. 바로 이치환자가 들어가는 부분에 강제적으로 신고 버튼이 생기게 됩니다. 우선 아래와 같이 보호 정책에 따라 바뀌는 부분이기 때문에 어쩔 수는 없는 것 같습니다.. 그래도 기존의 치환자를.. 사용해서 일괄적으로 적용시켜버리다니... 뭐 티스토리 측도 어쩔수 없겠죠. 정부에서 하라고 하는거니깐요.. -_-; 암튼 필요한 기능이긴 한데.. 뺄수도 없고.. 빼려면 시간표시를 할 수가 없으니..(치환자만..

Tistory Blog/Html,Css 편집 2016. 6. 13. 01:04