본문 바로가기

디자인커스텀

디자인커스텀

이미지 설정하기 로고 바꾸기

페이지 정보

profile_image
작성자 다름테마 (58.♡.136.185) 댓글 0건 조회 1회 작성일 26-01-08 19:31

본문

다롬 테마의 로고는 기본 svg 포멧으로 되어 있으나 png 파일을 사용하여도 불편함이 없도록 제작되었습니다.



#header h1 a {
  display: block;
  width: 210px;
  height: 40px;

  background-image: url(../images/logo.svg), url(../images/logo.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

댓글목록

등록된 댓글이 없습니다.

  • 다름테마 아이콘 icon은 feather icon을 베이스로 lucide icon을 사용하고 있습니다.

    feather icon 라이버러리
    https://feathericons.com/

    lucide icon 라이버러리
    https://lucide.dev/icons/

    사용예

    작성자 다름테마 작성일 12-29
  • theme/mytheme/css/layout.css 전체 color 조정하기

    :root {
    --primary-color: #44536a;
    --secondary-color: #e9edf2;
    --tertiary-color: #e84958;
    --point-color: #e84958;
    --darkgray-color: #c2c2c2;
    --lightgray-color: #f7f7f7;
    --white-color: #ffffff;
    --footerbg-color: #f4f4f4;
    --background-color: #f9f9f9;

    --line-color: #dddddd;
    --body-color: #212326;
    --text-color: #212326;

    --inner-size: 1440px;
    --w-inner-size: 1440px;
    }

    작성자 다름테마 작성일 01-08
  • 로고 바꾸기

    다롬 테마의 로고는 기본 svg 포멧으로 되어 있으나 png 파일을 사용하여도 불편함이 없도록 제작되었습니다.



    #header h1 a {
    display: block;
    width: 210px;
    height: 40px;

    background-image: url(../images/logo.svg), url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    }

    작성자 다름테마 작성일 01-08

검색