부트스트랩을 이용한 티스토리 모바일 겸용 블로그 스킨 공개합니다.(최종 버전)

3335

    현재 티스토리 블로그가 커스텀 모바일 스킨을 지원하지 않고 모든 포털 사이트의 블로그가 그렇지만 모바일로 접속하면 일방적인 디자인으로 나타나고 있습니다. 저는 워드프레스 책을 쓰고 있는데 9월에 워드프레스 책이 쏟아져 나온다고 합니다. 제 책도 그 즈음에 나올 것이고 자유로운 디자인이 가능한 워드프레스 블로그가 많이 출현할 듯 합니다. 티스토리도 하루 빨리 커스텀 모바일 스킨이 가능한 제도 변경을 바라면서 워드프레스에 적용할 ...

포토샵 사진편집 – 우표만들기

Stamp

포토샵의 펜툴과 브러시, 선택툴을 이용하여 우표모양을 만들고 선택툴을 이용하여 태극무늬를 만드는 방법을 알아봅니다. 관련자료는 배경 종이 텍스쳐 , 우표관련 브러시 에서 다운 받으면 됩니다.   종이 텍스쳐를 포토샵에 열고 자르기 툴로 700X500픽셀로 잘라줍니다. 사각형툴을 선택하고 옵션바에서 패스를 선택, 5의 작은 세모를 클릭하면 옵션메뉴가 나옵니다. 6의 고정 사이즈를 선택하고 수치를 가로 세로 300픽셀로 입력한 다음 클릭하면 패스가 그려집니다. ...

모바일용 티스토리 블로그 스킨 두번째 버전 공개합니다.

3336

      어제(http://martian36.tistory.com/950)에 이어 오늘은 각종 아이콘 삽입과 댓글 부분 레이아웃 변경, 그리고 사이드바의 검정색 바를 제이쿼리 애니메이션 처리해서 클릭하면 안보이게 하는 작업을 완료했습니다. 블로그의 사이드바는 카테고리나 링크 등 내용이 많아서 불필요한 것은 스마트폰에서 탭(데스크탑의 클릭과 같음)해서 보이지 않게하는 기능이 필요합니다. 처음에는 펼쳐져 있지만 탭하거나 데스크탑 화면에서 클릭하면 내용이 줄어듭니다. 스마트폰에서는 아주 중요한 기능입니다.         사이드바 메뉴를 탭해서 하단 ...

포토샵 사진편집 – 광고 이미지 만들기

CF-image

700X800픽셀의 새문서를 만들고 전경색 아이콘을 클릭하여 색상코드를 입력한 다음 그래디언트 툴을 선택합니다. 바로 그래디언트 툴을 사용하여 화면의 4분의 3정도까지 클릭드래그해도 되지만 보다 정확하게 하려면 그래디언트 에디터에서 설정하면 됩니다. 4를 클릭하면 에디터 창이 나옵니다. 5의 전경색-배경색 프리셋을 선택하고 6의 우측 슬라이더를 좌측으로 이동하면 7의 수치입력란이 활성화됩니다. 수치를 75로 입력하고 OK클릭한 다음 선형그래디언트를 선택하고 캔버스의 위에서 아래로 ...

티스토리 스킨 – 모바일 겸용 반응형 티스토리 스킨 공개합니다.

3337

    HTML5와 CSS3의 웹표준에 근거한 반응형(Responsive) 디자인입니다. 반응형 디자인이란 모니터 스크린 사이즈에 따라서 웹페이지의 레이아웃이 바뀌도록 CSS의 Media Query를 이용한 디자인입니다. 4가지 형태의 모니터에 따라서 화면 레이아웃이 바뀝니다. 데스크탑, 태블릿 가로, 태블릿 세로, 스마트폰입니다. 워드프레스 테마를 반응형으로 개발하던 중 티스토리에도 적용하고 싶어서 만들어봤습니다. 사용해 보시려면 아래 압축파일을 다운받아 이곳(http://martian36.tistory.com/841)의 글을 참조해서 설치하면 됩니다. 모빌리스 웹폰트를 사용하여 ...

블로그 – 무엇을 쓸 것인가?

안녕하세요. 베누시안입니다. 제가 요즘 워드프레스에 관한 책을 만드느라고 하루에 한번 이상은 웹디자인에 관한 정보를 꼭 올리곤 했는데 몇개월째 글을 자주 못올리고 있습니다. 댓글에 답변도 제대로 못하고 있는 상황이죠. 이제 반정도 완료돼서 워드프레스 테마 만들기에 관한 내용이 남았지만 아주 내용이 많아서 2, 3개월은 더 있어야 완성될 듯 합니다. 그 이후로는 많은 웹디자인 정보를 여러분께 전달해 드리도록 ...

페이지 4 의 18« 처음...23456...10...마지막 »