블로그 쪼아~♬ 블로그 쪼아~ (◕ᴗ◕✿)

PC / HTML.CSS / GAME / BLOG

아끼고 겸손

전체 글 2422

CSS란?

html 태그 대~~~충 마무리하고 css로 넘어왔다. 요즘 컨디션이 안 좋아서 아무것도 하기 싫다. 가을 타나보다. 정신 차리고 싶은데 힘들다. 그래서 대책을 마련했다. 천천히 하기로 한다. 천천히가 어느 정도냐면 인생이 1배속이라면 0.1배속으로 하려 한다. 가을 타나보다. =-= 건들지 마라. css는 html 문서의 스타일을 정의하는 언어다. css는 인라인, 내부, 외부 3가지 방법으로 적용할 수 있다고 한다. 인라인은 요소 자체에 style을 지정하는 거고 내부는 head 사이에 style을 넣는 거고 외부는 링크를 통해 css를 불러오는 방법이다. 티스토리 스킨 편집에는 3가지 방법 모두 쓰이는 것 같고 주로 외부 링크를 쓴다. 스킨 편집 css가 그것이다. Cascading Style Sh..

• CSS 2019.10.26

애드센스에서 긴급 알림이 왔다

불안하다. 싸늘하다... =-=)... 오른쪽 종에 새 알림이 있다... 느낌이 안 좋다... 난 잘 못한 게 없는데? 클릭. 수익 143% 증가! =-=)v 나 잘하고 이쪄? =-=)v 정책 위반도 없다.^^ 애드센스 이용하면서 수익이 제일 중요하지만 정책위반 사항이 있는지 자주 확인해야 한다. 그러고 있다. 광고수가 많아서 또는 무효 트래픽이 많아서 정지당하는 경우를 종종 보곤 했다. 최근에는 광고수에 대한 정지는 없다고 한다. 예전에는 광고수가 많으면 정지를 줬다고 하더이다. 광고수는 예쁘게 잘 정렬해서 달면 많아도 좋은데 마구마구 아무 때나 달면 오히려 불편하다. 예쁘게 잘 달 자신 없으면 적당히 다는 게 좋다. 그리고 광고는 많이 달아봤자 중복되는 광고가 있어서 그다지 효과도 없는 것 같다. 적..

스킨 편집시 태그를 백업하자

스킨 편집 시 꼭 태그를 따로 저장해야 합니다. 먼저 편집 전에 모든 태그를 복사해서 메모장이든 편집기든 어디든 저장을 해둬야 합니다. 왜냐고요? 편집했는데 실수를 했다. 그러면 블로그 화면이 어찌 될까요? 네. 엉망이죠. 컨트롤 + z로 복구하며 되지만 헛수고 아니겠습니까? 그러네요. 컨트롤 + z로 취소하면 되네요. =-=? 그럼 이 글을 쓸 필요가 없네요. 아... 그러나 저는 아주 귀찮게 작업을 합니다. 편집을 해야겠다고 마음먹으면 편집 화면과 함께 무조건 태그 편집기를 따로 켭니다. 편집기는 서브라임 텍스트를 씁니다. 참고해보세요. 2019/09/19 - [맛좋은 Soft] - 티스토리 스킨 수정 html/css 편집기 입력기 Sublime Text!!! 티스토리 스킨 수정 html/css 편집..

손톱 안 튀게 깎는 방법

손톱 깎을 때 주변에 안튀게 깎는 방법! 손톱 튄거 찾지 말고 이렇게 하세요.*-*)/ 준비물 : 테이프 ▲ 테이프를 이렇게 붙여줍니다. ▲ 양 옆으로 이렇게 잘 붙여주세요. 그리고 깎으세요. 깔끔하게 깎지 마시고 깰끔하게 깎아야 합니다. =-=); ▲ 그럼 이렇게 손톱이 도망가지 않고 모여있어요. 더러워서 모자이크 처리해드렸습니다. 고마워하세요. -_-) 테이프에 손톱이 붙어서 잘 흐리지도 않고 좋아요. 이런 경우도 있죠. 일부러 튀게 만들어서 찾는 재미를 즐기시는 분들... 변...태...인...정... 그러나 이런 손톱깎이가 이미 오래전에 나왔죠? ㅎㅎ; 사이드를 잘 막아둔 고급지게 생긴 놈. 테이프 아까우니까 손톱깎이 살 일 있으면 이런 걸로 사야겠습니다.

