안녕하세요 cafe24로 이것저것 코드를 만져보며 html과 css에 익숙해지고 있는 초보입니다.

다른게 아니라 다음과 같은 예시 홈페이지에서요

http://ecudemo32835.cafe24.com/

맨 위에 헤더 영역 색이 현재 에메랄드 색인데

그 색을 네다섯개의 색 중에서 새로고침, 혹은 페이지 이동할때마다 랜덤하게 바꾸는 효과를 주려고 하고있습니다.

그냥 html상에서 랜덤한 색상을 바꾸는 것은 성공했습니다.

https://teamtreehouse.com/community/random-background-color

(위 링크 일부 발췌)

function ran_col() { //function name
                var color = '#'; // hexadecimal starting symbol
                var letters = ['000000','FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF','C0C0C0']; //Set your colors here
                color += letters[Math.floor(Math.random() * letters.length)];
                document.getElementById('posts').style.background = color; // Setting the random color on your div element.
            }

위와 같은 홈페이지의 도움으로요.

하지만 이것을 cafe24에 적용시키려니 어디에 해야할지 난감합니다.

저 에메랄드색은 css의 layout에 적용되어 있는데

그것을 위의 코드를 어떻게 적용시켜야 할지 모르겠습니다.

고수님들의 도움을 구합니다