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

PC / HTML.CSS / GAME / BLOG

아끼고 겸손

전체 글 2422

프리미어 프로 : 비디오 전환 효과 - 바람개비

프리미어 프로 비디오 전환 효과 바람개비 적용하기. ▲ 효과 - 바람개비 드래그 드롭 클립과 클립 사이에 놓기. ▲ 효과 위치는 기본 중앙. 위치와 지속시간은 설정 가능. ▲ 효과를 선택하면 효과 컨트롤 패널에서 디테일하게 조정 가능. 지속 시간. 위치. 시작점. 끝점. 반전 등을 설정한다. ▲ 기본 적용. 하나의 클릭이 8조각으로 나눠진다. ▲ 효과 컨트롤 - 사용자 정의에서 날개 수를 조정할 수 있다. 20개로 해봤다 ▲ 바람개비 효과 약간 재수 없네. 그 나라 같잖아 ㅡㅡ?

홈화면 글 목록에 댓글 개수 표시하기

피드에 빨간 점이 생기면 뭐지 뭐지 하면서 들어가 본다. 대부분 관심 가는 주제로 글을 쓰시는 분들을 구독해서 재미있게 읽는다. 그분들은 보통 댓글이 많으시다. 부럽다. 난 소심해서 소통을 잘 못한다. 그러면서 느끼는 점. 이분들 홈 화면에서 글 목록 옆에 댓글 개수가 표시되면 어떨까? 댓글 개수를 표시해주는 스킨도 많지만 그렇지 않은 스킨이 더 많은 것 같다. 그래서 오늘은 홈 화면 글 목록에 댓글 개수 표시하기를 만들어보자. 조금 어려울수도 있지만 천천히 따라 해 본다면 딱히 어렵지도 않다.^^ 일단은 제가 쓰는 스킨으로 설명합니다. 이 부분은 모든 스킨에 해당되니 스킨에 크게 신경 쓰지 마셔요. 참고로 이미지는 스킨 편집에 이용하는 테스트 블로그예요. 저는 테스트 블로그에 실험해보고 본 블로그에 적..

제일은행에서 헐크(체크카드) 왔어요~+o+)/

얼마 전에 애드센스에서 하도 지급은행 등록하라고 해서 후다닥 은행 계좌 만들고 카드도 신청했었어요. 제일은행 셀프뱅크로 집에서 계좌 만드세요~^^ 은행 수수료 이야기는 이번 달, 셀프뱅크에 관한 이야기는 12월에 예약 글로 작성했어요. 궁금하신 분은 그냥 기다리세요. 억지로... 제바알!!! 예약글이 12월까지 꽉 차 있어요. =-=; 계좌 만들때 카드도 같이 신청했는데 3일 만에 오네요. 저는 헐크가 좋아요~ 큼직큼직하고~^^ 섹시행~♥ ⊂(♡⌂♡)⊃ 카드 미쳤나봐요. 너무 이뻐요. >>ㅑ~~~~~~ 헐크야 애드센스에서 너에게 매달 용돈을 줄 거야. 힘차게 모아라. 제바알~!!! 억지로!!! =-=' 모아서 맛있는거 사먹자~

• 닐쌍 2019.11.14

윈도우 탐색기 파일 확장명 보기

윈도우를 처음 설치하면 파일의 확장명이 안 보이게 설정되어있다. 왜 확장명을 안 보이게 해 놨을까? 웬만한 컴맹 아니고서야 확장명을 마음대로 바꾸거나 하는 일은 없다. 바꿔도 실행 프로그램에서 실행도 안되는데 말이다. 확장명을 바꾸고 싶을 때는 컨버터를 이용해야 한다. 컨버터란 이런 성질을 가진 파일을 저런 성질의 파일로 바꿔주는 거다. 설명 참 ㅋㅋㅋ 윈도우 탐색기에서 확장명을 보는 방법을 알아볼게요. 아주 쉬워요.^^ ▲ 보통은 파일 이름 뒤에 확장명을 볼 수 없어요. 그런데 편집을 하시는 분들은 기본으로 보이게 설정해서 쓰시잖아요. ▲ 윈도우 탐색기 오른쪽 위에 구성 메뉴에 폴더 및 검색 옵션을 선택합니다. ▲ 보기 탭 - 고급 설정에서 "알려진 파일 형식의 파일 확장명 숨기기" 체크를 해제합니다...

• LUCY 2019.11.14

CSS display

