PC Geek's

오피스 2003 기준으로, 붙여넣은 양이 많으면 워드 창이 한동안 다운된 것처럼 얼어버릴 때가 있다.그것을 방지하는 방법 중 하나는, 도구 모음에서 문법검사를 하지 않는 것.그러면 얼마 안 걸려 들어간다. 일단 붙여넣고 다듬은 다음에 검사를 하든지 하자. 문제는 오피스에 붙여넣은 코드가 매우 난잡할 때인데..그걸 단순하게, 그러니까 링크와 최소한의 레이아웃만 살리고 나머지를 다 지워 바꿔주는 플러그인이 어디 있나 모르겠다. 그런 게 없으면 그냥 a, b, h, font, ul, ol, li, image 정도만 남기고 싹 지워버리는 스크립트라도 짜야 하나.. 확장 프로그램용으로 발상은 나쁘지 않은데.. 크롬 웹스토어에서 뭐라고 검색하면 이런 게 나올까.

CSS파일을 고칠 때 알아둘 상식: 글꼴. 조금 찾아본 것을 버리기 아까워 메모해 둔다.일일이 고치는 귀찮은 짓을 하지 않기 위해. 반응형 디자인을 할 때 헤매지 않기 위해. ★ 서체의 종류와 스타일 http://webberstudy.com/html-css/css-1/font-style/: 글꼴에 관한 기본 설명이 눈에 잘 들어온다. ★ CSS 단위별 폰트사이즈(px,pt,em,%) http://jsunnylab.tistory.com/24: 반응형에는 em이 좋다고. 그리고 이렇게 여러 종류가 있는 이유를 간략하게 정리한 블로그.글자크기 비교표가 아주 유용하다.디자인 원리 자체는 전문 사이트에서 좀 더 읽어야 한다. ★ 당신은 모를 수도 있는 CSS의 7가지 단위 https://webdesign.tuts..

먼저 글 하나 링크. 잘 된 설명과 예제다.Styling Underlines on the Web BY JOHN D. JAMESON ON OCTOBER 10, 2016기본은 이 사이트 https://www.w3schools.com/css/css_link.asp CSS는 영문에 어울리게 되어 있기 때문에 텍스트 아래에 밑줄이 나올 때, 한글은 밑줄이 붙어버린다. 그래서 밑줄을 좀 띄어 주면 보기가 좋아진다. 그리고 밑줄이 붙었을 때만 띄우면 레이아웃이 깨지니까, 텍스트 전체적으로 다 밑줄을 조금 띄워 디자인 통일성을 유지하도록 CSS를 조정해주어야 한다.예를 들어 이런 식이다..article u {border-bottom: 1px solid; padding-bottom: 2px; text-decoration..

Daylogs/HTML/CSS word-wrap, word-break 줄바꿈 속성 차이 - 꿀벌개발일지 블로그CSS 줄바꿈속성 (LineBreak Property) - White-space, Word-wrap [WEBDIR] word-wrap: break-all; 이 유용한 경우가,본문에 URL링크를 넣었는데 링크가 너무 길어 웹페이지 레이아웃을 깨버린 경우.신경쓰면 링크는 남기고 보이는 부분은 ...으로 처리할 수도 있고, 다른 방법을 쓸 수도 있지만, 티스토리 본문인 경우에는 그건 귀찮으니까, 본문 css속성에 저걸 넣으면 됨. word-break가 유용한 경우는 제목란.제목란 줄바꿈은 직접 손대줄 수도 있겠지만, 가장 편한 방법은 word-break: keep-all; 띄어쓰기 단위로 잘라준다. 제..

티스토리 본문 하단 각주에 관해서는 예전에 짧게 적은 게 있으니 그걸로 갈음한다. 이번에는 본문에 풍선으로 뜨는 각주창을 어떻게 해보는 이야기를 적어 간다. 하려는 이유는, 본문 글꼴 크기에 비해 각주 풍선 글꼴 크기가 너무 작아서. 먼저 코코넛냠냠님 블로그 링크. http://nanite.tistory.com/12 티스토리 각주 풍선 글꼴의 글자색은 본문 글자색을 따라간다고 하는데, 그 글자색을 바꿔준 것. 티스토리 각주 풍선 표시는 외부 파일에 저장된 자바스크립트. 그래서 그 파일을 손대진 못하니, 본문에 같은 이름으로 함수를 넣어 오버라이드, 우선적으로 실행하도록 한 것이라고. 이걸 이용하면 글자색 뿐 아니라, 글꼴의 크기도 바꿀 수 있다고 한다. 코딩은 전혀 따라갈 실력이 못 되어, 흉내내보았다...