• 닐쌍 2019.10.23

구글을 뚫기란 너무 어렵다

블로그 시작한 지 4개월이 조금 넘었다. 내 블로그를 방문하시는 분들은 99.9% 검색으로 들어온다. 그중 다음, 네이버가 대부분이고 sns가 좀 들어오는 편이다. 구글 검색으로 들어오는 분들은 거의 없다. 아니 없었다. 약 10일 전에는 구글 검색으로 들어오는 방문자가 5회 정도였다. 근데 최근 15회를 꾸준하게 넘어서고 있다. 오늘은 22회다. 놀랍다. 구글에서도 이제 내 글을 어느 정도 보여준다는 말이다. 고수분들의 말을 들어보면 구글은 아주 높은 장벽이라고 한다. 구글은 신뢰도가 높고 작성날이 오래된 것을 좋아한다고 한다. 구글 검색을 해보면 최상위에 올라오는 블로그 글은 대부분 1년이 훌쩍 넘은 글이 대부분이다. 그리고 그 글을 클릭해보면 역시나 좋은 글이 많고 내용도 대부분 알차다. 구글은 새..

캡처 프로그램 PICK PICK 픽픽

아주 쓸만하고 좋은 캡처 프로그램 하나 소개합니다. 픽처픽처 사진을 찍는다고 픽픽인가보네요. 기능이 너무 다양해서 프로그램이 조금 무거운 감이 있습니다. 다운로드는 공식 홈페이지에서~ https://picpick.app/ko/ ▲ 실행 화면입니다. 실행하면 트레이 아이콘에도 생겨요. 활성화 윈도우 캡쳐 이거 좋습니다. 단축키로 설정해서 쓰면 활성화 된 창만 캡쳐해줍니다. 다른 프로그램과 다른 점은 보통은 활성화 창을 캡쳐후에 창이 비활성화로 전환되어 다시 활성화 시켜 그 프로그램을 써야하는데 픽픽은 캡쳐 후에도 활성화 상태 그대로입니다. 예를 들어 게임 리뷰시 게임 화면을 캡쳐하고 비활성가 된다면 다시 활성화 하려는 그 짧은 순간 죽기도 합니다. 픽픽은 그런 문제가 없어서 좋은 것 같습니다. 윈도우 컨트..

• LUCY 2019.10.22

프리미어 프로 : 비디오 전환 효과 - 밀기 - 분할

잠시 멈춰 있었던 프리미어 프로를 다시 살짝 살짝 하니 재미가 다시 느껴집니다. 오늘 배운건 비디오 전환 효과 분할입니다. 가운데 분할이랑 조금 다른데 거의 흡사합니다. 복습 시작! ▲ 적용 하려는 효과를 클립과 클립사이에 가져가 올려 놓으면 적용됩니다. 쉽다. ▲ 적용한 효과를 선택하면 효과 컨트롤 패널에 효과가 나옵니다. ▲ 기본 적용 모습니다. 너무 자주 보던 화면이라 이제 심드렁합니다. ㅎㅎ ▲ 앞 클립이 갈라지면서 뒤 클립이 나오는 효과입니다. 동영상으로 올리고 싶은데 모바일 화면에서 비정상적으로 나와 gif 애니메이션으로 올립니다. 영상보다 gif 파일이 용량이 더 크네요. 아으~ ㅡㅡ' ▲ 반전은 앞 뒤 클립의 순서를 바꾸는 겁니다. 효과 이름 아래의 아이콘에 화살표를 클릭하면 진행 방향을 ..

프리미어 프로 : 비디오 전환 효과 - 밀기 - 밀어내기

