포럼

혹시라도...

2014.02.04 09:01

foret

안녕하세요. 가입하고 처음 글 올려보네요.

홈페이지에서 xe 열심히 사용하고 있어 들어오다가 뭔가 도움이 될까하여 가입하고 비번 여러번 틀려서 정지 먹고 겨우... ㅎㅎ


혹시라도 필요하신 분 계실까 해서 파일 올려봅니다.

부트스트랩으로 만든 게시판 스킨 같은걸 올려보고 싶었는데

다른 레이아웃을 쓰면 완전 엉망이 되길래 배포하면 안되겠구나 싶어서 대신 다른걸!!


유튜브 컴포넌트고요. 제 홈페이지에서 테스트해보긴 했는데 무슨 에러가 있을지 모릅니다. --;

그냥 html 만 간신히 아는 수준이라서 제가... ㅎㅎ

컴포넌트 만들때도 multimedia를 youtube로 모두 치환하고 걍 유튜브 소스를 html로 때려박는 식으로 만들었습니다.

자랑스러운 삽질의 기록. 그렇지만 돌아가는게 기뻐서 올려봅니다.

그러니 잘 아시는 많은 다른 분들이 수정 좀 해주시면 완전 좋겠습니다.


좋은 점이라면 게시판이나 코어를 수정하지 않아도 이걸로 올리면 자동으로 유튜브 섬네일이 들어간다는 것 정도? ㅡㅡ;


/modules/editor/components/ 에 넣으시고, 관리 > 고급 > 에디터에서 켜신 후에...

글쓰실때 에디터의 확장 컴포넌트에서 사용하시면 됩니다!

멀티미디어 컴포넌트를 수정해서,

유튜브 동영상의 ID나 경로 (공유 누르면 바로 나오는), 또는 주소창의 주소를 넣으면

자동으로 제일 좋은 해상도의 유튜브 영상이 들어가고, 섬네일이 나옵니다 (섬네일이 본문에는 안 보입니다) !!

소스 보시면 아시겠지만 그냥 대충 만든 수준입니다. 꼼수를 써서.. ㅎㅎ

뭐에 쓰이는지 몰라서 남겨둔 거나 몰라서 삭제한 소스도 있고...

그러니 역시 잘 아시는 많은 다른 분들이 수정 좀 해주시면 완전 좋겠습니다!! 수정 재배포 완전 원해요.


참고로, 레이아웃 css에 다음 소스를 추가해주시면 이 컴포넌트를 쓰셔서 올린 유튜브 영상이

동영상 크기를 지정하시지 않아도 게시판 폭에 맞춰서 자동으로 크기가 커졌다 줄어들었다 할겁니다.

다른 영상(멀티미디어링크 등으로 올린) 도

<div class="video-container"></div> 로 해당 소스를 감싸주시면 역시 동일하게 반응할거고요!

이 소스도 어딘가에서 퍼온 ...


video {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}
.video-container {position:relative; height:0; padding-top:30px; padding-bottom:56.25%; overflow:hidden; z-index:1;}
.video-container iframe,.video-container object,.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


--------------------------

youtube_link.zip는 동영상 크기 조절이 가능한 파일이고,

youtube_link_100%.zip은 게시판 크기에 꽉 차게 동영상크기가 변하는 파일이니 원하시는 걸로 받으세요~

글쓴이 제목 최종 글
오락실주인 커뮤니티 사이트 [ XE vs GNU ] [6] 2014.03.11 by LI-NA
드비츠로 혹시 XE가 IE에서만 이상증상을 보이시는 분 계십니까? [10] 2014.03.10 by XE카오스
lemon42 혹시 1.7.3.8 에서 1.7.4로 판업 하신분들중 회원가입부분에서.. [2] 2020.03.14 by BNU
우냠냠냠 메일보내기버튼은 없애는게 맞는거같습니다. [9] 2014.07.16 by chansol
제로클라우드 레이아웃 적용시 오류 발생합니다 ㅠㅠ [2] file 2014.03.09 by 제로클라우드
uoou 위젯 페이지 vs 외부페이지 속도차이가 있을까요? [3] 2014.03.08 by HEJ
나의해 컴퓨터가 계속 돌아가는것 같아여.. [4] 2014.03.08 by LI-NA
moonsoo 구글 번역기 돌렸는데... 이렇게 사용하면 될까요? [5] 2014.03.08 by Omega3
그냥재미로 XEUSER 모임 3월 번개안내. [2] 2014.03.08 by 키스투엑스이
정도길 홈페이지 자랑 게시판도 쇼케이스처럼 갤러리형식이면 [3] 2014.03.08 by 퍼니엑스이
Omega3 CRONOS_X 모바일 위젯 스킨 소개글에 오타 발견 +_+ [19] 2014.03.07 by Omega3
foret 혹시라도... [28] file 2014.03.07 by Omega3
joorans xe 설치시 오류입니다. ㅠㅠ [3] 2014.03.07 by YJSoft
홍길동2000 이 메시지창의 다국어설정은 어디서 하나요? [4] file 2014.03.07 by 홍길동2000
StyleRoot 서버 호스팅 추천할만한 곳 있나요? [16] 2014.03.07 by mangos
인간a newest_images 라는 위젯 못구하나요? [5] file 2011.06.18 by YO-DA
라미아스튜디오 XE의 로그인에 현재 ssl이 어떤방식으로 적용되고 있는걸까요. [4] file 2014.03.06 by 라미아스튜디오
크림빵 도메인 어디가 저렴하고 괜찮나요? [23] 2014.03.06 by 심플XE
가르송 신디케이션에대해 [9] 2014.03.06 by 심플XE
심플XE 테스터그룹은 부활시켰으면 좋겠습니다. [10] 2020.03.14 by 심플XE