<div class="figure-html" data-ke-type="html" data-source="
1. 이 게시글 및 여길클릭의 사용태그입니다. mp4의 경우구요. 동영상 비율은 굳이 16:9 에 구애받지 않습니다.
<link rel="stylesheet" href="//wittazzurri.com/css/cafe/blackbox.php?b=1&w=1120&l=30&c=666666&s=333333&t=18&r=30&i=https://blog.kakaocdn.net/dn/qjRda/btsLHp6QGyi/Z86buMSQLPOHjG5hdm9ZI0/img.gif">
<video src="mp4주소" autoplay loop controls controlslist="nodownload"></video>
2. css 겟변수의 옵션설명입니다. 겟코드는 순서가 바뀌어도 큰 상관은 없습니다.
예를 들어 l=30 과 t=25 의 위치가 바뀌어도 괜찮다는 의미입니다. 겟코드에는 그 속성상 항상 "교환법칙"과 "결합법칙"이 성립합니다.
각 겟코드는 & 로 연결하고 처음의 겟코드만 가장 앞에 ? 로 연결합니다.
1) 빨간색 b : 1을 주면 외줄옵션이고 3을 주면 석줄(여길클릭)옵션입니다. - box_style 의 첫글자
2) 주황색 w : 전체 가로사이즈로 1280, 1120, 1024, 960 등 원하는 숫자를 입력합니다. - width 의 첫글자
3) 노란색 l : 제목의 좌단간격입니다. 1을 주면 무슨 옵션인지 금방 알 수 있습니다. - left 의 첫글자
4) 초록색 c : 제목의 색상코드입니다 #은 빼고 넣습니다. - color 의 첫글자
5) 브라운s : 스크롤바의 색상코드입니다. #은 빼고 넣습니다. - scroll_color 의 첫글자
6) 하늘색 t : 우상단 아이콘의 상단간격입니다. 1을 주면 무슨 옵션인지 금방 알 수 있습니다. - top 의 첫글자
7) 보라색 r : 우상단 아이콘의 우단간격입니다. 1을 주면 무슨 옵션인지 금방 알 수 있습니다. - right 의 첫글자
8) 분홍색 i : 우상단 아이콘의 주소입니다. 이미지를 쓰지 않으려면 투명png 파일의 주소를 줍니다. 이미지는 티스토리로 올려줍니다. - icon 의 첫글자
현재 사용한 아이콘은 화연님 로고를 살짝 줄여서 만든 것입니다. https://blog.kakaocdn.net/dn/qjRda/btsLHp6QGyi/Z86buMSQLPOHjG5hdm9ZI0/img.gif
3. l=30, t=25, r=30 은 각각 레프트, 탑, 라이트의 간격인데 "주의사항"이 있습니다.
만일 간격을 주고 싶지 않을 때는 0 을 주어야 하지만 php 에서 css 를 넘겨받을 떼 0 은 0 으로 넘어가는 것이 아니라 불린변수인 false 로 넘어가게 됩니다.
따라서 이 값들에 0 을 주고 싶을 때는 일단 0 으로 줘 봤다가 의도한대로의 결과물이 나어지 않으면 0 에 마이너스를 붙여서 -0 으로 입력해 주시면 되겠습니다. 0 이나 -0 이나 결과값은 0 이니까요.
4. 다음 동영상의 경우입니다. css 의 GET변수는 mp4와 동일하며 동영상 아이디만 넣어줍니다. 단 16:9 비율의 동영상이어야 합니다.
<link rel="stylesheet" href="//wittazzurri.com/css/cafe/blackbox.php?b=1&w=1120&l=30&c=666666&s=333333&t=18&r=30&i=https://blog.kakaocdn.net/dn/cgl33A/btsLE2Z3tYi/Z13JQDVrcT3wccq1LWEbUk/img.gif">
<iframe src="https://kakaotv.daum.net/embed/player/cliplink/동영상아이디?service=daum&autoplay=1&loop=1&popup=1" allow="autoplay"></iframe>
5. 유튜브의 경우입니다. css 의 GET변수는 mp4와 동일하며 동영상 아이디만 넣어줍니다. 단 16:9 비율의 동영상이어야 합니다.
<link rel="stylesheet" href="//wittazzurri.com/css/cafe/blackbox.php?b=1&w=1120&l=30&c=666666&s=333333&t=18&r=30&i=https://blog.kakaocdn.net/dn/cgl33A/btsLE2Z3tYi/Z13JQDVrcT3wccq1LWEbUk/img.gif">
<iframe src="https://www.youtube.com/embed?playlist=동영상아이디&loop=1&autoplay=1&vq=highres" allow="autoplay"></iframe>
6. 동영상의 옵션입니다.
1) 동영상에 테두리를 안 쓰고 싶다면 스타일로 border:none 을 삽입합니다.
<video style="border:none" src="......"></video>
<iframe style="border:none" src="......"></iframe>
2) 동영상에 라운드를 사용하고 싶다면 스타일로 border-radius:15px 을 삽입합니다. 15는 라운드 수치입니다. 원하는 수치로요.
<video style="border-radius:15px" src="......"></video>
<iframe style="border-radius:15px" src="......"></iframe>
3) 둘 모두 사용하고 싶다면 중간에 세미콜론을 넣어줍니다. 뭐 순서는 바뀌어도 상관없습니다.
style="border:none;border-radius:15px" 또는 style="border-radius:15px;border:none"
7. 이 태그는 아트월드와 영끌아트와 네오님카페와 라인님카페만 먹습니다.
태그월드를 제외한 이유는 태그월드에서는 태그가 먹빡이 되는지 확인하기 위함에서 그러합니다.
그러니 본인의 숨은카페에서 결과물을 빼려고해도 제대로 나오지 않을 것이며 여길클릭의 익명 태그연습방에서 확인하십시오. 익명 태그연습방에서 태그를 뺐으면 그 게시글은 삭제해도 괜찮습니다.
우수회원 이상인 분들은 본인의 숨은카페를 이 게시글의 "비공개" 댓글로 링크시켜 주면 제가 거기서는 나오도록 하겠습니다.
8. 정회원 이상의 경우 만일 본인의 숨은카페가 아닌 많은 회원들이 있는 카페에 게시하려면 "공개"댓글로 신청하세요. 그럴 경우 트래픽은 열어 드리지만 만일 절도장물 사례가 발견되면 바로 그 카페의 트래픽은 막을 것입니다.
"><div data-ke-class="article">
1. 이 게시글 및 여길클릭의 사용태그입니다. mp4의 경우구요. 동영상 비율은 굳이 16:9 에 구애받지 않습니다.
<link rel="stylesheet" href="//wittazzurri.com/css/cafe/blackbox.php?b=1&w=1120&l=30&c=666666&s=333333&t=18&r=30&i=https://blog.kakaocdn.net/dn/qjRda/btsLHp6QGyi/Z86buMSQLPOHjG5hdm9ZI0/img.gif">
<video src="mp4주소" autoplay loop controls controlslist="nodownload"></video>
2. css 겟변수의 옵션설명입니다. 겟코드는 순서가 바뀌어도 큰 상관은 없습니다.
예를 들어 l=30 과 t=25 의 위치가 바뀌어도 괜찮다는 의미입니다. 겟코드에는 그 속성상 항상 "교환법칙"과 "결합법칙"이 성립합니다.
각 겟코드는 & 로 연결하고 처음의 겟코드만 가장 앞에 ? 로 연결합니다.
1) 빨간색 b : 1을 주면 외줄옵션이고 3을 주면 석줄(여길클릭)옵션입니다. - box_style 의 첫글자
2) 주황색 w : 전체 가로사이즈로 1280, 1120, 1024, 960 등 원하는 숫자를 입력합니다. - width 의 첫글자
3) 노란색 l : 제목의 좌단간격입니다. 1을 주면 무슨 옵션인지 금방 알 수 있습니다. - left 의 첫글자
4) 초록색 c : 제목의 색상코드입니다 #은 빼고 넣습니다. - color 의 첫글자
5) 브라운s : 스크롤바의 색상코드입니다. #은 빼고 넣습니다. - scroll_color 의 첫글자
6) 하늘색 t : 우상단 아이콘의 상단간격입니다. 1을 주면 무슨 옵션인지 금방 알 수 있습니다. - top 의 첫글자
7) 보라색 r : 우상단 아이콘의 우단간격입니다. 1을 주면 무슨 옵션인지 금방 알 수 있습니다. - right 의 첫글자
8) 분홍색 i : 우상단 아이콘의 주소입니다. 이미지를 쓰지 않으려면 투명png 파일의 주소를 줍니다. 이미지는 티스토리로 올려줍니다. - icon 의 첫글자
현재 사용한 아이콘은 화연님 로고를 살짝 줄여서 만든 것입니다. https://blog.kakaocdn.net/dn/qjRda/btsLHp6QGyi/Z86buMSQLPOHjG5hdm9ZI0/img.gif
3. l=30, t=25, r=30 은 각각 레프트, 탑, 라이트의 간격인데 "주의사항"이 있습니다.
만일 간격을 주고 싶지 않을 때는 0 을 주어야 하지만 php 에서 css 를 넘겨받을 떼 0 은 0 으로 넘어가는 것이 아니라 불린변수인 false 로 넘어가게 됩니다.
따라서 이 값들에 0 을 주고 싶을 때는 일단 0 으로 줘 봤다가 의도한대로의 결과물이 나어지 않으면 0 에 마이너스를 붙여서 -0 으로 입력해 주시면 되겠습니다. 0 이나 -0 이나 결과값은 0 이니까요.
4. 다음 동영상의 경우입니다. css 의 GET변수는 mp4와 동일하며 동영상 아이디만 넣어줍니다. 단 16:9 비율의 동영상이어야 합니다.
<link rel="stylesheet" href="//wittazzurri.com/css/cafe/blackbox.php?b=1&w=1120&l=30&c=666666&s=333333&t=18&r=30&i=https://blog.kakaocdn.net/dn/cgl33A/btsLE2Z3tYi/Z13JQDVrcT3wccq1LWEbUk/img.gif">
<iframe src="https://kakaotv.daum.net/embed/player/cliplink/동영상아이디?service=daum&autoplay=1&loop=1&popup=1" allow="autoplay"></iframe>
5. 유튜브의 경우입니다. css 의 GET변수는 mp4와 동일하며 동영상 아이디만 넣어줍니다. 단 16:9 비율의 동영상이어야 합니다.
<link rel="stylesheet" href="//wittazzurri.com/css/cafe/blackbox.php?b=1&w=1120&l=30&c=666666&s=333333&t=18&r=30&i=https://blog.kakaocdn.net/dn/cgl33A/btsLE2Z3tYi/Z13JQDVrcT3wccq1LWEbUk/img.gif">
<iframe src="https://www.youtube.com/embed?playlist=동영상아이디&loop=1&autoplay=1&vq=highres" allow="autoplay"></iframe>
6. 동영상의 옵션입니다.
1) 동영상에 테두리를 안 쓰고 싶다면 스타일로 border:none 을 삽입합니다.
<video style="border:none" src="......"></video>
<div class="notAllowedIframe">카페회원들의 안전을 위해 iframe 태그를 제한 하였습니다. <a href="https://cafe-notice.tistory.com/2639" target="_blank" class="txt_sub p11 u">관련공지보기</a><span class="arrow txt_sub">▶</span></div></iframe>
2) 동영상에 라운드를 사용하고 싶다면 스타일로 border-radius:15px 을 삽입합니다. 15는 라운드 수치입니다. 원하는 수치로요.
<video style="border-radius:15px" src="......"></video>
<div class="notAllowedIframe">카페회원들의 안전을 위해 iframe 태그를 제한 하였습니다. <a href="https://cafe-notice.tistory.com/2639" target="_blank" class="txt_sub p11 u">관련공지보기</a><span class="arrow txt_sub">▶</span></div></iframe>
3) 둘 모두 사용하고 싶다면 중간에 세미콜론을 넣어줍니다. 뭐 순서는 바뀌어도 상관없습니다.
style="border:none;border-radius:15px" 또는 style="border-radius:15px;border:none"
7. 이 태그는 아트월드와 영끌아트와 네오님카페와 라인님카페만 먹습니다.
태그월드를 제외한 이유는 태그월드에서는 태그가 먹빡이 되는지 확인하기 위함에서 그러합니다.
그러니 본인의 숨은카페에서 결과물을 빼려고해도 제대로 나오지 않을 것이며 여길클릭의 익명 태그연습방에서 확인하십시오. 익명 태그연습방에서 태그를 뺐으면 그 게시글은 삭제해도 괜찮습니다.
우수회원 이상인 분들은 본인의 숨은카페를 이 게시글의 "비공개" 댓글로 링크시켜 주면 제가 거기서는 나오도록 하겠습니다.
8. 정회원 이상의 경우 만일 본인의 숨은카페가 아닌 많은 회원들이 있는 카페에 게시하려면 "공개"댓글로 신청하세요. 그럴 경우 트래픽은 열어 드리지만 만일 절도장물 사례가 발견되면 바로 그 카페의 트래픽은 막을 것입니다.
</div></div>
<!-- -->
