기억해 두면 언젠가는 사용하는 날이 있는 사이트 소개 1) CSS, HTML, JS의 코드를 정리해 주는 사이트2) CSS, HTML, JS를 한 줄로 만들어 주는 사이트를 소개해 드릴게요! 1. HTML 코드 정리해 주는 사이트http://tools.arantius.com/tabifier 2.JS 코드 정리해 주는 사이트http://jsbeautifier.org/ 3. HTML & CSS 코드 정리해 주는 사이트http://prettydiff.com/?m=beautify 4. CSS 코드 정리해 주는 사이트http://www.codebeautifier.com/ 5. CSS 코드 한줄로 만드는 사이트http://cssminifier.com/ 6. JS & HTML 코드 한줄로 만드는 사이트http://j..

i n v i t a t i o n티스토리 초대장+ 남은 초대장 수 : 8안녕하세요~ 미스터짱 입니다. 초대장을 배포합니다~ 정말 필요하신 분들에게, 또 이를 계기로 저랑도 어느정도 교류할 수 있는 그런 분들께 드리고 싶네요~ 열심히 블로그 하실분들의 신청을 기다리겠습니다~ 참고로 제가 무료 배포중인 JY-SKIN #1 반응형 스킨도 사용해 보시면 좋을것 같네요 ^^ 아래 양식처럼 비밀댓글로(개인정보 보호 위해) 초대장 신청 해주세요~연령대 : 20대 중반관심사 : IT, 프로그래밍, 건강블로그 내용 : 개발 관련 소스 및 이론, IT기술에 관한 포스팅메일 주소 : abcabc@example.com ※ 초대장이 필요하신 많은 분들을 위하여 1주일 이내로 개설하지 않으시면 초대장 회수할 수 있습니다.※ 무..

안녕하세요 미스터짱입니다. ^^ 티스토리 블로그 스킨 ( JY-SKIN7 Touch Ver 1.0 ) 을 배포 합니다. 반응형 스킨이라 PC, 모바일 모두 지원됩니다. 많은 관심과 댓글 부탁 드립니다. - 중요사항 - 1. 익스플로러 8 이상 지원 , 크롬, 파이어폭스 (익스플로러 8의경우 반응형이 아닌 고정형으로 보여집니다.) 2. 헤더바에 로딩중 이미지가 나타납니다. 3. 반응형으로 제작되어 PC, 모바일 모두 지원됩니다. 4. 첨부파일 다운로드 버튼 이미지 변경 5. 사진과 이미지를 많이 사용하시는 분들께 좋은 스킨 6. 상단 한줄 공지사항 추가 7. 댓글 말풍선 디자인 추가 8. 메인페이지 썸네일 이미지에 마우스를 올리면 해당본문글이 나타남 9. 소셜 공유 버튼 추가 적용 블로그 보러가기 클릭 구..

안녕하세요 미스터짱입니다. ^^ 티스토리 블로그 스킨 ( JY-SKIN6 YR Ver 1.0 ) 을 배포 합니다. 반응형 스킨이라 PC, 모바일 모두 지원됩니다. 많은 관심과 댓글 부탁 드립니다. - 중요사항 - 1. 익스플로러 8 이상 지원 , 크롬, 파이어폭스 (익스플로러 8의경우 반응형이 아닌 고정형으로 보여집니다.) 2. 헤더바에 로딩중 이미지가 나타납니다. 3. 반응형으로 제작되어 PC, 모바일 모두 지원됩니다. 4. 첨부파일 다운로드 버튼 이미지 변경 5. 사진과 이미지를 많이 사용하시는 분들께 좋은 스킨 6. 상단 한줄 공지사항 추가 7. 댓글 말풍선 디자인 추가 8. 상단 메뉴 추가 9. 메인페이지 썸네일 이미지에 마우스를 올리면 해당본문글이 나타남 10. 소셜 공유 버튼 추가 적용 블로그..

transform 속성을 이용한 중앙정렬 transform 속성은 css3 속성으로 특정 대상을 이동하거나 크기를 줄일수도 있고 회전하는 등의 다양한 시각적 효과를 부여한다. 만약 기존의 css 코드에 transform 속성을 추가하면 아래와 같은 코드를 완성할 수 있을 것이다. 아래의 코드는 해당 요소 크기의 절반(50%)를 좌측으로 다시 이동시키며 완벽한 중앙 정렬을 가져올 수 있을 것이다. 123456789position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: t..

i n v i t a t i o n티스토리 초대장+ 남은 초대장 수 : 1안녕하세요~ 미스터짱 입니다. 초대장을 배포합니다~ 추가 여분 1개 입니다.정말 필요하신 분들에게, 또 이를 계기로 저랑도 어느정도 교류할 수 있는 그런 분들께 드리고 싶네요~ 열심히 블로그 하실분들의 신청을 기다리겠습니다~ 참고로 제가 무료 배포중인 JY-SKIN #1 반응형 스킨도 사용해 보시면 좋을것 같네요 ^^ 아래 양식처럼 비밀댓글로(개인정보 보호 위해) 초대장 신청 해주세요~연령대 : 20대 중반관심사 : IT, 프로그래밍, 건강블로그 내용 : 개발 관련 소스 및 이론, IT기술에 관한 포스팅메일 주소 : abcabc@example.com ※ 초대장이 필요하신 많은 분들을 위하여 1주일 이내로 개설하지 않으시면 초대장 회..

