나이키 로고 HTML 코드 (NIKE Logo SVG Code) 다운로드

나이키 로고를 일러스트레이터로 제작 후 이것을 다시 HTML 코드로 변경했습니다. SVG 벡터 아이콘 코드이며 본문에 소개한 HTML코드를 모두 한번에 사용하시면 됩니다. 먼저 예제 소스 미리보기입니다.


미리보기

See the Pen NIKE_Logo_HTML(SVG) by rgy0409 (@rgy0409) on CodePen.

사용된 코드는 HTML 뿐입니다. CSS나 JS는 전혀 없습니다.


코드 다운로드

위의 코드펜에 마크업 되어있는 HTML코드를 몽땅 긁어가셔도 됩니다. 코드펜 오류로 인해 보이지 않는 경우에는 아래의 텍스트 문서를 다운로드 받으시어 사용하시면 됩니다.


코드 다운로드


나이키 로고 (HTML)


사용 방법

별거없죠? 그냥 통째로 복사 후 원하는 위치에 그대로 HTML 코드를 붙여넣기해서 사용하면 됩니다. 크기를 변경하는 방법은 간단하게 transform: scale(1); CSS 속성을 path의 클래스명에 사용하면 됩니다. 원래 크기가 1이므로 크기를 줄이려고 한다면 1보다 낮은 소수값을 사용하면 됩니다. 소수점 두번째 자리까지도 인식합니다. 위의 미리보기에 있는 CSS 탭의 코드를 살펴보시기 바랍니다. 변수를 변경해서 적용시켜 보세요. 실시간으로 나이키 로고의 크기가 변경됩니다. 오늘 내용 끝!

댓글

댓글 쓰기

비밀글은 삭제합니다. 공개글로 남겨주시기 바랍니다.

가장 많이 본 글

PC 부팅시 삐삐삐 소리 (경고음) 및 화면 안 켜지는 문제 해결 방법

이미지
이 증상은 보통 오래된 컴퓨터에서 발생할 확률이 높지만 놀랍게도 오늘 산 컴퓨터에서도 발생할 확률이 있습니다. 원인은 상당히 사소합니다. 일단 이 증상은 이렇습니다. PC전원 버튼을 누르면 "삑~ 삑삑삑! 삑~삑삑삑!" 하는 비프음 소리만 들리는 현상입니다. 화면은 아무것도 표시되지 않고요. 이 증상의 원인은 다음과 같습니다. 1. 습기나 먼지로 인한 POST 진입 불가 2. 그야말로 기기 결함 1번 경우 1번의 POST란 Power On Self Test의 약자로 컴퓨터에 전원이 들어가면 메인보드는 CPU, GPU, RAM을 테스트하는 짧은 과정을 거칩니다. 이 세 개의 장치가 모두 이상이 없으면 그제서야 화면이 뜨게 됩니다. 만약 이 셋 중에서 어느 하나라도 정상 범주에서 벗어났다 싶을 때 메인보드는 연결된 쪼그만 스피커를 통해 비프음을 출력하는 것입니다. 대체로 POST 과정에서 비프음이 들리면 가장 의심되는건 메모리(RAM)입니다. 과거 삼성전자 서비스에서 한창 일을 했을 때에서 POST 불량으로 접수되는건이 꽤 많았거든요. 특히 1년 사계절 중 여름때 접수가 많이 되었습니다. 한국의 여름 특징은 여러분들도 너무 잘 아실겁니다. 습하고 덥습니다. 비도 많이 오죠. 그렇습니다. 바로 습기에 의한 쇼트입니다. 그래서 오늘 구매한 컴퓨터에서도 문제가 발생할 수 있다고 말씀드린 것입니다. 실제로 어제 구매했는데 POST 에러로 접수하신 분도 계셨습니다. 딱 한 번요. 우리집 그래픽카드(왼쪽), 메모리(오른쪽 : 출처는 구글 이미지) 이런 경우에는 기본적으로 두 개를 메인보드에서 분리 후 테스트를 시도할 수 있습니다. 그래픽카드와 RAM입니다. 만약 그래픽카드가 없는 컴퓨터라면 그냥 메모리만 슬롯에서 빼낸 후 단자를 지우개 따위로 깨끗하게 청소 후 다시 꽂아보시기 바랍니다. 물론
더 보기 »

친효스킨 For 구글블로거(Blogger) 반응형 스킨 다운로드 및 사용 방법

