본문 바로가기

전체 글2614

CSS display display 태그는 말 그대로 화면에 어떻게 표시할지 정의한다. 티스토리 편집에서 가장 많이 쓰이는 속성은 display: none; display: inline; display: block; display: inline-block; 이렇다. html 태그는 기본적으로 인라인 구조의 속성을 가진 것과 블록 구조의 속성을 가진다. 이에 대한 내용은 다음 글을 참고하자. 2019/10/15 - [웹코딩 어려워/· HTML] - HTML 블록과 인라인 HTML 블록과 인라인 요소의 표시 방법에는 블록 구조와 인라인 구조가 있다. 이 두 단어는 스킨 편집 할 때 몇 번 들어봤다. - 블록 구조 정의 : 항상 새 줄에서 시작하고 전체 너비를 사용한다. 블록 구조의 태그 address article a.. nil.. 2019. 11. 13.
애드센스 광고 모양 지정 애드센스 광고는 보통은 반응형을 쓰기 때문에 알아서 크기와 모양이 변경된다. 그러나 특별히 원하는 크기나 모양을 설정해야 할 경우도 있다. 최근에 알게 된 모양 지정 방법이다. 이게 얼마 전에 추가된 data-full-width-responsive="true"후에 생긴 건지 원래 있었던 건지는 모르겠다. 여튼 쓸만할 듯? 원래 기본 광고 코드는 이러한데 여기서 data-ad-format="auto" 이 부분을 수정해야 한다. auto : 기본. 공간을 자동으로 계산해 광고 크기를 보여준다. rectangle : 반응형 직사각형. horizontal : 반응형 수평형. vertical : 반응형 수직형. 이런 모양을 기본으로 공간에 맞게 반응형으로 노출이 된다. 조금 더 디테일하게 설정을 하려면 style.. 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; ▲ 테두리 아래만 나오기. 마.. 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;.. 2019. 11. 11.
카카오톡 PC 설치 컴퓨터 작업하다 카톡 오면 폰 보고 폰 보고 있다가 컴퓨터 보고 작업하다 또 톡 오면 폰 보고...=-= 아으~ 귀찮아. 가만히 생각해보니 카카오톡 컴퓨터에 설치하면 되잖아? 아으~ 바보 이걸 왜 이제야 생각한건야 (×_×) 카카오톡 pc에 설치하자~ 고고~ 먼저 폰에는 당연히 카카오톡이 설치되어 있어야하겠죠? https://www.kakaocorp.com/service/KakaoTalk 카카오톡 사람과 세상, 그 이상을 연결하는 카카오톡 www.kakaocorp.com 카카오톡 홈페이지에 가서 pc 저번을 다운로드하여 설치합니다. ▲ 다운로드에서 자신의 운영체제와 맞는 걸 다운 받으세요. ▲ 설치 과정 중 원하는 옵션을 선택하고 진행합니다. ▲ 설치하고 실행하면 전화번호랑 비밀 번호 넣으라네요. 그리고.. 2019. 11. 11.
내 블로그를 방문하는 사람들 - 잉? 이게 뭐야? 할 것도 없는 블로그 점검을 하다 이상한걸 발견했다. 잉? 디시인사이드에서 내 블로그를 방문했다. 뭐냐? ㅋㅋㅋ 신기하네. 누가 내 글을 링크 걸었나 보다. 쓸만한 글이 있긴 있나 보네.^^ 디시에서 보러 오다니 신기방기. 그리고 요즘 구글 검색 방문이 많이 늘었다. 보통 네이버, 다음 검색, 기타 유입이 대부분이었는데 약 3주 전부터 구글 유입이 다음 유입을 넘어서고 있다. 구글 유입이 늘어나는 건 아주 좋은 현상이다. 그 어렵다는 구글 장벽을 서서히 넘고 있다는 신호니까.^^ 그냥 막 갈기는 글이라 상위 노출하는 방법도 모르고 노출의 목적도 없다. 이런거 보면 타커뮤니티에 자신의 글이나 블로그를 홍보하는 사람들의 심정을 알 것 같기도 하다. 블로그가 돈벌이 목적으로 많이 쓰이는 게 현실이니까. 나도 .. 2019. 11. 9.
방문자수 꾸미기^^* 아주 간단한 html/css 태그를 이용해 나만의 방문자수 카운터를 만들어보자. 갑자기 그냥 하고 싶어 해 봤는데 재밌다. 보통은 이런 모양이다. 이걸~ 이렇게 바꿨다. 풉~ 어서오이소 = Today 왔다가심 = Yesterday # 2019.05.06 부터 = 전체 방문자. 거기에 방문 감사 인사.^^ 저는 스킨 편집이나 변경시에 테스트 블로그에 해보고 본 블로그에 최종 적용해요. 본 블로그로 실험하다 망한 경우가 몇번 있어서... ㅠㅠ 오늘을 열심히 살아야 하고 오늘이 중요하기에 Today를 맨 위로 올리고 내 블로그가 언제 시작한지도 볼 겸 전체 방문자 이름을 "# 2019.05.06"으로 바꿨다. 뭔가 좀 정리가 더 필요해 보이지만 나름 괜찮아 보이는 데? =.=)? 전체 방문자 Today : Y.. 2019. 11. 9.
뭐냐 ㅡㅡ? 미쳤나봐. 메이플 하루종이 경험치 2배! 썬데이 메이플. 일요일은 메이플만 하라네요. 감사합니다. (＃＞＜) 11월 10일 일요일은 하루 종일 경험치가 2배입니다. 24시간... 과연 내가 할 수 있을까? 두둥~ (∪｡∪)｡｡｡zzZ 저는 월~토요일까지 열심히 운동하고 딱 하루만 운동 안 하고 열심히 아주 열심히 먹어요. 그것도 아주 칼로리가 높은 것만 골라 먹어요. 라면, 과자, 과일, 참치, 스팸, 또 라면... 배 터지도록 먹어요. 게임 + 축구와 함께~^^ 이번 주 일요일 00:00시부터 달려야죠. 이런 기회 자주 오는 게 아닙니다. ㅋㅋ 요즘 메이플 재미없어서 로그인만 하고 사냥은 거의 안 했는데 다시 활활 타 오를지도... (╯°Д°)╯ ┻━┻ 메이플 얘기하다 갑자기 운동 얘기... 고칼로리는 1주일의 보상이라 생각합니다. 10년 넘.. 2019. 11. 8.
폴더 / 파일 숨기는 방법 내 컴퓨터는 나만 쓴다. 그런데도 가끔 숨기고 싶은 폴더나 파일이 있다. =-=? 그런데 막상 숨기고 나면 이걸 왜 숨겼지? 할 때가 있다. 우연히 숨긴 파일이 있는지 확인해봤는데 폴더 하나가 있다. 잉? 폴더는 텅텅 비어있다. 실수로 잘 못 누른 듯하다. 여튼요~ 오늘은 폴더, 파일을 숨기고 보는 방법과 숨긴 파일을 보면 안 되는 이유를 알려드릴게요. 고고~ 나의 비밀스러운 사생활을 숨겨보자. ▲ 숨기고 싶은 폴더나 파일을 우클릭한다. 속성을 열면 아래에 저렇게 숨김이라고 아주 쉽고 직관적으로 표시해주고 있다. 숨김을 선택하면 된다. ▲ 숨겨진 파일을 다시 보려면 윈도우 탐색기 메뉴 구성에서 폴더 및 검색 옵션으로 들어간다. ▲ 보기탭에서 숨김 파일 및 폴더 옵션을 원하는 대로 선택해주면 된다. ▲ 숨.. 2019. 11. 8.
CSS 목록 목록은 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 이용하기 2019. 11. 7.

티스토리툴바