home baner 움직이는 gif만들기
링크
컨텐츠 정보
- 11,379 조회
- 1 댓글
- 0 추천
- 목록
본문
1) <!-- 베너 또는 그림 추가 불러오기 m/head.php 시작 -->
\r\n<?php include "$g4[m_path]/main_baner.htm"; ?>
\r\n<!-- 베너 또는 그림 추가 불러오기 head.php 끝 -->
\r\n2) main_baner.htm 아래와 같이 추가
\r\n\r\n
\r\n
\r\n
\r\n
\r\n<html>
\r\n<head>
\r\n<meta http-equiv="content-type" content="text/html; charset=euc-kr">
\r\n<title>제목 없음</title>
\r\n<meta name="generator" content="Namo WebEditor v6.0">
\r\n</head>
\r\n<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
\r\n<p align="center" style="line-height:1mm; margin-top:1mm; margin-bottom:1mm;"><a href="https://11q.kr/photo/" target="_blank" title="Shims_Photostation"><img src="images/shims_baner.gif" border="0" width="400" height="224" alt="m/images/shims_baner.gif을 수정하세요"></a></p>
\r\n<p align="center" style="line-height:1mm; margin-top:1mm; margin-bottom:1mm;"> </p>
\r\n</body>
\r\n</html>
3) m/images/shims_baner.gif에 그림 추가
\r\n- 그림 만들기
\r\nhttp://bbom.org/tools/ani.html 에서 만들어 보세요
\r\n\r\n
\r\n
제홈피 의
\r\n\r\n
\n[이 게시물은 관리자님에 의해 2013-06-10 21:11:30 22.PC_PDS에서 이동 됨]
\n[이 게시물은 관리자님에 의해 2013-11-18 21:24:23 21.PC_BBS에서 이동 됨]
관련자료
-
링크
댓글 1
11q.kr관리자님의 댓글
<div id="mk_menubar" align="left" style="border: 0px; height: 28px; background-color: rgb(228, 237, 246)">\r\n<div align="left" id="mk_menubar2" style="width: 780px; height: 22px">\r\n<div align="left" style="width: 780px; line-height: 12px; margin-left: 6px; margin-top: 6px"><img src="http://bbom.org/tools/makeshophome.gif" align="absmiddle" style="border: 0px; vertical-align: -2px" alt="" /> <span style="font-size: 10px; font-family: 돋움, dotum; text-align: center; color: rgb(139, 139, 139) !important"><a href="http://blog.bbom.org/" target="_top" style="text-decoration: none; font-size: 12px; line-height: normal; font-family: 굴림, dotum; color: rgb(0, 52, 156)">홈</a> </span><span class="partition" style="font-size: 10px; font-family: 돋움, dotum; text-align: center; color: rgb(139, 139, 139) !important; width: 5px; margin: 0px 5px">|</span> <a href="http://bbom.org/tools/" target="_top" style="text-decoration: none; line-height: normal; font-family: 굴림, dotum; color: rgb(0, 52, 156)">여러장의 이미지 간단히 합치기</a> <span class="partition" style="font-size: 10px; font-family: 돋움, dotum; text-align: center; color: rgb(139, 139, 139) !important; width: 5px; margin: 0px 5px">|</span> <span style="font-size: 10px; font-family: 돋움, dotum; text-align: center; color: rgb(139, 139, 139) !important"><a href="http://bbom.org/tools/ani.html" target="_top" style="text-decoration: none; font-size: 12px; line-height: normal; font-family: 굴림, dotum; color: rgb(0, 52, 156)">움직이는 GIF 만들기</a></span> <span class="partition" style="font-size: 10px; font-family: 돋움, dotum; text-align: center; color: rgb(139, 139, 139) !important; width: 5px; margin: 0px 5px">|</span> <span style="font-size: 10px; font-family: 돋움, dotum; text-align: center; color: rgb(139, 139, 139) !important"><a href="http://bbom.org/tools/thumb.html" target="_top" style="text-decoration: none; font-size: 12px; line-height: normal; font-family: 굴림, dotum; color: rgb(0, 52, 156)">썸네일 쉽게 만들기</a><img src="http://bbom.org/tools/images/new2.gif" alt="" /></span></div></div></div><br /><font size="5"><b>여러장의 이미지를 하나의 움직이는 GIF로 만드는 웹페이지입니다..</b></font>\r\n<hr />\r\n<table>\r\n<tbody>\r\n<tr style="font-family: Gulim; font-size: medium; line-height: normal">\r\n<td valign="top" style="font-size: 9pt"><center><ins style="display: inline-table; border: none; height: 90px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 728px"><ins id="aswift_0_anchor" style="display: block; border: none; height: 90px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 728px"><iframe allowtransparency="true" frameborder="0" height="90" hspace="0" marginwidth="0" marginheight="0" scrolling="no" vspace="0" width="728" id="aswift_0" name="aswift_0" style="left: 0px; position: absolute; top: 0px"></iframe></ins></ins></center><br />\r\n<table border="0">\r\n<tbody>\r\n<tr>\r\n<td bgcolor="#d1e1e1" style="font-size: 9pt">\r\n<table border="0" cellpadding="0" cellspacing="0">\r\n<tbody>\r\n<tr>\r\n<td style="font-size: 9pt"><img src="http://bbom.org/tools/images/ansim.gif" alt="" /></td>\r\n<td style="font-size: 9pt"><font color="green"><b>안심</b></font>하세요.. 올리신 파일은 완료 후 자동삭제되며, 생성된 결과물은 실시간 삭제버튼 지원 및 미삭제시 30분마다 완전 초기화합니다.</td></tr></tbody></table><br />※ 한번에 올릴 수 있는 용량은 32M이며, 올리신 파일은 작업완료후 서버에서 실시간 삭제됩니다. <br />※ jpg,gif,png 파일만 가능합니다. 작업완료예제 --> <a href="" target="_blank">예1</a> <a href="" target="_blank">예2</a> <a href="" target="_blank">예3</a> <a href="" target="_blank">예4</a><form name="form1" action="http://bbom.org/tools/ani.html" method="post" enctype="multipart/form-data" target="uploading"><font style="font-size: 8pt">1.<input type="file" name="file1" size="20" /> <img src="http://bbom.org/tools/images/view.gif" align="absmiddle" alt="선택한 이미지 미리보기" /> \r\n<div id="img1" class="tipbox" style="position: absolute; z-index: 200; width: 300px; visibility: hidden"><img src="file:///C:/fakepath/DSC05356.JPG" alt="" /></div><select name="rotate1" style="font-size: 8pt"> \r\n<option value="0">회전안함 </option>\r\n<option value="90">90도 오른쪽 → </option>\r\n<option value="-90">90도 왼쪽 ← </option>\r\n<option value="180">180도 회전 ↓ </option></select> <br />2.<input type="file" name="file2" size="20" /> <img src="http://bbom.org/tools/images/view.gif" align="absmiddle" alt="선택한 이미지 미리보기" /> \r\n<div id="img2" class="tipbox" style="position: absolute; z-index: 10; width: 300px; visibility: hidden"><img src="file:///C:/fakepath/IMG_1306.JPG" alt="" /></div><select name="rotate2" style="font-size: 8pt"> \r\n<option value="0">회전안함 </option>\r\n<option value="90">90도 오른쪽 → </option>\r\n<option value="-90">90도 왼쪽 ← </option>\r\n<option value="180">180도 회전 ↓ </option></select> <br />3.<input type="file" name="file3" size="20" /> <img src="http://bbom.org/tools/images/view.gif" align="absmiddle" alt="선택한 이미지 미리보기" /> \r\n<div id="img3" class="tipbox" style="position: absolute; z-index: 100; width: 300px; visibility: hidden"><img src="file:///C:/fakepath/DSC05890.JPG" alt="" /></div><select name="rotate3" style="font-size: 8pt"> \r\n<option value="0">회전안함 </option>\r\n<option value="90">90도 오른쪽 → </option>\r\n<option value="-90">90도 왼쪽 ← </option>\r\n<option value="180">180도 회전 ↓ </option></select> <br />4.<input type="file" name="file4" size="20" /> <img src="http://bbom.org/tools/images/view.gif" align="absmiddle" alt="선택한 이미지 미리보기" /> \r\n<div id="img4" class="tipbox" style="position: absolute; z-index: 10; width: 300px; visibility: hidden"><img src="file:///C:/fakepath/S73F2389.JPG" alt="" /></div><select name="rotate4" style="font-size: 8pt"> \r\n<option value="0">회전안함 </option>\r\n<option value="90">90도 오른쪽 → </option>\r\n<option value="-90">90도 왼쪽 ← </option>\r\n<option value="180">180도 회전 ↓ </option></select> <br />5.<input type="file" name="file5" size="20" /> <img src="http://bbom.org/tools/images/view.gif" align="absmiddle" alt="선택한 이미지 미리보기" /> \r\n<div id="img5" class="tipbox" style="position: absolute; z-index: 10; width: 300px; visibility: hidden"><img src="file:///C:/fakepath/SDC12868.JPG" alt="" /></div><select name="rotate5" style="font-size: 8pt"> \r\n<option value="0">회전안함 </option>\r\n<option value="90">90도 오른쪽 → </option>\r\n<option value="-90">90도 왼쪽 ← </option>\r\n<option value="180">180도 회전 ↓ </option></select> <br />6.<input type="file" name="file6" size="20" /> <img src="http://bbom.org/tools/images/view.gif" align="absmiddle" alt="선택한 이미지 미리보기" /> \r\n<div id="img6" class="tipbox" style="position: absolute; z-index: 10; width: 300px; visibility: hidden"><img src="http://bbom.org/tools/images/white.gif" name="img6_src" width="199" alt="" /></div><select name="rotate5" style="font-size: 8pt"> \r\n<option value="0">회전안함 </option>\r\n<option value="90">90도 오른쪽 → </option>\r\n<option value="-90">90도 왼쪽 ← </option>\r\n<option value="180">180도 회전 ↓ </option></select> <br />7.<input type="file" name="file7" size="20" /> <img src="http://bbom.org/tools/images/view.gif" align="absmiddle" alt="선택한 이미지 미리보기" /> \r\n<div id="img7" class="tipbox" style="position: absolute; z-index: 10; width: 300px; visibility: hidden"><img src="http://bbom.org/tools/images/white.gif" name="img7_src" width="199" alt="" /></div><select name="rotate7" style="font-size: 8pt"> \r\n<option value="0">회전안함 </option>\r\n<option value="90">90도 오른쪽 → </option>\r\n<option value="-90">90도 왼쪽 ← </option>\r\n<option value="180">180도 회전 ↓ </option></select> <br />8.<input type="file" name="file8" size="20" /> <img src="http://bbom.org/tools/images/view.gif" align="absmiddle" alt="선택한 이미지 미리보기" /> \r\n<div id="img8" class="tipbox" style="position: absolute; z-index: 10; width: 300px; visibility: hidden"><img src="http://bbom.org/tools/images/white.gif" name="img8_src" width="199" alt="" /></div><select name="rotate8" style="font-size: 8pt"> \r\n<option value="0">회전안함 </option>\r\n<option value="90">90도 오른쪽 → </option>\r\n<option value="-90">90도 왼쪽 ← </option>\r\n<option value="180">180도 회전 ↓ </option></select> <br />9.<input type="file" name="file9" size="20" /> <img src="http://bbom.org/tools/images/view.gif" align="absmiddle" alt="선택한 이미지 미리보기" /> \r\n<div id="img9" class="tipbox" style="position: absolute; z-index: 10; width: 300px; visibility: hidden"><img src="http://bbom.org/tools/images/white.gif" name="img9_src" width="199" alt="" /></div><select name="rotate9" style="font-size: 8pt"> \r\n<option value="0">회전안함 </option>\r\n<option value="90">90도 오른쪽 → </option>\r\n<option value="-90">90도 왼쪽 ← </option>\r\n<option value="180">180도 회전 ↓ </option></select> </font><br /><br /><img src="http://bbom.org/tools/images/dot.gif" alt="" /> 이미지의 가로크기가 <select name="maxwidth" style="font-size: 8pt"> \r\n<option value="640">640 </option>\r\n<option value="600">600 </option>\r\n<option value="550">550 </option>\r\n<option value="500">500 </option>\r\n<option value="450">450 </option>\r\n<option value="400" selected="selected">400 </option>\r\n<option value="350">350 </option>\r\n<option value="300">300 </option>\r\n<option value="280">280 </option>\r\n<option value="250">250 </option>\r\n<option value="220">220 </option>\r\n<option value="200">200 </option>\r\n<option value="180">180 </option>\r\n<option value="140">140(싸이메인) </option>\r\n<option value="120">120 </option>\r\n<option value="100">100 </option>\r\n<option value="80">80 </option>\r\n<option value="50">50 </option></select>픽셀 보다 크면 가로로 리사이즈합니다. <br /><img src="http://bbom.org/tools/images/dot.gif" alt="" /> 각 이미지가 변화되는 시간을 <select name="delay" style="font-size: 8pt"> \r\n<option value="10">0.1초 </option>\r\n<option value="20">0.2초 </option>\r\n<option value="20">0.3초 </option>\r\n<option value="20">0.4초 </option>\r\n<option value="50">0.5초 </option>\r\n<option value="70">0.7초 </option>\r\n<option value="100">1초 </option>\r\n<option value="120" selected="selected">1.2초 </option>\r\n<option value="150">1.5초 </option>\r\n<option value="200">2초 </option>\r\n<option value="300">3초 </option>\r\n<option value="400">4초 </option>\r\n<option value="500">5초 </option></select> 로 합니다. <br /><br /><img src="http://bbom.org/tools/images/!.gif" alt="" /><font color="blue"> 움직이는 GIF의 경우 파일포맷상 256컬러이상은 지원하지 않으므로 이미지가 부드럽지 않을 수 있습니다.</font> <br /><br /><input type="button" value="움직이는 GIF로 만들기" style="font-size: 10pt" /> <input type="reset" value="초기화" /> <br /></form></td></tr></tbody></table><br />\r\n<hr /> <a href="http://blog.bbom.org/guestbook" target="_blank"><u>방명록 & 사용기 & 버그</u> </a>^^방명록에 글남겨주세요~ <br />\r\n<hr /><br />\r\n<table border="0" width="100%">\r\n<tbody>\r\n<tr>\r\n<td style="font-size: 9pt"><ins style="display: inline-table; border: none; height: 90px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 728px"><ins id="aswift_1_anchor" style="display: block; border: none; height: 90px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 728px"><iframe allowtransparency="true" frameborder="0" height="90" hspace="0" marginwidth="0" marginheight="0" scrolling="no" vspace="0" width="728" id="aswift_1" name="aswift_1" style="left: 0px; position: absolute; top: 0px"></iframe></ins></ins></td></tr>\r\n<tr>\r\n<td style="font-size: 9pt"></td></tr></tbody></table>\r\n<hr /></td></tr></tbody></table>