웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
랜덤 배경 이미지
2007.09.04 01:12
※ 이 팁은 배경그림이 바뀌는 약간 조잡한 결과를 보여줍니다.
배경 패턴 이미지를 랜덤으로 보여주는 방법
미리보기(293가지 배경 랜덤 출력)
http://simulz.nayana.kr/zbxe/
이미지가 많을 때는 mt_rand()을 사용하는 것이 좋습니다.
이미지 폴더를 원하는 곳에 생성하여 이미지들을 넣고
이미지 파일명은 marble_95.jpg, mottled_198.jpg 등으로 숫자가 포함된 파일명으로 변경합니다.
가능한 1부터 순서대로 지정합니다.
레이아웃/layout.html 상단에 아래 소스를 알맞게 편집하여 삽입합니다.
제가 사용중인 소스
배경 패턴 이미지를 랜덤으로 보여주는 방법
미리보기(293가지 배경 랜덤 출력)
http://simulz.nayana.kr/zbxe/
이미지가 많을 때는 mt_rand()을 사용하는 것이 좋습니다.
이미지 폴더를 원하는 곳에 생성하여 이미지들을 넣고
이미지 파일명은 marble_95.jpg, mottled_198.jpg 등으로 숫자가 포함된 파일명으로 변경합니다.
가능한 1부터 순서대로 지정합니다.
레이아웃/layout.html 상단에 아래 소스를 알맞게 편집하여 삽입합니다.
- {@ $img_rand = array(mt_rand(1, 100))}
- <style type="text/css">
- body { background-image:url("/images/wallpaper/pattern/{$img_rand}.jpg"); }
- </style>
제가 사용중인 소스
- {@ $img_array = array("marble_", "mottled_")}
- {@ $img_rand = array(mt_rand(1, 95),mt_rand(1, 198))}
- {@ $img_tag = mt_rand(0, 1)}
- <style type="text/css">
- body { background-image:url("/images/wallpaper/pattern/{$img_array[$img_tag]}{$img_rand[$img_tag]}.jpg"); }
- </style>
태그 연관 글
- [2021/02/26] 묻고답하기 외부페이지가 레이아웃을 완전히 벗어나 표시됩니다. *1
- [2020/01/02] 묻고답하기 레이아웃 헤더스크립트 삽입시 응답없음 *2
- [2018/10/25] 묻고답하기 사이트 레이아웃이 없어 졌어요!! *1
- [2016/07/27] 묻고답하기 페이지이동 스크립트 문의드려요.+ 홈페이지 꾸미는 문의
- [2016/05/24] 묻고답하기 레이아웃 지정에서 로그인, 회원 가입 페이지는 어디서 지정하나요? *2
댓글 7
-
다케루
2007.09.04 13:46
애드온이나 위젯으로 나오면 아주 좋을 것 같네요~ -
에...배경 그림 바꾸는 기능만으론 조잡할 것 같아서요...
좀더 실용성 있게 바꾼다음에 애드온으로 만들어 봐야겠습니다. -
스컬리지금어디야
2007.09.05 10:04
{@ } 였군요..........
저도 이미 랜덤이미지를 만들어사용하고있지만,
템플릿파일에 어떻게 php를 사용해야하는지 몰라서 많이 고생했죠....
진작 이 팁이 나왔다면 그런 고생안했을텐데..ㅎㅎㅎ -
{@ $var}는 <? $var?>와 같고.
{$var} 처럼하면 {@ echo $var}, <?=$var?>, <? echo $var?>와 같습니다. -
질문
2007.09.16 06:46
배경을 스크롤 할때도 고정시키는 방법이 있을까요??
-
body { background:url("/images/wallpaper/pattern/{$img_rand}.jpg") fixed; }
이런 식으로 뒤에 fixed 속성값을 추가하면 됩니다.
이 때, 속성 이름을 background: 로 변경해야 합니다. -
지허
2007.10.26 13:36
랜덤 함수가 좋은 도움이 되었습니다.
덕분에 랜덤 최근 게시물 위젯을 만들 수 있게 되었습니다.
감사합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
클라우드 플레어 질문있습니다. [2] | 생컨38889 | 2016.08.31 |
무료 폰트 모음 | boomstop | 2016.09.13 |
우분투에 apm 서버 완벽하게 설치하기 | 로니 | 2016.09.13 |
초보자분들 윈도우에 apmsetup 쓰지 마세요 느립니다. [1] | 최윤한 | 2016.09.20 |
관리자페이지 첫페이지에서 최근글 / 최근댓글 리스트에서 닉네임 대신에 날짜가 나오게 하는 방법 | sejin7940 | 2016.10.19 |
사이트 운영하시는분들 단체메일 가급적 보내지 마세요. | 최윤한 | 2016.10.19 |
내 작성글 보기에서 익명게시판에서 작성한 내 글도 보이게 하기 위해서 | sejin7940 | 2016.10.19 |
관리자페이지의 게시판 목록에서 '모듈분류'로만 검색이 안 되는 버그 수정 | sejin7940 | 2016.11.09 |
구글애드센스 한페이지에 3개 초과하시면 안됩니다. [3] | 최윤한 | 2016.11.11 |
모바일환경에서, 스케치북스킨의 경우 포인트레벨아이콘이나 닉네임이미지 가 안 나타나는 경우 수정법 | sejin7940 | 2016.11.13 |
네이버 웹마스터도구 최적화검증과 GZIP | 영흥도우럭1 | 2016.11.18 |
가상서버 고르실때 참고하시면 좋겠네요. | 로니 | 2016.11.24 |
간단한 xe 관련 자바스크립트 질문 [1] | 마든남 | 2016.12.01 |
클라우드플레어 사용시 서버 IP 노출방지 체크리스트 | gnbstory | 2016.12.09 |
숫자 아이디 허용 방법
![]() | 410contents | 2016.12.13 |
방명록 형태 사용시 제목이 길게 저장되게 하려면 | sejin7940 | 2016.12.23 |
DOS 공격에 대한 방어 프로그램입니다. | 마루디자인 | 2017.01.23 |
jQuery 플러그인 모음 | Ansi™ | 2017.01.25 |
인스타그램 해시태그 회원가입 없이 끌어오기 | 외인 | 2017.02.08 |
jquery swiper | Ansi™ | 2017.02.16 |