demun(대문블로그)

티스토리스킨수정/검색2012. 5. 21. 10:14

검색창을 다는 방법은 이전에 적은것이 있습니다. 아는것을 쉽게 풀어쓴다는것이 정말 힘듭니다. 그와 관련해서 더욱 보강하는 글이 되겠습니다. 이전에는 사이드바에 검색창을 다는 방법이였지만 이글은 사이드바가 아닌곳 특히 상단 제목 있는 부분에 다는 방법입니다. 이는 다른곳에도 적용이 가능합니다. 검색창 사이드바에 다는 방법 => http://demun.tistory.com/1992 주로 스타일을 입히는 방법은 제각각 이므로 좀 제외하고 위치를 잡는 방법을 알아보겠습니다. 일단 목표는 상단의 제목부분을 두개로 나누어서 하나는 기존의 제목을 사용하고 다른 한 공간에 검색창을 다는것입니다. 원하는 사이트이 디자인을 한번 볼까요? 보시다시피 제목 하나만 존재합니다. 그러다보니 두개로 나누어서 우측에 빈공간에 검색창..

티스토리스킨수정/사이드바2011. 12. 18. 11:26

제글에는 사이드바에 관련한 글들이 많이 있습니다. 기존의 스킨에서 변경할때 똑같은 스타일이 적용되게끔 변경하는 방법 말이죠. 이것도 그와 관련한 글입니다. 즉 해더에 배치된 검색창을 사이드바에 넣은 방법입니다. 질문으로 들어왔지만 글이 길어 포스팅하고 그와 관련한 방법도 참고가 되니 여기에 씁니다. 해결방법은 대략 이렇습니다. 1. 해더에 있는 html 검색코드를 지운다. 2. 사이드바에 검색창을 넣는다. (여기서 티스토리의 태그입력,모듈추가로 입력합니다. 또는 html 입력창에서 입력해도 상관은 없습니다.) 3. 관련 스타일 코드를 추가해준다. 대략 이렇습니다. 자 시작해볼까요???. 먼저 해더쪽에 있는 검색창 코드를 지우고 사이드바 설정에서 모듈추가를 합니다. Search 여기서 한가지 value="..

Design2010. 5. 9. 11:20

일반적으로 나오는 검색창보다는 약간 꾸미고, 또는 나만의 검색창을 갖는것도 좋아보입니다. 물론 더 잘 보이게 크게 만드는것도 좋습니다. 여기서는 포토샵으로 볼록한 느낌의 검색창을 만들어보겠습니다. 우선 사이드바의 너비를 알아야겠죠. 사이드바에 넣은 경우입니다. 메뉴나 다른곳에 넣을경우는 그곳에 맞는 적당한 크기를 먼저 생각해두세요. 저의경우 너비가 240px 입니다. 적당한 크기의 박스를 하나 만듭니다. 높이까지 계산하시구요. 배경색을 투명으로 만들었습니다. 한가지 짚고 넘어가야 할것이 있습니다. 브라우져마다 보여지는 화면이 다릅니다. 웹표준에 다 맞지가 않기 때문에....특이나 ie6.0 은 골머리가 썩지요^^ 화질이 png 파일이면 회색배경이 보이게 됩니다. 이부분은 해보시면 압니다. 대체적으로 이미..

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

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