묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
header 색 랜덤 변경
2017.04.18 23:14
안녕하세요 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에 적용되어 있는데
그것을 위의 코드를 어떻게 적용시켜야 할지 모르겠습니다.
고수님들의 도움을 구합니다
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
railman | 포인트가 이상합니다. [1] | 2017.04.20 by J__ |
신화창조 | 특정 1차 메뉴에 대한 2차 메뉴를 항상 LNB 영역에 출력하는 방법 여쭤봅니다. | |
이온디 | &order_type=desc 이 글 갯수가 1 증가합니다. | |
지랭 |
게시판 사용자정의 글자 속성 바꾸기
[3]
![]() | 2017.04.20 by 지랭 |
지랭 |
네이버 신디케이션 문의드립니다.
![]() | |
홍찬 | 컴포넌트 만들면 이상한게 생성됩니다 어떻게 수정해야할까요? | |
zinzi |
NAS에 XE 설치 시 경로 오류 메세지 관련 질문입니다.
[2]
![]() | 2017.04.20 by zinzi |
시험시험 | 제발 도와주세요 ㅠㅠ 다국어 게시판 수정 안되는 오류 | |
시와별 |
Error code 403 게시판 첨부파일이 안됩니다.
![]() | |
동대문오빠9d5fc | 외부이미지 섬네일 이 안뜨네요 [2] | 2017.04.19 by 동대문오빠9d5fc |
Saivian777닷컴 | 모바일에서도 PC모드로 나오게 하는 방법 아시나요 [2] | 2017.04.25 by Saivian777닷컴 |
꽃민 |
비쥬 레이아웃 슬라이더 가운데정렬 도와주세요 ㅠㅠ
![]() | |
일반 |
견적내기페이지 문의
[1]
![]() | 2017.04.19 by mAKEkr |
섭경리 | header 색 랜덤 변경 [1] | 2017.04.19 by 제이와이엔소프트 |
댑펑 | 섬네일 폴더 만드는 공식이 어떻게 되나요.. [1] | 2017.04.19 by 제이와이엔소프트 |
고고싱229af | 네이버 검색등록이 갑자기 풀렸어요 [1] | 2017.04.19 by 댑펑 |
료코 | 전체공개,회원공개 애드온을 설치했는데 안 되네요. 도와주세요 | |
havethe*** | 갤러리를 메인에 노출시키고자합니다 [6] | 2017.04.18 by havethe*** |
havethe*** | 현재버전 4.31.11 (09.07.14) | |
네모세상 | 위젯페이지 링크 깨짐 현상 [2] | 2017.04.18 by 네모세상 |
일단..이곳은 XE관련 홈페이지라..카페24쇼핑몰 관련해서는 그쪽 커뮤니티나 공홈을 통해 정보를 알아보시는게 좋을거 같고요..
내용으로만 답변을 드리면..적용하시고자 하는 페이지(로드되는 페이지)에
ran_col(); 스크립트를 호출하시면 되겠네요..
그리고 헤더의 ID를 id="posts" 와 같이 지정하시고요.. ^^;