demun(대문블로그)

티스토리스킨수정/검색2010. 5. 9. 11:20

나만의 멋진 검색창을 만들어 보아요.!!! ㅎㅎㅎ 티스토리에 사용하는 검색창뿐만 아니라 약간만 응용하면 구글의 맞춤검색도 스킨에 응용해서 사용할수 있습니다. 클래스를 추가해서 스킨과 비슷하게 만들어서 사용할수도 있지요. 우선 스킨수정에 관련한 글은 아래 링크를 참고해주시고 여기서는 티스토리에서 사용하는 검색창을 꾸며보도록 하겠습니다. 스킨 수정에 관한 관련글 => http://demun.tistory.com/category/블로그/스킨수정 이미지가 준비된 상태로 적용을 해보겠습니다. 이미지를 만드실려면 이전글을 참고하세요. 볼록한 느낌의 검색창 만들기 => http://demun.tistory.com/1605 우선 제 스킨의 html부분에서 검색창에 대한 부분을 보고 이야기하겠습니다. 간단하게 설명하겠습..

티스토리스킨수정/댓글2010. 5. 9. 09:00

스킨을 제작하면서 댓글창에 신경을 좀 썻습니다. 간단하게 댓글 배경을 수정하는법을 알려드리겠습니다. 이번에는 댓글창이 아니라 댓글 배경을 수정하는 법입니다. 저의경우 살색배경에 꽃무니 벡터 이미지가 들어가 있는것을 볼수 있을겁니다. 제가 사용하는 배경을 올려드리겠습니다. 포토샵을 잘 하시는분은 보다 멋진 배경이미지를 만들수 있을겁니다. 댓글창을 이미지로 꾸미기 => http://demun.tistory.com/1601 저의경우 전체적인 살색배경이라 거기에 흰색으로 배경으로 꽃무늬만 두개 넣었습니다. 그래도 없을때보다는 훨씬 멋진 분위기가 연출됩니다. 스킨을 일단 저장하시고요. css 편집창으로 갑니다. 거기서 .commentWrite 를 찾아주세요. 일단 배경으로 들어가 있는것이 있나 확인해보시고 없으면..

티스토리스킨수정/댓글2010. 5. 8. 09:00

일반적인 댓글창은 흰색이라 보기에는 그렇게 좋지는 않습니다. 나름대로 깔끔하게 수정한다든지 아니면 이쁜그림으로 수정을 할수도 있어요. 저의 경우 좋아하는 소녀시대 중에서 티파니하고 유리...ㅎㅎㅎㅎㅎㅎ.....사진을 댓글창에 넣었습니다. 한가지더 이왕이면 방문자들이 좋아하는 문구나 , 댓글을 달수밖에 없는 애교 ?? 정도를 넣는것도 댓글을 유발하는 방법중에 한가지라고 생각합니다. 사설접고 시작합니다. 댓글창에 이미지를 넣는것은 두개를 넣을수 있습니다. 평상시 보여주는 이미지와 클릭을 했을때 즉 댓글을 쓸려고 댓글창을 클릭했을때 보여주는 이미지하고 두개가 있으면 좋습니다. 저의경우 평상시 이미지를 보시죠. 오빠 댓글은? ㅎㅎㅎㅎㅎ 보이시죠? 댓글을 쓸려고 댓글창을 클릭하면 아래처럼 멋쟁이라는 문구와 함께 ..

티스토리스킨수정/사이드바2010. 5. 4. 09:00