비디오 전환 효과 밀어내기 복습이요.요즘 티스토리 새 에디터를 사용하려고 노력하는데 불편한 점이 많네요. 아직 적응을 못해서 그런건지 불편. ▲ 효과 밀어내기를 드래그 드롭해서 클립과 클립 사이에 넣습니다. ▲ 효과를 넣으면 가운데 딱 들어가죠. 위치는 마음대로 놓으면 됩니다. 중앙이 기본이에요. ▲ 효과를 클릭하면 효과 컨트롤 패널이 열리죠. 효과를 컨트를 하라고 열리는 거니까 꼭 해보세요.^^ 일단 기본으로 하고 결과를 보겠습니다. ▲ 동영상으로 봐야하는데 모바일 화면에서 이상하게 나와 gif 파일로 올립니다. ▲ 컨트롤 해봅시다. 반전은 앞 클립으로 밀어낼 건지 뒤 클립으로 밀어낼 걸지 선택하는 겁니다. 말 그대로 반전이에요. 효과의 왼쪽 위에 저 화살표를 클릭하면 좌우로 적용할 건지 상하로 적용 ..

핫!!! 태초의 정수!!!

보스 돌고 정리하려는데 템창에 이상한 게 있다. 태초의 정수??? 뭐지? 세상의 시작이 있던 시절의 순수한 기운이 녹아 있는 신비한 돌이다. 운이 좋다면 두근거리는 심장, 황금빛 꽃더미, 신비한 광맥. 신비한 전설의 광맥, 신비한 약초 더미, 신비한 전서의 약초 더미에서 발견할 수 있다. =-=? 난 채집한 적 없는데요? 아마 보스에서도 주나 보다. 메이플 인생 처음 먹어본다. 설명을 봐서는 엄청나게 귀한 물건인 듯... 와............................ 개당 1억 2천 이레...................... +O+)/ 짜!!!!!!!!!!!!!!!!!!!!!!!!!!! 쓰! * 태초의 정수 : 보스 아카이럼을 잡다 보면 도미만큼의 극악의 확률로 드롭된다고 한다. 헐~ 마이스터링..

• 오락실 2019.10.18

HTML <video>

html5 이전에는 플래시 같은 플러그인을 설치하여 비디오를 재생했다. 물론 지금도 그러하다. 크롬은 21년부터 플래시를 지원하지 않는다고 한다. 근데 짜다시리 필요한가? 요즘은 그냥 동영상 공유하기가 다 있어서 주소만 치고 엔터 누르면 알아서 영상이 들어간다. 유튜브나 카카오tv로 다 링크 걸어 재생하니 딱히 필요 없는 것 같다. ㅅㄱㅇ 이런 게 있구나 하고 넘어간다. 참고 :

• CSS 2019.10.17

HTML5

html5... 2014년에 나왔다는데 이제야... 최근에 나온 것처럼 공부하는 내가 싫다. - : 주제별로 컨텐츠를 그룹화. - : 독립적 컨텐츠. 웹 사이트에서 나머지 부분과 무관하게 읽을 수 있는 컨텐츠. 블로그 포스트, 신문 기사. - section 섹션은 주제별로 컨텐츠를 그룹화합니다. section2 섹션은 주제별로 컨텐츠를 그룹화합니다. nav 탐색 링크 집합. 주로 카테고리를 정의. com blog game web aside 문서내 사이드 컨텐츠를 정의 article 독립적인 컨텐츠 header는 문서 또는 섹션의 헤더를 지정. 이미지의 설명을 추가합니다. 닐기 티스토리 연락처 - 02. 2222. 3333[보이스 피싱] section 섹션은 주제별로 컨텐츠를 그룹화합니다. section2..

• CSS 2019.10.17

애드센스 특정 페이지(글X)에서 광고 숨기기