display 태그는 말 그대로 화면에 어떻게 표시할지 정의한다. 티스토리 편집에서 가장 많이 쓰이는 속성은 display: none; display: inline; display: block; display: inline-block; 이렇다. html 태그는 기본적으로 인라인 구조의 속성을 가진 것과 블록 구조의 속성을 가진다. 이에 대한 내용은 다음 글을 참고하자. 2019/10/15 - [웹코딩 어려워/· HTML] - HTML 블록과 인라인 HTML 블록과 인라인 요소의 표시 방법에는 블록 구조와 인라인 구조가 있다. 이 두 단어는 스킨 편집 할 때 몇 번 들어봤다. - 블록 구조 정의 : 항상 새 줄에서 시작하고 전체 너비를 사용한다. 블록 구조의 태그 address article a.. nil..

• CSS 2019.11.13

CSS table

테이블을 쓰는 방법은 html의 table를 참고하자. 2019/09/12 - [웹코딩 어려워/· 사전 상세 보기] - HTML 태그 : table 2019/10/15 - [웹코딩 어려워/· HTML] - HTML 테이블 css에서 배울 테이블 태그는 테두리와 꾸미기. ▲ 테두리 합치기 CSS. border-collapse: collapse; - 테이블 너비 높이. table: {table {width: px; height: px;} table {width: %; height: %;} - 테이블 내용 가로 정렬 text-aline: left; / right; / center; - 테이블 내용 세로 정렬 vertical-aline: top; / middle; / bottom; ▲ 테두리 아래만 나오기. 마..

• CSS 2019.11.12

BNK 경남은행 무료 입출금 알림 - 투유알림

오늘 체크카드 썼는데 폰으로 알림이 안 왔다. 뭐야?! 그래서 알림 어플을 다시 설치하면서 포스팅으로 남겨보기. (°▽°)/ 옛날에는 문자 알림이라해서 월 1000원을 내고 사용했는데 스마트폰은 무료지요. 스마트폰 안 쓰시는 분들은 사용 불가능한 걸로 알고 있어요. 딱히 설명이 필요 없는 부분은 이미지만 봐주세요. ▲ 구글 플레이에서 "투유알림"을 검색하고 설치합니다. ▲ 약관은 모두 내용보기를 해줘야 다음 과정으로 넘어갑니다. 금융서비스라 꼭 읽어야 하나 봐요. ▲ 인증번호를 받아야 합니다. ▲ 입출금 내용을 자세히 볼 때 쓰는 비밀번호 6자리를 입력해주세요. 이제 계좌에 입출금 되는 모든 내용을 알려줍니다.

• 닐쌍 2019.11.12

방문 인사 달아보자

방문해 주셔서 감사드립니다 (°▽°)/ 블로그에 작은 변화를 줬습니다. 카테고리 위에 방문 감사 인사를 하나 달았어요.^^ 예쁘다~ 그리고 카테고리 간격도 좀 줄여서 촘촘하게 만들고 글 수도 좀 작게 해보고요. ▲ 사이드바 메뉴에 HTML 배너출력을 추가합니다. ▲ 이름이랑 태그를 넣어주세요. 저는~ 방문해 주셔서 감사드립니다 (°▽°)/ :: 태그 해석 :: text-align: center; // 글자 정렬: 가운데; background-color: tomato; // 배경색: 토마토; border-radius: 10px; // 테두리 둥글게: 10px; 만큼 둥글 color: #fff; // 글 색: 흰색; font-size: 14px; // 글 크기: 14px; margin-bottom: 3px;..

카카오톡 PC 설치

컴퓨터 작업하다 카톡 오면 폰 보고 폰 보고 있다가 컴퓨터 보고 작업하다 또 톡 오면 폰 보고...=-= 아으~ 귀찮아. 가만히 생각해보니 카카오톡 컴퓨터에 설치하면 되잖아? 아으~ 바보 이걸 왜 이제야 생각한건야 (×_×) 카카오톡 pc에 설치하자~ 고고~ 먼저 폰에는 당연히 카카오톡이 설치되어 있어야하겠죠? https://www.axzcorp.com/service/KakaoTalk 카카오톡 사람과 세상, 그 이상을 연결하는 카카오톡 www.axzcorp.com 카카오톡 홈페이지에 가서 pc 저번을 다운로드하여 설치합니다. ▲ 다운로드에서 자신의 운영체제와 맞는 걸 다운 받으세요. ▲ 설치 과정 중 원하는 옵션을 선택하고 진행합니다. ▲ 설치하고 실행하면 전화번호랑 비밀 번호 넣으라네요. 그리고..

• LUCY 2019.11.11

내 블로그를 방문하는 사람들 - 잉? 이게 뭐야?

할 것도 없는 블로그 점검을 하다 이상한걸 발견했다. 잉? 디시인사이드에서 내 블로그를 방문했다. 뭐냐? ㅋㅋㅋ 신기하네. 누가 내 글을 링크 걸었나 보다. 쓸만한 글이 있긴 있나 보네.^^ 디시에서 보러 오다니 신기방기. 그리고 요즘 구글 검색 방문이 많이 늘었다. 보통 네이버, 다음 검색, 기타 유입이 대부분이었는데 약 3주 전부터 구글 유입이 다음 유입을 넘어서고 있다. 구글 유입이 늘어나는 건 아주 좋은 현상이다. 그 어렵다는 구글 장벽을 서서히 넘고 있다는 신호니까.^^ 그냥 막 갈기는 글이라 상위 노출하는 방법도 모르고 노출의 목적도 없다. 이런거 보면 타커뮤니티에 자신의 글이나 블로그를 홍보하는 사람들의 심정을 알 것 같기도 하다. 블로그가 돈벌이 목적으로 많이 쓰이는 게 현실이니까. 나도 ..

방문자수 꾸미기^^*

아주 간단한 html/css 태그를 이용해 나만의 방문자수 카운터를 만들어보자. 갑자기 그냥 하고 싶어 해 봤는데 재밌다. 보통은 이런 모양이다. 이걸~ 이렇게 바꿨다. 풉~ 어서오이소 = Today 왔다가심 = Yesterday # 2019.05.06 부터 = 전체 방문자. 거기에 방문 감사 인사.^^ 저는 스킨 편집이나 변경시에 테스트 블로그에 해보고 본 블로그에 최종 적용해요. 본 블로그로 실험하다 망한 경우가 몇번 있어서... ㅠㅠ 오늘을 열심히 살아야 하고 오늘이 중요하기에 Today를 맨 위로 올리고 내 블로그가 언제 시작한지도 볼 겸 전체 방문자 이름을 "# 2019.05.06"으로 바꿨다. 뭔가 좀 정리가 더 필요해 보이지만 나름 괜찮아 보이는 데? =.=)? 전체 방문자 Today : Y..

뭐냐 ㅡㅡ? 미쳤나봐. 메이플 하루종이 경험치 2배!

썬데이 메이플. 일요일은 메이플만 하라네요. 감사합니다. (#><) 11월 10일 일요일은 하루 종일 경험치가 2배입니다. 24시간... 과연 내가 할 수 있을까? 두둥~ (∪。∪)。。。zzZ 저는 월~토요일까지 열심히 운동하고 딱 하루만 운동 안 하고 열심히 아주 열심히 먹어요. 그것도 아주 칼로리가 높은 것만 골라 먹어요. 라면, 과자, 과일, 참치, 스팸, 또 라면... 배 터지도록 먹어요. 게임 + 축구와 함께~^^ 이번 주 일요일 00:00시부터 달려야죠. 이런 기회 자주 오는 게 아닙니다. ㅋㅋ 요즘 메이플 재미없어서 로그인만 하고 사냥은 거의 안 했는데 다시 활활 타 오를지도... (╯°Д°)╯ ┻━┻ 메이플 얘기하다 갑자기 운동 얘기... 고칼로리는 1주일의 보상이라 생각합니다. 10년 넘..

• 오락실 2019.11.08

폴더 / 파일 숨기는 방법

내 컴퓨터는 나만 쓴다. 그런데도 가끔 숨기고 싶은 폴더나 파일이 있다. =-=? 그런데 막상 숨기고 나면 이걸 왜 숨겼지? 할 때가 있다. 우연히 숨긴 파일이 있는지 확인해봤는데 폴더 하나가 있다. 잉? 폴더는 텅텅 비어있다. 실수로 잘 못 누른 듯하다. 여튼요~ 오늘은 폴더, 파일을 숨기고 보는 방법과 숨긴 파일을 보면 안 되는 이유를 알려드릴게요. 고고~ 나의 비밀스러운 사생활을 숨겨보자. ▲ 숨기고 싶은 폴더나 파일을 우클릭한다. 속성을 열면 아래에 저렇게 숨김이라고 아주 쉽고 직관적으로 표시해주고 있다. 숨김을 선택하면 된다. ▲ 숨겨진 파일을 다시 보려면 윈도우 탐색기 메뉴 구성에서 폴더 및 검색 옵션으로 들어간다. ▲ 보기탭에서 숨김 파일 및 폴더 옵션을 원하는 대로 선택해주면 된다. ▲ 숨..

• LUCY 2019.11.08

CSS 목록

목록은 ul, ol, li 태그를 사용한다. 3태그는 함께 사용가능하다.html 목록 태그와 사용 방법이 99.99% 동일하다. 다음글을 참고하자. 2019/10/15 - [웹코딩 어려워/· HTML] - HTML 목록2019/10/15 - [웹코딩 어려워/· HTML] - HTML 목록 2 - css에서 사용 방범 See the Pen Untitled by nilgi (@nilgi) on CodePen.- list-style-position: inside; / outside;목록 마크 위치를 글의 외부, 내부에 표시할 수 있다. See the Pen Untitled by nilgi (@nilgi) on CodePen.- list-style-type: none; 마크 표시하지 않기.  - 목록 한줄에..

• CSS 2019.11.07

애드센스 광고 게재율 실험중

애드센스 광고 게재율 실험 중입니다. - 광고 게재율? 광고 게재율이란 방문자가 내 블로그를 봤을 때 광고가 얼마나 자주 노출되느냐를 설정합니다. 기본은 100%로 광고 수가 10개라면 10개가 전부 보이는 겁니다. 만약 50%라면 10개 중에 5개만 보이고 광고 자리는 빈 공간으로 보이게 됩니다. Q. 그럼 수익이 줄어드는 거 아닌가요? A. 줄어들기도 늘어나기도 합니다. Q. 광고수가 줄어드는 데 왜 수익이 늘어날 수 있나요? A. 광고수가 줄어드는 대신 CPC(클릭단가) 단가가 높은 광고가 노출됩니다. 광고 단가는 광고마다 다릅니다. 클릭당 10원짜리도 있고 1000원짜리도 있습니다. 광고 게재율은 광고수를 줄이는 대신 단가가 높은 광고를 노출시켜주기 때문에 경우에 따라 유리할 수도 있고 불리할 수..

프리미어 프로 : 비디오 전환 효과 - 바둑판

비디오 전환 효과 중 바둑판 모양으로 앞, 뒤 클립이 바뀌는 효과를 적용해보자. ▲ 비디오 전화 효과 - 지우기 - 바둑판 효과를 드래그, 드롭해서 클립과 클립 사이에 올려놓는다. ▲ 놓으면 이렇게 중앙에 놓아진다. 위치는 마음대로 하면 된다. 기본은 중앙이다. 디테일한 위치는 클립을 확대해서 하거나 효과 컨트롤 패널에서 조절하면 된다. ▲ 정렬은 기본 가운데, 앞 클립의 끝, 뒤 클립의 처음으로 되고 오른쪽 패널에서 효과를 움직이면 된다. 지속 시간이나 시작점, 끝 점을 조정해 마음에 들 때까지 계속해보는 게 좋다. 기술의 익힘은 반복이 답니다. 반전은 진행 방향이 반대로 되는 거고 테두리는 조각에 사용될 테두리다. 딱히 필요 없다. 태그의 border라 생각하면 된다. ▲ 효과가 중간 정도 진행되었을..

패스파인더 - 카디널/에디셔널 블래스터 코어강화 완료

1주일 동안 모은 코어 까다가 카디널이랑 에디셔널 블래스트 강화를 마스터 했다능~ 와우. 드디어 60!!! 맨날 보스만 돌고 일퀘만 하니까 랩업은 무진장 안 한다. ㅋㅋㅋ 주말에만 사냥하니 메린이를 탈출할 수가 없어. 당연지사. 이거 말고 얼티밋 마스터하고 싶은데요. 얼티밋 막 10개씩 주세요. 제바아알~!!! 원기야... 파풀 잡고 의자 먹었다. ٩(^ᴗ^)۶

• 오락실 2019.11.06

CSS 링크 a

a:link { } - 방문 전 링크 상태.a:visited { } - 방문 후 링크 상태.a:hover { } - 링크에 마우스를 올렸을 때 상태.a:active { } - 링크를 클릭했을 때의 짧은 순간. 링크 태그를 쓸 때는 순서가 있다. 반드시 link - visitde - hover - active 순서로 써야한다. 나 이거 몰랐어...=-= See the Pen 링크1 by nilgi (@nilgi) on CodePen.  - text-decorationtext-decorationd은 링크에서 주로 밑줄을 제거할 때 사용한다. a:link {text-decoration: none;}a:hover {a {text-decoration: none: underline;}  - background-c..

• CSS 2019.11.05