웹마스터 팁
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
애드온이나 위젯으로 나오면 아주 좋을 것 같네요~ -
Simulz
2007.09.04 16:52
에...배경 그림 바꾸는 기능만으론 조잡할 것 같아서요...
좀더 실용성 있게 바꾼다음에 애드온으로 만들어 봐야겠습니다. -
스컬리지금어디야
2007.09.05 10:04
{@ } 였군요..........
저도 이미 랜덤이미지를 만들어사용하고있지만,
템플릿파일에 어떻게 php를 사용해야하는지 몰라서 많이 고생했죠....
진작 이 팁이 나왔다면 그런 고생안했을텐데..ㅎㅎㅎ -
Simulz
2007.09.05 12:49
{@ $var}는 <? $var?>와 같고.
{$var} 처럼하면 {@ echo $var}, <?=$var?>, <? echo $var?>와 같습니다. -
질문
2007.09.16 06:46
배경을 스크롤 할때도 고정시키는 방법이 있을까요??
-
Simulz
2007.09.16 11:30
body { background:url("/images/wallpaper/pattern/{$img_rand}.jpg") fixed; }
이런 식으로 뒤에 fixed 속성값을 추가하면 됩니다.
이 때, 속성 이름을 background: 로 변경해야 합니다. -
지허
2007.10.26 13:36
랜덤 함수가 좋은 도움이 되었습니다.
덕분에 랜덤 최근 게시물 위젯을 만들 수 있게 되었습니다.
감사합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
플래시메뉴 사입방법 [4] | urhow1 | 2007.08.29 |
분류가 있는 게시판에서 전체분류모드로 게시물 클릭시 딜레이 현상 [2] | Sx3 | 2007.08.30 |
페이지수정 안되시는 분들께 드리는 팁 [2] | 다케루 | 2007.08.30 |
구글광고넣기....(재밌는경험담 본문에 광고 넣으시려는분 꼭 읽어 보세요...) [2] | kangho | 2007.08.30 |
회원 단축 메뉴 보여주기 | Simulz | 2007.08.30 |
(최근글목록) 분류명 표시하기 & 이미지 [7] | Simulz | 2007.08.31 |
서버이전하고 마이그레이션하고 경험담 [3] | 팔공산 | 2007.08.31 |
(최근글목록) 게시판 이름 출력하기 #2 [12] | Simulz | 2007.08.31 |
관리자 아이디 사용제한 체크하는 어이없는 실수 & 해결 [5] | refree | 2007.09.01 |
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] | Simulz | 2007.09.02 |
랜덤 배경 이미지 [7] | Simulz | 2007.09.04 |
(설문조사) 회원만 설문 조사 하도록 [8] | Simulz | 2007.09.04 |
회원에게는 구글 애드센스 보이지 않게 하기 [2] | 스컬리지금어디야 | 2007.09.05 |
글이 중간에 짤릴 경우.. | 송암 | 2007.09.06 |
확장변수 이용해서 2차 3차 분류 항목 만들기 [3] | VagaBond | 2007.09.08 |
(게시판) 목록에 확장 변수를 출력하기 [18] | Simulz | 2007.09.08 |
메인 페이지 링크 www. 주소 표시, 로그인 링크 문제.... [5] | 마덴나 | 2007.09.08 |
(파일 첨부) 파일명 안보일 때 ... 없애기 [9] | Simulz | 2007.09.10 |
랭킹에 순위 넣기! ㅋ~ (꼼수;) | 다케루 | 2007.09.11 |
파일 업로드시에 403에러 발생시 해결방법. [12] | WhiteAT | 2007.09.12 |