본문 바로가기

정보/팁/IT정보&팁

마크쿼리 스킨 완전정복! : 상단 커버 이미지 변경, 메뉴이름앞에 아이콘 넣는 법



안녕하세요? Dean입니다. 이번 시리즈는 마크쿼리스킨 완전정복 시리즈입니다. 

마크쿼리 스킨 설치부터 각종 스킨 변경 노하우를 공유하려고 합니다.


마크쿼리 스켈레톤 스킨 다운로드

마크쿼리홈페이지 Download


설치방법

설치하는 법 보러가기 Link




설치를 완료하시면 이런 기본화면이 나옵니다. 일단 저 처음화면의 큰 커버 이미지부터 바꾸어 보겠습니다.











Note

  1. 커버 이미지는 스킨 폴더에 있는 cover.jpg를 수정하면 바꿀 수 있습니다.
  2. 포토샵, 그림판 등으로 cover이미지를 만드신 후 업로드 해주시면 바로 적용됩니다.


적용완료된 모습








태그소스

<img src="이미지주소" width="이미지가로크기" height="이미지세로크기" hspace="수평여백">

Note

티스토리 관지라-HTML/CSS메뉴에 들어가셔서 Skin.html부분에 카테코리 메뉴부분을 찾으셔서 메뉴이름 앞이나 뒤에 위의 이미지태그를 이용하시면 메뉴이름 앞에 이미지가 들어가게 됩니다.

여백 없이 사용시 메뉴이름과 이미지가 딱 붙기 때문에 수평여백을 추가하였습니다.