사이드바를 수정하는것중에서 최근댓글을 넓은 곳(사이드바 위쪽부분)으로 올리는 방법을 알아보겠습니다. 대략 나머지도 비슷하니 참고하시면 될듯합니다. 먼저 스킨을 저장해주세요. 사이드바의 너비는 아래와 같습니다. 사이드바(320px) = 왼쪽사이드바(170px) + 오른쪽사이드바(140px) + padding(10px) 최근댓글은 170사이즈의 왼쪽 사이드바에 있습니다. html에서의 수정 html 편집창에서 를 찾기를 통해 찾아주세요. 아래 코드를 모두 복사한후 지워주세요. Recent Comment [#\#_rctrp_rep_desc_##] [#\#_rctrp_rep_name_##] [#\#_rctrp_rep_time_##] 그다음 최근글 아래쪽에 넣으시면 됩니다. 정확하게 아래쪽에 을 삭제하고 그 부분..

티스토리스킨수정/제목2010. 5. 1. 09:00

현재 해더부분의 타이틀이 들어가있는곳의 css를 잠시 보겠습니다. #leftHeader { float: left; margin:0; padding:0; text-align: left; height: 60px; width: 502px; } 502-60 짜리 이미지로 만들면 됩니다. 더군다나 전체적인 바탕이 검은색계열이므로 바탕을 같이 하면 옆의 광고와도 잘 매치가 될거라 생각이 됩니다. 사이즈를 수정하려면 전체적으로 손을 봐야하므로 이 사이즈로 하기를 권합니다. 기존의 바탕으로 똑같이 사용하실려면 아래 이미지를 사용하시면 좋습니다. 물론 이미지를 다른것을 사용해도 상관없습니다. 전 테스트용이니.... 여기에 글을 쓰거나 꾸미면 됩니다. 우선 스킨편집에 들어가셔서 제작한 타이틀을 업로드 합니다. 만든 타이틀..

티스토리스킨수정/사이드바2009. 12. 6. 23:03

질문을 하셔서 전문가도 아닌제가 이렇게 포스팅합니다. 이건 긴급이 답변을 위해 작성한거니 다소 어설프더라도 이해해주세요. 우선 사이드바에 파란색 상단탭넣기 -- 맞나? 제 스킨에 우측에 보면 최근글, 최근댓글, 각종 링크까지 모두 테두리를 넣고 제목부분에는 이미지 배경을 넣었습니다. 이미지 배경에 사용된것은 아래 이미지입니다. 스킨편집에 보시면 HTML 에서 recentPost 를 찾습니다. 소스가 이렇습니다. 아래 () 는 [] 으로 수정해주어야 합니다. 최근에 올라온 글 (##_rctps_rep_title_##). (##_rctps_rep_rp_cnt_##) 그리고 위에 이미지를 넣는 css 를 지정하면 됩니다. css 창에서 아래와같이 지정하면 됩니다. #recentPost .stit h3 { ba..

티스토리스킨수정/스킨수정팁2009. 7. 11. 13:00

이건 스킨마다 조금씩 다를수 있습니다. 이글은 파란토마토님과 할랑할랑님의 글을 바탕으로 한것입니다. 자신의 홈피에 맞게 약간씩 응용하면 금방 따라할수 있습니다. 저의 경우 스킨이 보기에 깔끔하고 좋은데 더보기 기능 즉 more less 에 미흡한 점이 있었습니다. 바꾸기 전의 상태입니다. 딸랑 더보기만 있지요. 클릭해도 마찬가지로 아무것도 없습니다. 이것은 더보기 있는것도 아니고 없는것도 아니여.....ㅎㅎㅎㅎ 아이콘을 달아준 모습입니다. 어때요 좀 낫죠. 그럼 할랑할랑님의 글을 보고 약간 더 응용했습니다. 완료한 이미지입니다. 어때요 조글 더 낮죠. 이제 설명들어갑니다. 간단하게 설명하겠습니다. 위에 파란토마토님과 할랑할랑님의 글을 참고하셔도 됩니다. 먼저 스킨을 백업을 하시고 내 스킨에 more le..

티스토리스킨수정/제목2009. 7. 10. 09:00

제목을 플래시 물결로 만들기 이 방법은 민상k이 제작하신 겁니다. 고로 출처는 민상k님이니 방문하셔서 참고하시기 바랍니다. 간단이 파일업로드하고 치환자를 찾아 바꿔주기만 하면 됩니다. 적용 방법. 스킨편집에서 article_rep_title 를 검색해서 찾으세요. 아래에서 {} 는 []입니다. 참고하세요. 민상k님 스킨과 다른분들은 대략 아래처럼 나올겁니다. {##_article_rep_title_##} 저의 경우는 {##_article_rep_title_##} 나오더군요. 이 부분을 아래 스크립트로 바꿔주면 됩니다. 자 됐죠?. 플래시 물결 파일 여기서 한가지 알고 계셔야 할것이 있습니다. 플래시 물결은 검색엔진에 검색이 되지 않는다는 점입니다. 아이헌터님에 글에는 태그를 써서 제목을 중복기입하는 꽁수..

티스토리스킨수정/사이드바2009. 7. 9. 17:14

카테고리가 많아짐에 따라 원하는 카테고리만 펼쳐보이게 하고 싶을때가 있습니다. 카테고리를 펼쳐보이고 접어보이고, 그리고 원하는 카테고리만 펼쳐보이는 방법을 알려드리겠습니다. 아래 설명에서 치환자부분의 () 는 모두 [] 임을 알아두세요. 파랑색으로 표시합니다. 코드 하이라이팅 으로 치환자부분이 그대로 보여지니 그대로 사용하시면 됩니다. 카테고리 펼쳐보이기 스킨편집에서 찾기를 선택해서 카테고리 치환자인 ##_category_## 를 찾습니다. 대략 아래처럼 되있을겁니다. class나 id 는 약간 다를수도 있지만 치환자인 ##_category_## 는 다 같습니다. 즉 ##_category_## 아니면 ##_category_list_## 이런식으로 나와있을겁니다. 여기서 아래와같이 변경합니다. 빨강색 부분..

티스토리스킨수정/사이드바2009. 7. 3. 09:00

블로그를 운영하자면 태그를 몰라도 되지만 알면 편하고 모르면 불편한 존재입니다. 내가 원하는대로 이것 저것 손보고 싶은데 알지못하고 누가 가르쳐주지도 않으니 답답한 노릇이죠^^. 여기서는 깔끔한 사이드바의 관리요령과 배경을 넣는 법과 자바스크립트 하나를 알아보겟습니다. 1. 사이드바에 공통적인 요소로 꾸미기. 자신의 사이드바에 적용된 css가 어떤건지 스킨-HTML/CSS 편집으로 갑니다. 저의 경우 3단스킨을 사용하고 있어서 왼쪽 사이드바를 수정할것인지,오른쪽 사이드바를 수정할것인지 정해야겠죠. 대부분 사이드바에는 최신글,카테고리,최신댓글....이 있습니다. 먼저 아무거나 하나 찾아봅니다. 저의 경우 오른쪽에 최신글(New Post)이 있습니다. new post로 검색을 해도되고 최신글로 검색을 해도 ..