색상 코드 만들기

See the Pen iro.js demo by James Daniel (@rakujira) on CodePen.

Tip/Web 2020.10.21

구글 애드센스 수익이 나지 않는 경우 또는 콘솔 창 에러

몇 달 동안 애드센스 수익이 0이어서 계속 광고를 다시 달고 이것저것 해봐도 나아지지가 않아 고민이었다. 이번에 스킨을 바꾸고 리뉴얼을 하면서 브라우저의 콘솔 창을 보니 애드센스에 오류가 있어 알아보니 구글 애드센스에서 제공하는 스크립트 소스를 약간 변경하면 된다고 한다. (adsbygoogle = window.adsbygoogle || []).push({ ~~ }); 구글 애드센스에서 제공하는 스크립트 소스가 위와 같다면 아래와 같이 변경해주면 된다. window.onload = function() { (adsbygoogle = window.adsbygoogle || []).push({ ~~~ }); } 변경 후에 뭐가 원인인지는 모르겠으나 애드센스 보고서에 페이지뷰 수가 현저히 줄었으나 광고가 개제 ..

Tip/Web 2020.04.07

[script] Snowflakes 눈내리는 스크립트(1)

See the Pen snow by Leo (@theLMGN) on CodePen. 123456789 var sf = new Snowflakes({ color: "#ffffff", // 색상 count: 75, // 갯수 minOpacity: 0.2, // 최소 투명도 0: 투명 | 1: 불투명 maxOpacity: 0.6 // 최대 투명도 });Colored by Color Scriptercs 제가 표기해 둔 설명 참고하셔서 수정 → 복사 후 위에 붙여넣기 하면 됩니다.

Tip/Web 2019.01.15 (1)

[script] 패스워드 설정 or 로그인 설정

위에 붙여넣기 소스보기하면 비번을 알 수 있는 치명적인 단점이 있음

Tip/Web 2018.12.29

티스토리 첫 화면(티에디션)에 트위터 위젯 달기

안녕하세요 ! 묘연입니다. 오늘은 티스토리 첫화면 티에디션에 트위터 위젯 다는 방법을 알려드릴게요 ! 1. 먼저 트위터에서 위젯을 만들어봅시다. ( 요약 : 우측 상단 프로필사진 클릭 → 설정 및 개인정보 → 위젯 → 새로만들기 → 원하는 것 선택 → 본인 트위터 주소 입력 → Copy Code ) PC 트위터 우측 상단에 프로필사진 아이콘을 누릅니다 뜨는 메뉴 중 중간 부분에 설정 및 개인정보 클릭 왼쪽 메뉴 중 위젯 클릭 새로 만들기를 눌러 위젯에 나타나길 원하는 화면을 선택 본인 트위터 주소 입력 보여지는 방식 선택 Copy Code 를 눌러 코드를 복사합니다. 2. 이제 티에디션을 설정하러 갑니다. (요약 : 티스토리 블로그 설정 → 꾸미기 - 스킨편집 → 우측 화면에서 홈 화면 꾸미기 - 티에디..

Tip/Web 2018.03.13

[CSS] 텍스트 드래그 블러 효과

12345678910::selection{ color: transparent; text-shadow: 0 0 2px #블러색상; transition: all 250ms ease-in; } ::-moz-selection{ color: transparent; text-shadow: 0 0 2px #블러색상; transition: all 250ms ease-in; } Colored by Color Scriptercs

Tip/Web 2017.11.22

[script] 화면 전환 시 페이드 (로딩 시 부드럽게 화면 전환)(1)

1234567891011121314jQuery(function($) {$("body").css("display", "none");$("body").fadeIn(2000);$("a.transition").click(function(event){event.preventDefault();linkLocation = this.href;$("body").fadeOut(1000, redirectPage);});function redirectPage() {window.location = linkLocation;}});Colored by Color Scriptercs 1234567891011121314151617181920212223body{ animation: fadein 2000ms ease-out; -moz-ani..

Tip/Web 2017.11.08 (1)

[CSS] 텍스트 링크 롤오버 - 자간 넓히기

1letter-spacing:3px; transition-duration:0.8s;cs 3px - 글자간 간격 조절0.8s - 속도 조절

Tip/Web 2017.11.07

[CSS] 텍스트 드래그 색상 변경

12::selection { color:#폰트색; background:#배경색; }::-moz-selection { color:#폰트색; background:#배경색; } /* firefox */cs 2번째 줄은 파이어폭스 브라우저에 적용

Tip/Web 2017.11.07

[CSS] 텍스트 링크 롤오버 (라인)

1. 텍스트 중앙 라인 (취소선)1text-decoration:line-through;cs 2. 텍스트 위 라인1text-decoration:overline;cs 3. 텍스트 아래 라인1text-decoration:underline;cs 4. 텍스트 위아래 라인1text-decoration:overline underline;cs 5. 텍스트 위 중앙 아래 라인1text-decoration:overline underline line-through;cs 6. 텍스트 아래 웨이브 라인12text-decoration: underline; text-decoration-style: wavy; cs → underline 대신에 1,2,3,4,5 중 다른 속성을 적용 할 경우 해당 위치에 웨이브 라인 적용

Tip/Web 2017.11.07

[script] 마우스 따라다니는 거품

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816..

Tip/Web 2017.11.06

[script] 마우스 따라다니는 별가루

http://javascript-fx.com/mouse_trail/fire/demo1.html

Tip/Web 2017.11.06

[script] 마우스 따라다니는 별

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816..

Tip/Web 2017.11.06

[HTML] 검색 유입 차단

1234cs 전체구글네이버다음 사이에

Tip/Web 2017.10.11

[script] 유튜브 반응형

12345 $(window).resize(function(){resizeYoutube();}); $(function(){resizeYoutube();}); function resizeYoutube(){ $("iframe").each(function(){ if( /^https?:\/\/www.youtube.com\/embed\//g.test($(this).attr("src")) ){ $(this).css("width","100%"); $(this).css("height",Math.ceil( parseInt($(this).css("width")) * 480 / 854 ) + "px");} }); }Colored by Color Scriptercs 앞에 붙여넣기

Tip/Web 2017.10.09

[script] 티스토리 첫페이지 스크립트 (납치 스크립트)

1234567 var add = location.href; if(add == "URL" || add == "URL"){ location.href="공지(납치할URL)"; } cs

Tip/Web 2017.09.18