특정 페이지에서 애드센스 광고 숨기는 방법을 알아보겠습니다. 저는 홈 화면에서는 광고가 보이게 하고 글 상세 페이지에서는 광고가 안 보이게 할 겁니다. 예시로 적용할 광고는 플러그인에서 넣은 광고가 아니라 html 편집에서 직접 넣은 광고입니다. 플러그인에서 넣은 광고를 숨기고 싶으시면 다음 글을 참고해 주세요. 플러그인 광고 숨기기는 반응형으로 브라우저 크기에 따라 숨기기입니다. 2019/10/02 - [블로그 T.I.P/· 애드센스] - 애드센스 광고 숨기는 방법 애드센스 광고 숨기는 방법 애드센스 광고가 일정 화면 폭이 되면 없어지게 하는 방법을 알아보겠습니다. 이건 지난 시간에 배운 광고 크기 지정 태그에 약간의 추가 태그가 있는 겁니다. 지난 글을 참고해주세요. 2019/10/02 - [블로그 ..

HTML 입력 유형

▼버튼 ▼체크박스 ▼색상 ▼날짜 ▼날짜와 지역 ▼이메일 ▼파일 ▼숨김 ▼이미지버튼 ▼월 ▼번호 ▼비밀번호 ▼라디오버튼 ▼입력 범위 ▼입력값 기본으로 ▼검색 ▼제출 ▼전화번호 ▼입력필드 ▼시간 ▼url ▼주 ▼버튼 ▼체크박스 ▼색상 ▼날짜 ▼날짜와 지역 ▼이메일 ▼파일 ▼숨김 - type="hidden" ▼이미지버튼 ▼월 ▼번호 ▼비밀번호 ▼라디오버튼 ▼입력 범위 ▼입력값 기본으로 ▼검색 ▼제출 ▼전화번호 ▼입력필드 ▼시간 ▼url ▼주

• CSS 2019.10.17

HTML form 요소

콩자반 두부 참치 야채참치 김 기타 의견을 남겨줘라.응? 제발~!!! 기타 의견을 남겨줘라.응? 제발~!!! 눌러보세요 양식 요소에서 제일 중요한 요소는 이다. 그러하단다. 기본 + : 드롭 다운 메뉴 선택 태그 selected : 기본으로 선택된 메뉴 정의 size : 드롭 다운 메뉴가 보이는 칸 수 multiple : 중복 선택 가능 : 입력 가능한 필드 rows / cols : 필드의 크기 - 필드의 크기는 스타일 태그로 지정할 수 있다. : html5에 새롭게 추가된 요소. 콩자반 두부 참치 야채참치 김 기타 의견을 남겨줘라.응? 제발~!!! 기타 의견을 남겨줘라.응? 제발~!!! 눌러보세요

• CSS 2019.10.17

프리미어 프로 : 비디오 전환 효과 - 밀기 - 띠 밀기

비디오 전환 효과 배우기. 비디오 전환 효과는 앞 클립에서 뒤 클립으로 이동할 때 클립 사이에 효과를 주는 것입니다. 비디오 효과와 헷갈리기도 하는데 비디오 효과는 클립 자체에 효과를 주는 것이고 전환 효과는 클립이 변경될 때의 효과입니다. ▲ 비디오 전환 > 밀기 > 띠 밀기 를 적용합니다. 밀기라 함은 앞 영상을 뒤 영상이 밀어내는 형식이겠죠? 프리미어 프로 한글판을 써서 영문을 쓰시는 분들에겐 좀 불편하겠습니다. 죄송. ▲ 효과는 기본적으로 클립과 클립 딱 가운데 적용됩니다. 마우스로 이동 가능하고 효과 컨트롤 패널에서 더 디테일하게 이동 가능합니다. 그러나 가운데가 가장 예쁘게 잘 나옵니다. ▲ 기본 설정입니다. 테두리 색은 조각의 테두리를 넣어주는 겁니다. html/css의 border와 같습니..

HTML 양식 <form>

form은 사용자가 정보를 입력하고 선택할 수 있는 양식이다. 요소로는 텍스트, 확인, 라디오 버튼, 제출 버튼 등이 있다. 다음을 입력해 주세요 성 : 이름 : 성인 미성년 다음을 입력해 주세요 성 : 이름 : 성인 미성년 action="/action_page.php" target="_blank" action : submit가 실행할 행동. action이 없으면 현재 페이지로 설정한다. target="_blank" : 제출한 결과를 표시할 페이지를 설정. _self : 현재페이지 / _blank : 새 창. ~ : 양식의 그룹화. ~ : fieldest의 캡셥. : name 속성이 없으면 입력된 데이터는 전송되지 않는다. method : 양식에 입력한 데이터를 제출할 때 사용할 http 메소드 지정. ..

• CSS 2019.10.16