시행된 지는 꽤 됐습니다. https://www.eprivacy.go.kr 개인정보 수집·이용에 동의해주세요.본인확인 내역 조회 대상을 선택해 주세요.본인확인 수단 중 하나를 선택하여 본인확인을 해주세요.본인확인 내역 조회를 위한 이용자 정보를 입력해주세요.본인확인 내역 조회 결과를 확인할 수 있습니다.웹사이트 목록 중 회원탈퇴 지원이 필요한 대상을 선택해주세요.웹사이트 회원탈퇴 지원서비스 이용에 동의해주세요.웹사이트 회원탈퇴 요구 권리의 위임에 동의해주세요.웹사이트 회원탈퇴 신청서를 작성해주세요.본인확인 수단 중 하나를 선택하여 본인확인을 해주세요.회원탈퇴 결과 확인을 위한 이용자 정보를 입력해 주세요.웹사이트 회원탈퇴 신청내역 및 처리결과를 확인할 수 있습니다.웹사이트 회원탈퇴 신청을 취소(철회)할 ..

1.티스토리는 각주를 쓸 수 있는데 이걸 좀 폼나게 꾸미거나, 레이아웃을 조금 바꿔주고 싶을 때.티스토리 관리자 화면에서 CSS수정화면으로 들어가, 바꿔주면 된다. footnotes 라는 class가 있는데, 이게 각주의 DIV 태그와 OL 태그에 붙어 있다.DIV태그에만 적용해주려면 BODY DIV.footnotes {뭐라구뭐라구} 해주면 된다. OL태그도 마찬가지고. 둘 다 적용해줄 것 같으면 그냥 body .footnotes { } 쓰면 된다. 그림을 넣고 싶다면, 예를 들어body DIV.footnotes { background: url('그림주소') no-repeat;background-position: left top;margin-top:30px;padding-top: 20px; }이런 식으로..

정보아님. 메모.티스토리 스킨을 조금 바꿔보려고 찾아본 것. 자바스크립트 습관 http://www.clearboth.org/42_javascript_best_practices/ http://www.w3schools.com/dom/dom_nodes_get.asp 꼭 이게 아니라도 코드 시험해보기좋음. http://www.w3schools.com/dom/tryit.asp?filename=try_dom_getelementsbytagname HTMLCollectionhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLCollection

http://www.w3schools.com/jsref/prop_html_innerhtml.asphttp://www.w3schools.com/htmldom/dom_methods.asp

오늘의 GAOTD입니다. 오후 4시정도까지 설치, 등록을 완료하면 무료. 이 프로그램은 웹페이지나 블로그 스킨을 편집하면서, 레이어를 깔아줄 때 쓰라는 툴입니다. 아기자기한 블로그나 웹페이지를 만들어보고 싶다면 도전해볼 만 합니다. (아, 테터툴즈쪽 블로그 스킨이면 코드를 직접 편집한 뒤에는 스킨 위자드를 쓰지 않는 게 좋습니다. 블로그 엔진에 따라서는 꼬이거나 위자드가 사용자 편집을 무효화하는 경우가 있어서) 레이어를 지정하고 써먹는 거야 직접 짜면 제일 간결하고 단순하지만, 저같은 초짜는 예쁘게 만드는 게 하세월이라 마음에 드는 효과를 내주는 툴이 있으면 빠르고 또 이래 저래 만져보면서 약간은 배울 수도 있습니다. * GAOTD 다운로드 주소 설치하면 단순히 등록코드를 주는 게 아니라, 설치 후 등록..

mkyoon님의 블로그 (css, js 등에 관한 내용이 있는 곳입니다)에서 알게 된 팁입니다. 해보니 잘 되네요. :) 거기서는 또 여기(www.dustindiaz.com)를 출처로 꼽고 있습니다. 저 링크에서 아래 답글부분도 읽어보면 도움이 됩니다. skin.html 에서 이렇게 하고 이런저런 그리고, style.css 에서는 #mybox1 { min-height:600px; height:auto !important; height:600px; } 이렇게 하면, "이런저런" 이 있는 박스는 최소 높이가 600px이 되고, 내용이 그보다 많아지면 늘어납니다. 포스트 본문같이 내용이 가변적인 항목이 들어갈 때, 출력되는 양이 너무 적으면 전체 레이아웃이 깨지거나 흉해 보일 때가 있습니다. 그걸 방지하는 역..