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. 7. 17:12

이번에 또 다시 스킨을 수정했습니다. 요즘에는 시간만 나면 스킨을 붙잡고 사는군요. ㅎㅎㅎ 이번에는 본문 글 영역을 680으로 하고 padding 를 20씩 줘서 본문을 보다 넓게 보이게 했습니다. 사이드바는 둥근 형태의 박스가 좋아보여서 한번 구현해 봤습니다. 왜 그런지는 몰라도 IE 6.0 에서 자꾸 이상하게 보여서 시간을 잡아먹었네요. 이제는 잘 나옵니다. 이번에 변경된 점은 아래와 같습니다. 사이드바에 둥근 박스적용. 댓글 배경. 댓글 입력창에 소녀시대 이미지 적용. 댓글 리스트를 위로 올리기. 해더 이미지를 한장으로 처리. 검색창을 이미지를 새로 만들어서 처리. 이번에는 나만의 검색창을 포토샵으로 하나 만들어서 적용을 해봤습니다. 이것이 근데 IE 하고 다른 브라우져하고 간격이 맞지 않더군요. ..

Design2010. 5. 5. 09:00

완성된 이미지 한장 우선 올립니다. 현재 올려진 사진 품질은 jpg 입니다. png이면 더 좋겠지요^^ 이렇게 한쪽에 구겨진 느낌의 이미지를 만들어 보겠습니다. 바탕색이 흰색으로 해서 레이어를 하나 추가한후 페인트통으로 적당한 색을 채웁니다. 여기까지는 그냥 하겠지요^^ 다각형툴을 이용해서 아래처럼 모서리 부분을 선택합니다. 선택후 Delete 키를 눌러 삭제합니다. 삭제후 Ctrl + D 를 이용해서 선택해제하고 아래처럼 다시 다각형 툴을 이용해서 아래처럼 선택해줍니다. 레이어를 하나 추가한후 툴박스에서 그라이언트를 선택하고 아래처럼 설정합니다. 흰색배경이 가운데에 위치하고 양쪽으로 똑같은 색으로 둔 상태를 만드시면 됩니다. 그럼 접어진 부분, 바깥쪽에서 안쪽으로 드레그 합니다. 아래처럼 그라이언트가 ..

티스토리스킨수정/사이드바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. 3. 21:13

티스토리 초대장을 배포합니다. 많은 분들이 초대장을 달라고 하고서는 보내지지도 않는 메일을 적어주셨습니다. 제가 블로그가 몇개 있기 때문에 초대장이 좀 있습니다. 댓글에 상관없이 필요하신분은 신청하세요. 이전글에는 신청하지 마세요. 아래의 조건에 해당되는분만 신청하세요. 티스토리 블로그가 없는분만 신청하세요. 한번이라도 만드신분은 기회를 다른분한테 주세요. 이왕이면 열심이 블로그를 하시고 가꿔가실분만 신청하세요. 그래야 저랑도 이웃도 하고 그럴꺼 아닙니까?ㅎㅎㅎ 자료실용으로 만드시는분은 신청하지 마세요. 그리고 한가지 더 꼭 이메일 주소를 주셔야 보낼수 있습니다. 그리고 한가지 더 ㅎㅎㅎㅎ 이왕이면 추천도 한방 해주세요^^

티스토리/스킨배포2010. 5. 3. 21:08

스킨 제작자분들은 정말 대단합니다. 매번 느끼는것이지만 잘 만들려고해도 멋진 스킨을 만든다는것은 정말 힘듭니다. 전문적인 코딩 능력은 없습니다. 하지만 모든 브라우져에서 깨지지 않는 스킨을 만들려고 했습니다. 크롬, 파이어폭스, IE6, IE7, IE8, 오페라에서 모두 깨지지 않고 정상적으로 출력되는것을 확인했습니다. 나눔고딕을 사용하도록 설정했으며, 1024해상도에서 사용가능하도록 레이아웃을 만들었습니다. 블로그를 하다보니 상단에 넘 많은 광고와 이것 저것이 많아서 모든것은 아래로 내리고 상단에는 딱 제목만 들어가게 설정했습니다. 많은 스킨에 보면 메뉴에 해당하는 부분이 상단에 있는데요. 이건 맨 아래로 내렸습니다. 전체적으로 보라색으로 만들었으며 그리하여 이름도 purple 3 라고 이름지었습니다...

Design2010. 5. 3. 09:00

블로그에 사용하기 좋은 배너 이미지를 몇장 구해서 올립니다. 스킨에 요즘 부쩍 관심이 있어 여기저기 돌아다니다가 블로그에서 사용하면 좋을거 같아 퍼옵니다. 다운로드 받아서 사용하세요.

Design2010. 5. 2. 09:00

디자인에 부쩍 관심이 늘어 서핑중 영문 글꼴 무료가 있어 올립니다. 필요하신분은 이미지를 클릭하시면 다운로드 됩니다. 이미지에 글꼴의 모습이 보이니 클릭하시면 다운로드나 사이드로 이동합니다. 포토샵을 사용하거나 할때 다양한 글꼴이 시스템에 설치되어 있으면 유용하더군요. 잘 사용하시길 바랍니다. 무료입니다.^^ BuschGardenz corporate CREABBRG DistrictThinPCTT goodtime Ironick NF JustOldFashion Negotiate Free Postmaster SF TransRobotics Extended