이미지
안녕하세요. 친절한효자손입니다. 구글 블로거 전용 친효스킨을 드디어 완성시켰습니다. 완전히 무에서 창조된 스킨은 아닙니다. 공식 1세대 반응형 스킨을 개조하여 제작한 스킨입니다. 따라서 기본 스타일은 어느정도 완성이 된 상태에서 약간의 HTML 편집과 CSS를 조작하여 완성시킨 스킨입니다. 개인적으로는 상당히 깔끔해서 마음에 듭니다. 티스토리의 친효스킨 경우에는 약간 오밀조밀한 느낌이었다면 구글 블로거에서의 친효스킨은 뭔가 큼직큼직한것이 시원 시원한 느낌이 강합니다. 그러면 어떻게 적용시키고 사용하는지 알아보겠습니다. 현재 본 블로거에도 친효스킨 For 구글블로거 스킨이 적용되어 있습니다. 사용하기전에 먼저 스킨을 적용하기 전에 백업을 하시고 진행해주시기 바랍니다. 혹시 모를 문제에 대비해서 말이죠. 백업은 필수입니다. 백업 방법은 스킨 적용하는 과정에서 한번 다시 언급해 드리겠습니다. 신청서 작성하기 먼저 아래의 신청서를 작성해 주시기 바랍니다. 친효스킨 For 구글블로거 신청서 작성하기 (아직까지는) 무료로 배포 중 티스토리 친효스킨은 무료로 배포하다가 불미스러운 사건으로 인해 유료화를 했습니다. 후원으로 변경했지요. 이번 구글 블로거 전용 친효스킨도 무료로 배포를 시작합니다. 따라서 이 스킨의 유료화는 사용자 여러분들에게 달렸습니다. 부디 신청서에 작성하신 내용만 잘 지켜주신다면 앞으로도 유료화로 바뀔일은 없을 것입니다. 업데이트 기록 지금까지의 업데이트 내용입니다. Ver 1.1 -본문 상단 애드센스 2개로 분할 -애드센스 적용 시 모바일 해상도에서 가로 스크롤 발생하는 문제 수정 -본문 단락(p) 태그 상/하 10px margin 적용 Ver 1.2 -TOP 버튼 추가 스킨 적용하기 이메일로 받으신 스킨 파일을 잘 아는 폴더에 담아둡니다. 이제 관리자 화면으로 들어와서 테마 카테고리로 들어간 후 오른쪽에 보이는 맞춤설정 버튼의 바로 오른쪽 아래 표시 아이콘을 누릅니다. 복원 메뉴를 누릅니다. 하지만! 이 전에 바로 위에
더 보기 »

키보드 폴링레이트 테스트 프로그램 Keyboard Inspector (인스펙터) 다운로드 및 사용법

이미지
폴링레이트란? 키보드 폴링레이트라는것을 아십니까? 모니터의 주사율같은 개념이라고 이해하시면 됩니다. 보통 게이밍 모니터는 120~144Hz 짜리가 대표적인데 이 말은 1초에 120장~144장의 프레임을 연속해서 촤라라락~ 보여줄 수 있는 능력을 보유한 개념인 것입니다. 키보드도 그러합니다. 폴링레이트는 PC와의 데이터 송수신을 1초에 얼마나 할 수 있느냐라는 의미입니다. 보통 1K 제품들이 많으며 최근에는 8K까지 되는 게이밍 키보드도 출시가 되고 있습니다. 당연히 숫자가 클수록 초당 데이터 전송속도가 빠른 것입니다. 그럼 프레임레이트에 따라서 인간이 체감할 수 있느냐?! 라는 의문이 들 겁니다. 답은 '아니오'라고 이야기 할 수 있을 것 같습니다. 타이밍이 정말 중요한 리듬 게임의 경우를 제외한 나머지 상황이라면 사실 현재 출시된 일반적인 기계식 게이밍 키보드를 사용해도 충~분하거든요. 모니터의 경우도 그렇습니다. 144Hz 짜리 게이밍 모니터와 240Hz짜리 모니터를 비교해보면 차이를 모르거든요. 그럼에도 불구하고 고사양 하드웨어를 구매하는 이유는 별거 없죠? 정확한 사용 목적의 구매라면 당연히 마땅한 이유가 되지만 그렇지 않아도 구매하는 이유는 최대치의 능력 향상에 의한 회로 설계 때문입니다. 그만큼 세밀하고 꼼꼼한 설계로 이루어져 있을테니 내구성 부분에서도 꼼꼼한 설계를 했을것이라는 믿음이 생기는 것입니다. 물론! 이것도 제조사마다, 가격마다 천차만별입니다. 믿을만한 브랜드에 그만한 가격이라면 납득이 되지만 8K 키보드인데 듣보잡 브랜드에, 가격이 너무 저렴하다면 뻥스팩(스팩을 속이는 용어)이거나 뭔가 제조 과정에서 분명 부실한 과정이 있을거라는 생각을 할 수 밖에 없을겁니다. 세상 만물 모든 제품은 다 그만한 가격이 책정된 이유가 있는 것이죠. 키보드 인스펙터 (Keyboard Inspector) 다운로드 외국의 어떤 개발자께서 아주 고맙게도 키보드의 폴링레이트를 측정할 수 있는 유틸리티를 무료로 배포해 주고 계시는군요.
더 보기 »