life is like this

진정한 독립 라이프를 위한 기록

1st 온라인 클래스 Adobe Dimension OPEN 자세히보기

티스토리css 2

티스토리 블로그: '상단 메뉴바' 고정하기

티스토리 블로그 꾸미기: Header 고정하기 Poster 스킨으로 상단에 슬라이더와 벽돌형 리스트를 추가하면서 블로그 리스(liis)의 첫 화면을 조금 바꾸었다. 그러다보니 화면 전체길이가 길어지게 되었고, 스크롤을 하면 헤더(Header)에 있는 로고가 잘 보이지 않아 아쉬웠다. 그래서 화면에서 항상 로고가 보이도록 헤더를 고정하기로 하였다. 현재 블로그 리스(liis)의 화면을 보면 스크롤을 하면 헤더가 화면 상단에 고정이 되어서 계속 노출이 되는 것을 확인할 수 있다. 투명도를 주어서 뒤에 콘텐츠가 살짝 보이게도 하였다. (수정하는 과정에서 여러가지 요소들의 스타일을 같이 바꿔줘야 하기 때문에 아래 튜토리얼이 조금 복잡해보일 수 있지만 티스토리는 html 블로그 만들기가 가능하니까 차근차근 흐름을..

티스토리 블로그: Poster 스킨에 로고 넣기

티스토리 블로그 꾸미기: Poster 스킨에 로고 넣는 방법 티스토리 블로그에서 세련되고 멋진 스킨들을 무료로 제공하고 있다. 심지어 반응형으로 제작되어서 디바이스에 맞춰 디자인이 구성되고, 커버 디자인도 쉽게, 마음대로 바꿀 수가 있다. 티스토리 블로그를 처음 만들 때, 어떤 스킨으로 예쁘게 꾸며볼까 고민을 많이하다가 나는 Poster 스킨을 선택했다. 여러커버 디자인 중에 슬라이더가 화면 전체를 꽉 채우는 스타일이 마음에 들었기 때문이다. 그런데 유일한(?) 단점이 블로그 이름이 나오는 화면 상단(헤더, header)에 '로고 이미지'를 넣을 수 없다는 것이다. 다른 스킨들은 사이즈에 맞춰서 로고 이미지를 업로드 하면 노출이 자동으로 되지만, Poster 스킨은 텍스트로만 블로그 이름을 보여준다는 점..