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

애드센스 광고는 보통은 반응형을 쓰기 때문에 알아서 크기와 모양이 변경된다. 그러나 특별히 원하는 크기나 모양을 설정해야 할 경우도 있다. 최근에 알게 된 모양 지정 방법이다. 이게 얼마 전에 추가된 data-full-width-responsive="true"후에 생긴 건지 원래 있었던 건지는 모르겠다. 여튼 쓸만할 듯? 원래 기본 광고 코드는 이러한데 여기서 data-ad-format="auto" 이 부분을 수정해야 한다. auto : 기본. 공간을 자동으로 계산해 광고 크기를 보여준다. rectangle : 반응형 직사각형. horizontal : 반응형 수평형. vertical : 반응형 수직형. 이런 모양을 기본으로 공간에 맞게 반응형으로 노출이 된다. 조금 더 디테일하게 설정을 하려면 style..

테이블을 쓰는 방법은 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; ▲ 테두리 아래만 나오기. 마..

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

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

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

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

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

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

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

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