Mytorrento | Дата: Воскресенье, 01-Дек-19, 21:54 | Сообщение # 1 |
Уверенный пользователь
Группа: Администраторы
Сообщений: 50
Награды: 3
Репутация: 38
Статус: Вне форума
| Создать оператор дополнительного поля например $OTHER1$, это будет ссылка на видео. На данный момент поддерживаются хосты вк,маил,ютубе,рутубе и др. Код <div id="win" style="display:none;"> <div id="PanelsDock"> <div id="Panel_youtube" class="Panels" style="width: 660px; height: 460px; margin-top: -275px; margin-left: -211px;"> <div class="PanelsButton"><button type="button" class="close" data-dismiss="modal" aria-label="Close" onClick="getElementById('win').style.display='none';"> <span aria-hidden="true" align="right"></span>закрыть </button></div> <div class="PanelsTitle"><b>$ENTRY_TITLE$</b></div> <div class="PanelsMenu Hidden"></div><div class="PanelsContent"> <div class='bbmedia' data-url='ваш оператор на ссылку видео' style='margin: 1px; display: inline-block; vertical-align: bottom;'><div style='width: 660px; height: 460px; border: 1px solid #999; display: table-cell; text-align: center; vertical-align: middle; font: 10px/10px Verdana; color: #555; opacity: 0.5;'><a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> [media]</div><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://mytorrnado.ru/js/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div> </div></div></div></div> <span onClick="getElementById('win').removeAttribute('style');" class="YTLink"><a class="titles" href="ваш оператор на ссылку видео" target="_blank" title="Смотреть трейлер на you tube">Смотреть трейлер к $ENTRY_TITLE$</a><span title="Начать проигрывание трейлера на текущей странице" class="YTLinkButton">►</span></span></a> </div></div> <style> /* ================================================================ * YouTube.Panel * ================================================================ */ .Panels { z-index:200; top:40%; left:40%; background-attachment:fixed, scroll; background: url(http://mytorrnado.ru/images/aerobg.png), -moz-linear-gradient(top, rgba(200,200,200,0.4) 0%, rgba(255,255,255,1) 100%); background: url(http://mytorrnado.ru/images/aerobg.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,0.4)), color-stop(100%,rgba(255,255,255,1))); background: url(http://mytorrnado.ru/images/aerobg.png), -webkit-linear-gradient(top, rgba(200,200,200,0.4) 0%,rgba(255,255,255,1) 100%); background: url(http://mytorrnado.ru/images/aerobg.png), -o-linear-gradient(top, rgba(200,200,200,0.4) 0%,rgba(255,255,255,1) 100%); background: url(http://mytorrnado.ru/images/aerobg.png), -ms-linear-gradient(top, rgba(200,200,200,0.4) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c8c8c8', endColorstr='#ffffff',GradientType=0 ); background: url(http://mytorrnado.ru/images/aerobg.png), linear-gradient(top, rgba(200,200,200,0.4) 0%,rgba(255,255,255,1) 100%); background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; border:1px solid gray; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; -moz-box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; position:fixed; max-width:99%; min-width:100px; min-height:24px; overflow:hidden; margin:1px; } .Panels.Minimized { position:relative; top:auto!important; left:auto!important; float:left; max-width:200px; height:24px!important; margin:0!important; } .PanelsButton { float:right; overflow:hidden; margin:3px 3px 0 10px; } .PanelsClose { color: #006699; cursor: pointer; } .PanelsClose:hover { color: #DD6900; text-decoration: underline !important; } .PanelsTitle { overflow:hidden; white-space:nowrap; max-height:10px; font-weight:70px; } .Panels.Minimized .PanelsTitle.Hidden { display:block; } .PanelsTitle,.PanelsMenu { padding:2px 2px 0; } .Panels.Minimized .PanelsTitle,.Panels.Minimized .PanelsMenu { cursor:inherit; } .PanelsContent,.PanelsFooter { border-top:1px dashed #A9A9A9; clear:both; margin:5px 0 0; padding:5px; } #PanelsDock { bottom:0; left:0; position:fixed; padding:0 0 0 5px; } #PanelsDockToggle { border:1px solid gray; box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; -moz-box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3),0 0 1px #FFF inset; float:left; border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; margin:1px 1px 1px 0; padding:4px 10px; } .Panels.Minimized .PanelsMenu,.Panels.Minimized .PanelsContent,.Panels.Minimized .PanelsFooter,.PanelsTitle.Hidden,.PanelsMenu.Hidden { display:none; } span.button { background-image:url(http://mytorrnado.ru/images/def_button.png); } span.button:hover { background-image:url(http://mytorrnado.ru/images/def_button_light.png); } span.YTLink{ background-color:#ffffff; border:1px solid #333333; display:inline-block; font-weight:bold; padding:2px 2px 2px 5px; margin:1px 2px -6px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } span.YTLinkButton{ background-color:#008500; border:1px solid #333333; color:white; display:inline-block; float:right; margin:-3px -3px -3px 4px; padding:2px 4px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: url(http://mytornado.ru/images/link_help.cur), pointer; } span.YTLink a.postLink{ color:white; float:left; } </style>
Смотреть трейлер к материалу►
Скрипт bbmedia.js и картинки открыть в браузере, сохранить и залить на сервер. *width: 660px; height: 460px; - меняем под себя.
Ссылку видят пользователи!
подпишись не пропусти новинки
|
|
|
|