본문 바로가기

My Story/My Design

[Blog Design] 블로그 스킨 수정 [2] 추석을 맞아 시간이 좀 생겨서 또 스킨 수정작업을 진행했습니다. 하하...우선적으로 사이드바 메뉴에 들어가는 이미지들을 변경했습니다. 지난번에 사용했던 아이콘이 크기를 변경하면 약간 뭉개지는 현상이 있어서 새로운 아이콘으로 전체 변경해버렸습니다. 이외에도 크고작은 아이콘들의 변경이 있었구요. 간단히 정리해 볼께요.- 사이드바 메뉴 이미지 변경 (전체)- 글 하단 댓글, 트랙백 이미지 수정- 링크에 마우스오버시 레인보우 효과 적용 (해당 소스 출처는 태그인넷입니다.)- 게스트(비회원) 댓글/방명록 작성시 이름, 패스워드, 홈페이지 작성지 변경- 상단 검색바 색상 및 레이아웃 변경등 차차 수정해 가고 있습니다. 하하 그리고 작업중에 사용된 소스들은 모두 이 곳에서 다운로드 하실 수 있습니다.또, 이번 스킨작.. 더보기
[Blog Design] 블로그 스킨 수정작업 [1] 스킨올린 후부터 계속적으로 작업이 이어지고 있습니다. 하.. 미흡한 부분이 한두군데가 아니더군요;; - 댓글 쓰기 영역 이미지 적용되도록 수정- 포스트 하단 댓글, 트랙백 갯수 확인부 이미지 적용되도록 수정- 상단 헤더메뉴 해상도에 따른 변경 및 레이아웃 수정- IE 8이하 버전에 대해 상단 헤더메뉴에 투명도가 지정되지 않았던 점 수정 화면 크기를 줄이면 헤더 이미지와 헤더 메뉴 및 검색창이 겹치던 문제를 해결하였습니다. 미디어 쿼리와 J쿼리를 이용하여 수정하였습니다. 화면 크기가 일정이상 (헤더이미지를 가릴 정도)으로 줄어들면 아래 메뉴가 생성됩니다. 클릭시 활성화되어지고 다시 클릭시 사라지는 메뉴입니다.또, 화면크기가 줄어듦에 따라 상단 메뉴와 검색창도 순차적으로 사라지도록 수정했습니다. 이외에도 H.. 더보기
[Blog Design] 블로그 스킨 제작 / 적용 안녕하세요, 오랜만에 블로그 디자인을 변경하게 되었습니다. 몇몇 주기적으로 찾아주시는 분들 생각에 오래된 이미지를 벗고 심플하고 단순한 2단 스킨을 제작하게 되었습니다. ^^ 아직 제작이 끝나지는 않았습니다. 굳이 버전을 붙이자면자면.. V.0.3.6정도? (Meaning, 36% complete)우선적으로 추가된 부분은 상단부의 검색창과 기능성 메뉴가 추가된 헤더부입니다.해당부분은 Readiz (링크)님의 FastBoot스킨에서 착안해서 제작하게 되었고 아직 창크기에 대응해서 메뉴 위치를 다른곳으로 옮긴다거나 전체적인 헤더부 레이아웃 작업이 깔끔하게 끝나지는 않았습니다. 다음으로 블로그에서 가장 중요한 부분, 글을 읽는 포스트부분은 하.. 이전 스킨의 흔적이 많이 남아있기도 하고 댓글/트랙백 창은 여전.. 더보기
[Naver 캠페인 - 한글 한글 아름답게!] 한글 문서 서식 나눔 ※ 본 저작물의 저작자는 Naver이며 저작권자 요청에 의해 포스트가 삭제될 수 있습니다. 네이버의 한글 가꾸기(?) 캠페인입니다. 네이버의 한글 캠페인은 애플의 맥 OS나 크롬 OS의 글꼴에서 선정되는 등 다양한 활동으로 이전부터 주목을 받았습니다. 저도 포스팅을 할 때 만큼은 왠만하면 표준 한글을 준수하려고 노력하고 있는데 쉽지 않네요.. 무튼 잡소리는 그만두고 시작해 보도록 합시다. 이번에 "한글 한글 아름답게"에서 배포될 것은 '문서 서식'입니다. 대학생이라면 모두들 "레포트"를 잔뜩 준비하시고 있으리라 생각됩니다. (필자 역시 마찬가지구요) 처음 대학에 입학하고 레포트를 받으면 '표지'라던지 '양식' 때문에 상당히 고민을 가집니다. 또, 레포트가 꼭 "문서"이지만은 않습니다. 거의 대부분의 학과.. 더보기
숭례문 복원 4주년 기념 배너 제작 딱히 디자인이라고 할 건 없지만 오늘이 숭례문 복원 4주년이라고 합니다. 복원하시는 여러분 모두 힘내시고 어서 빨리 국보 1호! 숭례문 다시 볼 수 있었으면 좋겠습니다 ㅠㅠ.. 마음껏 수정해서 사용하셔도 되고 사진의 출처는 "doopedia.com"입니다. 삼각형 배너로 자르려고 했는데 쉽지 않네요;; 더보기
[About Design] 1차 스킨 제작 완료! 이번 포스팅에서는 이번에 제작했던 스킨에 대해서 포스팅해볼까 합니다. 솔직히 약간 실망하신분들도 있으리라 생각은 드는데 첫작 치고는 괜찮다는 생각도 듭니다. 처음 만들어 보는건 아니지만 제 블로그엔 처음 적용시켜 보는 스킨이라 적용할 때 문제점도 있었고.. 무튼 포스팅 시작해 보도록 하겠습니다. // 스킨 레이아웃 // 스킨에서의 레이아웃은 상당히 중요한 부분입니다. 레이아웃에 따라 사이드바 내의 메뉴 구성과 배경 이미지의 배치가 달라지기 때문이지요. 초기 레이아웃을 사이드바 양단으로 구성해 봤는데 이상해서 결국엔 한쪽 사이드바로 바꾸었습니다. 훨씬 괜찮더군요 후후.. 레이아웃을 대충 구성하고 나면 이제.. 블로그 스킨 레이아웃 가이드 : [BLOG*SUSPECT] //배경 이미지// 배경 이미지를 넣어.. 더보기
[무료 폰트 추천] :::헤움::: 메인 및 이미지 수정중 좋은 폰트를 무료로 받을수 있는곳을 찾았습니다.~^^ 헤움이라는 곳인데 무료로 폰트를 배포하네요. (단, 회원가입을 하셔야합니다.) 아래 그림은 글꼴 Preview입니다. (문제가 소지가 있을시 삭제합니다.) 홀릭스체의 Preview 입니다. 헤움 네모 굴림(좀 긴듯)체의 Preview 입니다. 헤움 네모 고딕체의 Preview 입니다. 이건 이름이 따로 없구요 (통칭 : 크라운피쉬체) 아무튼 Preview입니다. 이정도면 무료로 나누어 주기 아까운듯 하지만, 너무 좋은 서비스 인듯 싶네요 ㅎㅎ! 더보기