블로그관리 (4) 썸네일형 리스트형 Flatinum 스킨 화면 상단의 검은색 상자 폭 줄이기 Flatinum 스킨의 화면을 아래로 스크롤하면 어두운 회색의 바가 화면 상단에 나타나게 됩니다. 컴퓨터 화면에서는 별 문제 없고 사용이 편해서 좋은데요.휴대폰 처럼 화면이 작은 경우는 화면을 너무 많이 가리는 듯합니다. 그래서 css화면에서 수정에 들어갔어요. CSS의 아래 빨간 박스 한 부분을 찾으시고. padding에 있는 숫자를 줄여서 각각 32px를 10px로, 28px를 10px로 수정해서 저장했습니다. padding 숫자를 작게 조정한 후의 화면이예요. 더 줄이면 로고가 잘릴 것 같기도 하네요. 취향에 맞게 줄이거나 늘여서 수정하고 사용하시면 되겠습니다. Flatinum 스킨의 페이지 번호에 현재 페이지 표시하기 지금은 아래 사진처럼 현재 내가 보고 있는 페이지가 몇 페이지인지 표시가 되어 있지 않습니다. 그래서 현재 html에서 페이징 부분 즉 아래 사진의 빨간 박스 부분을 완전히 삭제한 다음, 그 자리에 아래의 코드를 삽입해서 저장하였구요. « » css 화면에서 아래의 코드를 추가해서 저장했어요. /* 페이징 */ .paging{ padding: 25px; text-align:center; vertical-align:middle; } .paging_border{ display: inline-block;*zoom:1;*display: inline; border: 2px solid #ddd; width: 42px; height: 25px; margin: 2px; border-radius:4px; line-hei.. Flatinum 스킨 상단 사진의 이동버튼 삭제와 사진 고정 상단에 올릴 사진이 없어서 사진 이동하는 버튼을 아예 보이지 않게 하고 싶습니다. 그래서 html의 빨간 사각에 들어 있는 코드를 삭제합니다. 가 위 사진의 가운데 하얀 동그라미 모양 즉 상단의 사진 3장을 선택하는 기능을 하는 것 같아요. 그리고 좀 아래로 내려가서 아래 일부를 삭제합니다. 이렇게 하면 화면 상단의 사진의 이동버튼이 다 없어집니다. 화면 상단의 사진을 변경하는 버튼을 없애도 사진은 3장이 번갈아가며 바뀝니다. 그냥 사진 1장으로 고정하고 저 사진도 좀 작은 것으로 바꾸려고 해요. 일단 사진을 고정하는 것은 html에서 아래 빨간 상자 안의 코드를 삭제해서 2번째,3번째 사진이 나오지 않게 했습니다. 그런데 자세히 보면 1장의 사진이 계속 혼자서 돌아가고 있는 듯해요. 완벽한 사진의 고정.. Flatinum 스킨의 카테고리 추가 스킨을 조금씩 변경하면서 사용 중입니다. 시간이 지나면 어떻게 바꿨는지 기억을 할 수가 없어서 블로그에 글로 올리고 있어요. html 에 아래의 코드 추가해서 화면 상단에 카테고리 나오게 합니다. '티스토리 관리 화면--> 카테코리 설정'에서 원하는 카테고리 추가하고 저장 한 후에 html 화면에서 아래의 코드를 붙여 줍니다. 좀전에 티스토리 관리 화면에서 입력했던 카테고리의 이름과 동일하게 해야 해요. 이전 1 다음
