호기심 가득! 모지모지!

CSS를 조금 아신다는분은 뭐 사실 많이들 아실 내용이긴 하지만, 간단히 border-radius를 넣어 글에 들어간 이미지나 기타 박스형태의 디자인을 라운드형태로 변경해주는 방법입니다. 티스토리 반응형 스킨이 모바일대응에 초점이 맞춰진 바 큰 이미지를 박스형태로 보여주는 디자인이 많은데요. 그런 박스가 너무 딱딱하게 여겨진다는 분들이 따라하면 좋을거같네요. 일단, 위의 이미지처럼 본문에 삽입된 이미지를 포토샵 작업에서 라운드처리를 하지않고도 라운드된 형태로 변경할 수 있습니다. 그리고, 티스토리스킨 반응형#2에서 관련글 리스트의 형태가 위의 그림에서처럼 박스형태인데 그것또한 라운드처리할 수 있습니다. 윗부분은 바로 본문이 들어가는 위치 클래스명이 area_view이군요. CSS창을 열어서 위와 같은 위..

구글 애드센스는 오래전부터 신청하고 완료해놔서 일찍감치 스킨 변경 후, 바로 적용을 했는데... 다시 블로그를 손대면서 비슷한 광고가 있나싶어서 찾아봤더니 다음에서 서비스하는 AdFit이란 광고를 찾았네요. 이전에 아담인가 하는 이름으로 서비스를 했었다는데 이름을 바꾸었나봅니다. AdFit설명을 찬찬히 둘러보니 원래 모바일전용 광고용이라고하는데요. 쉽게말해 아이폰 안드로이드폰에서 보여지는 앱에 적용이 가능한 광고수익 서비스라는군요. 추가로 모바일웹에도 적용이 가능합니다. 그래서 티스토리 반응형 블로그에도 달 수 있나봤더니 달 수 있습니다. 일단 가입부터...아래 페이지가 Adift 주소 입니다. http://adfit.biz.daum.net 가입 후 로그인하면 여러메뉴가 나오는데 일단 광고관리에 들어가서..

티스토리 반응형 #2 스킨 뜯어고치기~ 재미있군요. 오늘은 늘 신경이 쓰였던 TOP버튼의 추가하기입니다. 글을 읽다 내려가다보면 다시 상단으로 가야하는데 PC에선 그렇게 불편함을 모르겠는데, 이게 모바일에선 상당히 불편시렵습니다. 그래서 오늘은 상단으로 이동하는, 그것도 스크롤효과가 있는 TOP버튼을 붙여봤습니다. 글 오른쪽 아래에 보시면 동그랗게 TOP버튼이 붙어있죠? 요런 작은게 있다 없으면 또 불편하죠~ 특히나, 모바일에선 손가락으로 스크롤하는게 무척 힘이 듭니다;; 자~ 붙여볼까요? 일단, 버튼 이미지 만들기는 귀찮으니 그냥 HTML로 만들었습니다. 모양은 반응형#2 스킨의 아이콘 스타일대로 동그랗게 만들었습니다. 이미지를 사용하실 분은 요기에 배경이미지를 적용하시면 됩니다. * 추가 구글배너나 ..

티스토리 반응형#2을 쓰다보니 먼가 아쉬운것들이 많이 있네요. 그래서 자꾸 고치게 됩니다.^^ 새로운 글이 떳을 경우, NEW아이콘이 붙어야 먼가 살아있는 블로그 같은 느낌이 드는 건 저만 그런걸까요?ㅎ 그래서 좀 뒤져봤습니다. 매우 간단합니다. 일단, 100줄 근처를 찾아봅니다. .tt_category li a .c_cnt와 .tt_category li a img의 속성이 display:none으로 되어있을겁니다. .tt_category li a .c_cnt는 카테고리의 글수를 표시하는 것이고, .tt_category li a img이 바로 New 아이콘을 표시해주는 부분입니다. 저는 글수는 필요없어서 그대로 두고, img를 보여주기 위해 위와 같이 변경해주었습니다. 소스 .tt_category li ..

프로필사진을 달아보려고 치환자를 붙였다 떼었다... 아무리해도 안되고...여기 저기 다른 블로거들이 변경했다는 글보며 따라하려니 맘에 드는 방법들을 못찾겠더군요. 그래서 직접 눈빠지게 CSS를 보며 머릴 굴려봤습니다. 티스토리 반응형#2 초간단! 댓글 방명록 프로필사진 달기 이것저것 CSS의 스타일을 잔뜩 바꿀 필요도 없습니다. 방법을 간단히 요약하자면 1.댓글 2.댓글의 댓글 3.방명록댓글 4.방명록댓글의 댓글 이렇게 총4군데에 있는 쓸데 없는 HTML소스 부분를 사용하지 않도록 합니다. 그런 후, CSS의 한부분을 변경합니다. 자 그럼 한번 따라해보세요~ 그림의 나타난 줄 수를 보시고 근처에서 동일한 부분을 참고하시면 됩니다. 아래 그림을 참고해서 필요없는 HTML을 감춰주세요. 앞뒤로 붙이면 됩니다..

오랜만에 블로그를 다시하면서 스킨도 변경해봤습니다. 요즘 트랜드에 맞게 티스토리 스킨에도 반응형이.... 새로추가된 티스토리 반응형#2 스킨이 깔끔하고 좋아보여서 바꿔봤는데... 아직은 불편한게 몇가지 있더군요. 그 중에 직접 몇개를 고쳐봤습니다. 그 중 하나... 모바일화면에서 글쓰기와 관리자모드로 바로 들어갈 수 있는 링크가 없다는 문제... 아래는 실력이 부족하지만 변경/추가한 내용입니다. 티스토리 반응형#2 스킨 모바일 글쓰기와 관리자 아이콘 추가하기 일단 결과화면 부터~ 아래쪽 보이시나요? 기본 제공하는 아이콘을 이용해서 표시와 위치만 바꿔봤습니다. 사실 제실력으론 더는 못하겠더군요;ㅋ * 오른쪽 방문자수와 총방문자수 붙이는 방법은 나중에 다시 적어볼게요.^^ 기존 CSS를 복사해서 위의 부분에..