엘리멘토로 헤더 만들기 - 웹사이트 헤더를 엘리멘터 빌더를 사용해서 원하는 모양으로 직접 만들어 봅니다.

Поделиться
HTML-код
  • Опубликовано: 16 дек 2024

Комментарии • 6

  • @designsaeum
    @designsaeum 2 года назад

    4:41 칼럼추가부분에서 저는 회색사각형에 + 플러스 모양이 안보이는데요. 엘리멘토 프로 버전이 아니라서 그런건가요?

  • @bbangaee
    @bbangaee 2 года назад +2

    안녕하세요! 강의 참고하여 워드프레스 홈페이지 제작중입니다
    좋은 영상 감사합니다!
    그런데 영상 따라하던 중 @18:00 부분 헤더부분을 스크롤하면 색깔이 변하는게 제 홈페이지에서는 적용이 안되서 그러는데 뭐가 문제인지 알수 있을까요?
    #sticky {
    position: fixed;
    top: 0;
    width: 100%;
    transition: 0.5s;
    }
    window.onscroll = function()
    {scrollFunction()};

    function scrollFunction() {
    if (document.body
    .scrollTop > 50 ||
    document
    .documentElement
    .scrollTop > 50) {
    document.getElementById
    ("sticky").style.background = "#446084";
    } else
    document.getElementById("sticky").style.background = "transparent";
    }
    }

    • @yongillshin9538
      @yongillshin9538 Год назад

      영상에는 #sticky 가 아니라 #stickyh 라고 되어있고, 헤더의 ID값도 #stickyh 라고 "h"가 더 붙는데요. 혹시 그 문제는 아니시겠죠?

  • @김성주-x6m
    @김성주-x6m 2 года назад +1

    많은 도움을 받고 있습니다. 한가지 궁금한 게 18분쯤 최종적으로 작업된 메뉴를 스크롤했을 때 바탕색이 흰색에서 파란색 계열로 변경되는데 그 작업과 함께 텍스트 색상도 흰색에서 검정색으로 변경하고 싶은데 어떻게 해야 하나요? css에서 추가해야 된다면 그 부분만 받아볼 수 있을까요? 다른 작업은 다 만들었는데 스티키 메뉴에서 스크롤하면 텍스트 색상 변경을 못하고 있습니다.

    • @WordPressTutorial-Website
      @WordPressTutorial-Website  2 года назад

      제 엘리멘토 통합본 영상 앞부분에 폰트관련 부분을 참고 하시면 도움이 되실 수도 있을 것 같습니다.

  • @pooding94
    @pooding94 3 года назад +1

    선생님감사합니다!!!!!!!!!!!!!!!!!!!!!!!!