html 1234567891011121314151617181920 1. '보코' 손승연, 美 버클리 음대 합격 "버클리도 반했다"2011.08.11 2. K팝스타 러브라인, 이승훈 두고 백아연·이미쉘 신경전?2011.08.11 3. '내 아내의 모든 것', '어벤져스' 제쳤다..예매율 1위...2011.08.11 4. '사랑비' 이미숙-정진영, 아름다운 이별…2011.08.11 5. 최효종, 다시 한 번 강용석 의원이 고소한다면?2011.08.11 ▷ ▣ fn_article3('notice5','bt5',true);Colored by Color Scriptercs css 1234567891011121314151617 .news {padding:0 0px 20px;} .news .open-event {he..

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 vTicker body,html{ padding: 0; margin: 0;}body{ background: #cccccc;}#news-container{ width: 400px; margin: auto; margin-top: 30px; border: 5px solid #333333;}#news-container ul li div{ border: 1px solid #aaaaaa; backg..

안녕하세요 미스터짱입니다. ^^ 티스토리 블로그 스킨 ( JY-SKIN5 RJ Ver 1.0 ) 을 배포 합니다. 반응형 스킨이라 PC, 모바일 모두 지원됩니다. 많은 관심과 댓글 부탁 드립니다. - 중요사항 - 1. 익스플로러 8 이상 지원 , 크롬, 파이어폭스 (익스플로러 8의경우 반응형이 아닌 고정형으로 보여집니다.) 2. 헤더바에 로딩중 이미지가 나타납니다. 3. 반응형으로 제작되어 PC, 모바일 모두 지원됩니다. 4. 첨부파일 다운로드 버튼 이미지 변경 5. 사진과 이미지를 많이 사용하시는 분들께 좋은 스킨 6. 상단 한줄 공지사항 추가 7. 댓글 말풍선 디자인 추가 적용 블로그 보러가기 클릭 구입방법 및 라이선스 스킨 구입 방법 및 라이선스 안내 사용법 설치, 설정, 팁 등 사용법

안녕하세요~ 미스터짱입니다.^^ 스킨을 적용하시고 문의하시는 분들이 종종 계셔서 알려드립니다. 티스토리 블로그를 오래 하셨던 분들은 모두 아시는 내용들이 겠지만 그렇지 않으신 분들은 참고하시면 좋을것 같습니다~ 일단 모든 설정과 마찬가지로 관리페이지에 접속합니다. 그리고 화면설정 을 클릭해 주세요~ 화면출력 탭을 클릭하시면 아래와 같은 메뉴들이 나타납니다. 이곳에서 이미지에 체크해놓은 기본화면, 선택화면 이2곳을 글자 수를 조정해 주셔서 가장 최적의 메인화면을 만드세면 되겠습니다 ^^ 이상 간단한 티스토리 블로그 설정 관련 팁이었습니다 ^^

안녕하세요~ 미스터짱 입니다. 오뚜기에서 판매하고 있는 냉동피자가 맛있다고 하여 궁금증에 마트를 들러 한번 사먹어 보기로 했습니다. 냉동피자는 예전부터 있었는데 어릴적 한번 사다 먹어본 이후로 맛이 없어 더이상 구입해 먹어보지 않았습니다. 요즘은 저렴한 피자스쿨, 59쌀피자, 동네피자 등 매장에서 구입해도 그리비싸지 않은 6,000원~ 15,000원 정도면 오픈에 구운 따끈한 피자를 먹어볼수 있기 때문에 더욱 냉동피자는 멀리 하며 지내왔는데 가격대비 맛이 괜찮다고 와이프가 어디서 듣고왔더군요.. 급한 성격탓에 이미 포장을 뜯고 박스만 덩그러니 모든 입구들을 오픈하고 있네요 ㅎㅎ 그래도 사진은 하나 남겨야 하기에 급하게 한컷 찍었습니다. 무난한 콤비네이션 피자로 1개만 사왔습니다. 불고기 피자 까지 2개를..

안녕하세요~ 미스터짱 입니다~ 드디어 기다리던 구글 애드센스 핀(PIN) 번호 우편물이 도착했습니다~ ㅎㅎ 별거 아닌데 엄청 기다려 지더라구요. 첫번째 우편물은 주소를 대충적어놨던 잘못으로 어디로 날아갔는지 모르겠고 이전 글에올렸듯 주소 수정을 해주고 3주쯤 지난거 같네요. 우편물에 모습은 아래 이미지처럼 생겼습니다. 뒷면에는 별다른 내용은 없네요 ㅎㅎ 보이시는것처럼 3면 사이드 부분을 모두 뜯어주시면 됩니다. 우편물을 펼친 모습입니다. 우편을 내용은 단계 설명과 핀(PIN) 번호에 대해서 나와 있습니다. 구글 애드센스 핀 번호 인증 단계에 대해서 설명하자면 1번 : www.google.com/adsense/ 페이지에서 신청 시 사용했던 이메일 주소 및 비밀번호로 구글 애드센스 계정에 로그인합니다. 2번..

설연휴부터 티스토리 스킨 설치/저장 부분에 문제가 있는것 같다 느꼈었는데 역시 공지가 떳네요.. 모르시는 분들 참고 바랍며 점검이 잘이루어 졌으면 좋겠네요 ㅎㅎ 티스토리 화이팅!! 안녕하세요. TISTORY입니다. 일부 블로그에서 스킨을 수정하거나 적용할 때 정상적으로 적용되지 않는 오류가 확인되어 2017년 2월 2일(목) 아침 10시부터 약 6시간 동안 티스토리 스킨 관련 시스템을 점검하고자 합니다. 해당 작업 시간 동안 글 작성 등 티스토리의 전반적인 기능은 이용하실 수 있지만, 스킨 관련 기능은 이용이 제한되오니, 아래 내용을 확인하시어 티스토리 이용에 불편이 없으시길 바랍니다. - 작업 시간: 2017년 2월 2일(목) 10:00 ~ 16:00(6시간)- 작업 내용: 티스토리 스킨 시스템 점검 ..

i n v i t a t i o n 티스토리 초대장 + 남은 초대장 수 : 10 안녕하세요~ 미스터짱 입니다. 처음으로 초대장을 배포해 보려합니다~ 가지고 있는지도 몰랐네요 ㅎㅎ정말 필요하신 분들에게, 또 이를 계기로 저랑도 어느정도 교류할 수 있는 그런 분들께 드리고 싶네요~ 열심히 블로그 하실분들의 신청을 기다리겠습니다~ 참고로 제가 무료 배포중인 JY-SKIN #1 반응형 스킨도 사용해 보시면 좋을것 같네요 ^^ 아래 양식처럼 비밀댓글로(개인정보 보호 위해) 초대장 신청 해주세요~연령대 : 20대 중반관심사 : IT, 프로그래밍, 건강블로그 내용 : 개발 관련 소스 및 이론, IT기술에 관한 포스팅메일 주소 : abcabc@example.com ※ 초대장이 필요하신 많은 분들을 위하여 1주일 이내로..

안녕하세요~ 미스터짱 입니다 ^^이번에는 다음과 비슷한 형식의 티스토리 치환자 ( [샵샵_????_rep_date_샵샵] ) 를 이용한 날짜 표기 방법을변경해 보겠습니다. 기존의 티스토리 치환자를 이용한 날짜의 형식은 "2016.12.12 15:12" 와 같습니다.하지만 굳이 시간까지 나타낼 필요가 있을까? 라는 생각이 들어 시간을 제외한 "2016.12.12" 와 같은 형식으로표시해 보겠습니다. 다음소스를 변경하고자 하는 자리에 티스토리 날짜 치환자 대신 넣어주면 됩니다. JS123456var TDate = ''; YYYY= TDate.substr(0,4); MMDD= TDate.substr(5,5); document.write(YYYY+". "+MMDD); cs

안녕하세요~ 미스터짱 입니다.이번에는 티스토리의 카테고리에서 서브메뉴를 접었다 펼치는 방법에 대해서 알아보겠습니다. 초보분들을 위한 방법이니 고수 분들에게는 필요 없어 보이네요 ^^;; 미스터짱 블로그를 보시면 현재 적용되어있는 가로 슬라이드 메뉴에 티스토리 카테고리 부분을 보시면아래 사진과 같이 나타납니다. 모든 카테고리가 펼쳐저 있습니다. 이렇게 사용들 하셔도 이상없이 잘사용을 할수 있지만 조금더 심플해 보일수 있도록 아래 표시되어있는 서브메뉴를 접었다 펼칠수 있도록 해보겠습니다. 먼저 카테고리 구조를 한번 알아 보겠습니다.아래는 [샆샾_category_list_샾샾] 치환자를 이용할 경우 생성되는 구조입니다. 123456789101112131415 분류 전체보기 (글갯수) 카테고리명 (글갯수) 서브..

로딩 완료후 서서히 나타내는 소스 입니다.간단히 어디에도 적용가능합니다. ^^ HTML12345678google.load("jquery", "1.7.1");

안녕하세요~ 미스터짱 입니다. 현재 미스터짱 블로그 스킨의 상단 헤더 부분에 추가한 카테고리 기본소스 입니다. 이 소스를 활용해 아래 이미지와 같은 카테고리 메뉴를 추가했습니다 ^^ skin.html 1cs style.css12345678910111213141516.category { line-height:40px; clear:both; overflow:hidden; }.category a { text-decoration:none; color:#000; display:block; width:220px; text-align:center; }.category ul, .category li { padding:0; margin:0; list-style-type:none; overflow:hidden; }.cat..