배움터_일반54 서울 여행 준비 회사의 '여름휴가'와 아들의 '긴~ 여름방학'을 활용해서 이번에는 서울구경을 하기로 했다. 대한민국의 수도이면서 '사람은 서울로 보내라'는 말도 있어 이번 기회에 서울 구경을 할려고 마음을 잡았는데 서울지도를 펼쳐보면서부터 머리가 아프다. 자가용은 못 끌고 가 기차표를 예매하는 것 부터, 숙박, 일정등등... 준비를 해야 할 것이 많다. 특히, 일정은 무지 복잡하면서도 신경을 계속해서 쓰이게 만든다. 거의 15일동안 일정을 정했다가... 없앴다가... 반복되는 모습을 보여주면서 잡은 일정이다. 기껏 정해 놓으면 휴관일이 틀리고, 관람시간과 소요되는 시간이 틀려서 다시 일정 조정. 한 여름의 더운 땡볕속을 3일동안 내내 걸어 다녀야하니 미리 체력단련을 하라고 해도 변함이 없는 아내와 아들의 모습을 보면서 .. 배움터_일반/구매 2016. 7. 21. 건강을 위한 습관 들이기 건강을 위한 12가지 습관들. 1. 음식은 10번이라도 씹고 삼켜라. 의사들이 말하는 것처럼 30번 씩 씹어 넘기려다 세 숟가락 넘기기 전에 포기하지 말고, 10번이라도 꼭꼭 씹어서 삼킨다. 고기를 먹으면 10번이 모자라겠지만 라면을 먹을 때도 10번은 씹어야 위에서 자연스럽게 소화시킬 수 있다. 2. 매일 조금씩 공부를 한다. 두뇌는 정밀한 기계와 같아서 쓰지 않고 내버려두면 점점 더 빨리 낡는다. 공과금 계산을 꼭 암산으로 한다든가 전화번호를 하나씩 외우는 식으로 머리 쓰는 습관을 들인다. 일상에서 끝없이 머리를 써야 머리가 ‘녹’이 스는 것을 막을 수 있다. 3. 아침에 일어나면 기지개를 켜라. 아침에 눈을 뜨면 스트레칭을 한다. 기지개는 잠으로 느슨해진 근육과 신경을 자극해 혈액 순환을 도와주고 .. 배움터_일반/생활의 지혜 2016. 7. 14. 위로 가는 버튼 화면에 떠 다니는 버튼을 클릭하면 페이지의 가장 위로 이동된다. 처음에는 CSS만으로 적용해서 사용을 했는데 클릭시 화면이 그냥, 막, 순신간에 위로 이동되어 버려 재미?가 없어 제이쿼리_jQuery 를 함께 적용해서 부드럽게 화면이 바뀌면서 위로 올라가는 모습으로 바꾸었다. 오른쪽에 있는 위쪽 화살표의 버튼을 클릭! HTML CSS /* 위로 가는 버튼 */ #top a { position:fixed; bottom:5px; right:15px; z-index:5; font-size:30px; color:#fff; text-shadow:rgba(0, 0, 0, 0.3) 1px 1px 2px, rgba(0, 0, 0, 0.3) 0 0 10px;" } 배움터_일반/TIStory 2016. 7. 13. 휴대폰에서 토글버튼 클릭시 나타나는 메뉴. 반응형 스킨 #1이 컴퓨터에서 보여지는 메뉴들이 휴대폰에서는 나타나지 않아 휴대폰 화면에서도 보여지게 만들었다. 스킨 #1에서 토글버튼을 누르면 카테고리 리스트만 나타나지만 지금은 최근 글과 최근 댓글, 관리자 메뉴, 날짜, 방문객이 나타나도록 했다. HTML 카테고리 방명록 최근에 올라온 글 최근에 달린 댓글 글쓰기 관리자 로그인 오늘: , 어제: , 손님: REMEMBER 20140416 CSS /* ##### mobile_메뉴 */ .mbox_aside { display:block; width:100%; height:auto; margin:0; padding-top:17px; } .mbox_aside h5 { width:auto; margin:0; padding:5px 5px 1px 15px; fo.. 배움터_일반/TIStory 2016. 6. 29. 티스토리의 꾸미기 중에서... 티스토리의 스킨을 만들 때 필요한 기능적인 부분을 일단은 적어놓고 나중에 필요하면 적용을 시켜봐야겠다. 1. 스크롤바의 움직임에 따라 헤드_header 부분이 숨겨지는 기능인데 꼭 헤드부분만 숨겨지는 것이 아니라 원하는 부분_div도 가능하다. 2. 숨겨지는 헤드 바탕에 이미지를 적용해 단순해진 블로그에 작은 감정이라도 느껴지도록 했다. 3. 모바일 화면에서 나타나는 버튼을 클릭하면 레이어_Layer가 나타나는 기능으로 일반적으로 여기다 카테고리를 집어넣어 현재의 블로그처럼 사용하는데 소스가 다르다. ≡ ≡ 오늘: , 어제: , 손님: REMEMBER 20140416 설명과 지료가 있는 곳이다. : http://brilliantcoding.xyz/entry/Jquery-%EC%A0%9C%EC%9D%B4%.. 배움터_일반/TIStory 2016. 6. 26. 반응형 스킨 '#1'의 토글버튼을 바꿨다. 티스토리의 반응형 스킨 #1의 휴대폰 화면에서 나타나는 토글버튼의 위치를 바꿨다. 오른쪽 위에 있는 버튼을 동작시킬려고 하니 오른손까지 움직이는 귀찮으즘이 생겨 왼쪽의 아래쪽으로 옮겼다. 되도록이면 왼손만으로 움직이는 버릇의 게으름이 있어 다시 전에 사용하던 방법을 적용시켰다. 바뀌는 블로그의 분위기에 맞게 색도, 크기도 멋대로 바꾸기 쉽다. HTML ≡ CSS @media only screen and (max-width:820px) { .area_head .btn_menu { display:block; overflow:hidden; position:fixed; left:7px; bottom:-5px; text-align:center; font-size:45px; color:#fff; text-shado.. 배움터_일반/TIStory 2016. 6. 24. 이미지 캡션(자막) 꾸미기 블로그에 사진, 이미지를 올리면서 설명할 수 있는 짧은 글을 적어 놓으면 괜찮다는 생각이 들어 찾아 보았다. /* width:100%; 이렇게 넓이를 주면 캡션의 위치가 사진과 다른 위치에 나타난다. */ .skin_view .area_view .imageblock { max-width:100%; height:auto; margin-top:10px; } /* Image cap1 */ .cap1 { margin:-10px 0 17px 0; padding-top:5px; font-size:14px; color: #999; text-align: center; border-bottom:1px solid #fafafa; border-radius:17px; -webkit-box-shadow:0 10px 7px -7.. 배움터_일반/TIStory 2016. 6. 21. 이전 1 2 3 4 5 6 7 8 다음
