Сегодня мы будем делать Онлайн Кинотеатр .Начнём. Выбор модуля не занял много времени. Выбран каталог файлов. 1.В ПУ » Активируем модуль каталог файлов 2.В ПУ » Каталог файлов » Настройки модуля 3.В ПУ » Замена стандартных надписей 4.В ПУ » Управление дизайном Код вида материалов(легко изменяем) <table width="100%" border="0" cellspacing="0" cellpadding="2" style="border:1px solid#b5b8c8; ;border-style:dashed;"> <tr > <td style="background:#333333;height:24px;border:0px;"> </td> <td style="background:#333333;height:24px;border:0px;"><?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?> <b><a href="$ENTRY_URL$">$TITLE$</a></b></td> </tr> <tr> <td style="background: #f2f2f2;width:120;align:center;text-align:center;border-left:3px solid #333333;border-right:3px solid #333333"><img src="$SCREEN_URL$" alt="" height="230" width="170"></td> <td style="background: #f2f2f2;color:#888688;text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</td> </tr> <tr> <td style="background:#333333;height:24px;border:0px;"><?if($CATEGORY_NAME$)?><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></td> <td style="background:#333333;height:24px;border:0px;color:#888688;">Просмотров: $READS$ <?if($RATING$)?>| Рейтинг: $RATING$/$RATED$<?endif?> | Дата: <span title="$TIME$">$DATE$</span></td> </tr> </table> 5.В ПУ » Управление дизайном » Каталог файлов » Cтраница материала и коментариев к нему Заменяем всё на: <html> <head> <title>$SITE_NAME$ - Смотрим $ENTRY_TITLE$</title> <link type="text/css" rel="StyleSheet" href="http://ucinema.do.am/_st/my.css" /> <script type="text/javascript" src="http://filmsworld.ucoz.ru/raznoe/swfobject.js"></script> <script type="text/javascript"> var currentPlaylist = null; var currentLength = 0; var currentItem = -1; var previousItem = -1; var currentMute = false; var currentVolume = 80; var currentPosition = 0; var currentState = 'NONE'; var currentLoaded = 0; var currentRemain = 0; var player = null; function playerReady(thePlayer) { player = window.document[thePlayer.id]; addListeners(); } function addListeners() { if (player) { player.addControllerListener("ITEM", "itemListener"); player.addControllerListener("MUTE", "muteListener"); player.addModelListener("LOADED", "loadedListener"); player.addModelListener("STATE", "stateListener"); player.addModelListener("TIME", "positionListener"); player.addViewListener("VOLUME", "volumeListener"); } else { setTimeout("addListeners()",100); } } function volumeListener(obj) { currentVolume = obj.percentage; var tmp = document.getElementById("vol"); if (tmp) { tmp.innerHTML = "volume: " + currentVolume; } } function positionListener(obj) { currentPosition = obj.position; var tmp = document.getElementById("tim"); if (tmp) { tmp.innerHTML = "position: " + currentPosition; } } function getLength() { currentLength = player.getPlaylist().length; return(currentLength); }; function loadFile(theFile) { currentItem = -1; previousItem = -1; player.sendEvent('LOAD', theFile); }; function deletePlayer(theWrapper, thePlaceholder, thePlayerId) { swfobject.removeSWF(thePlayerId); var tmp=document.getElementById(theWrapper); if (tmp) { tmp.innerHTML = "<div id='" + thePlaceholder + "'></div>"; } } function createPlayer(theFile, theSkin, theAutostart) { var flashvars = { file:theFile, autostart:theAutostart, skin:theSkin, logo:'http://ucinema.do.am/player/minilogo.png', image:"$SCREEN_URL$" } var params = { allowfullscreen:"true", allowscriptaccess:"always" } var attributes = { id:"player1", name:"player1" } swfobject.embedSWF("http://ucinema.do.am/player/player.swf", "placeholder1", "80%", "400", "9.0.115", false, flashvars, params, attributes); } function initPlayer(theFile, theSkin, theAutostart) { currentFile = theFile; currentSkin = theSkin; deletePlayer('wrapper', 'placeholder1', 'player1'); createPlayer(theFile, theSkin, theAutostart); } </script> <head> <body style="background-color:#FFFFFF; margin:0;padding:0;" onload="initPlayer('$RFILE_DIRECT_URL$', document.getElementById('sel1').value, false)"> $ADMIN_BAR$ $GLOBAL_AHEADER$ <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:0px"> $GLOBAL_CLEFTER$ </td> <td valign="top" width="80%" style="padding-top:13px"> <div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>Смотрим: $ENTRY_TITLE$ $VERSION$</div> <table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock" hge> <tr><td width="85%"> <br> <div id="wrapper" align="center"> <div id="placeholder1"></div> </div> <br> <div id="about" class="afilm"><p aign="left"><b>Описания фильма - $ENTRY_TITLE$</b></p></p>$BRIEF$</div><br> <table border="0" width="100%" cellspacing="0" cellpadding="2" class="PlayersTable"> <tr> <td align="left"><input type="submit" class="ChangePlayer1" id="sel1" name="skin1" value="Чёрный плеер" onClick="initPlayer(currentFile, 'http://ucinema.do.am/player/modieus.swf', false);"> <input type="submit" class="ChangePlayer2" id="sel1" name="skin2" value="Серый плеер" onClick="initPlayer(currentFile, 'http://ucinema.do.am/player/stijl.swf', false);"> <input type="submit" class="ChangePlayer3" id="sel1" name="skin3" value="Стандартный плеер" onClick="initPlayer(currentFile, 'http://ucinema.do.am/player/player.swf', false);"> <input type="submit" class="ChangePlayer3" id="about" name="about" value="Описание фильма" onClick="$('#about').slideToggle(350)"> </td> <td align="right"><input type="submit" class="ChangePlayer1" id="sel1" name="pandp" value="Play/Pause" onClick="player.sendEvent('PLAY');"> <input type="submit" class="ChangePlayer1" name="seek1" value="«Назад" onClick="player.sendEvent('SEEK', currentPosition-30)"><input type="submit" class="ChangePlayer1" name="seek1" value="Вперёд»" onClick="player.sendEvent('SEEK', currentPosition+30)"> <input type="submit" class="soundbutton" id="mute" name="mute" value="" onClick="player.sendEvent('MUTE')"> <input type="submit" class="ChangePlayer1" name="seek1" value="Вперёд»" onClick="player.sendEvent('SEEK', currentPosition+30)"> <input type="submit" class="ChangePlayer3" id="mute" name="mute" value="Звук -10" onClick="javascript:player.sendEvent('VOLUME', currentVolume-10)"> <input type="submit" class="ChangePlayer3" id="mute" name="mute" value="Звук +10" onClick="javascript:player.sendEvent('VOLUME', currentVolume+10)"> </td> </tr> </table> </td></tr> </table > <?if($COM_IS_ACTIVE$)?> <?if($COM_CAN_READ$)?> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="60%" height="25"><!--<s5183>-->Всего мнений<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr> <tr><td colspan="2">$COM_BODY$</td></tr> <tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr> <tr><td colspan="2" height="10"></td></tr> </table> <?endif?> <?if($COM_CAN_ADD$)?> $COM_ADD_FORM$ <?else?> <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--> [ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?> <?endif?> <?endif?><!-- </body> --></td></tr></table> </td> <td valign="top" style="padding:3px"> </td> </tr> </table> <!-- </middle> --> $GLOBAL_BFOOTER$ </body> </html> 6.В ПУ » Управление дизайном » CSS в самый конец ставим код .soundbutton{border: 0px;padding: 5px;margin: 0px;width: auto;background:url('http://ucinema.do.am/player/sound.png');cursor: pointer;letter-spacing: 0px;width:24px; height:24px;} .soundbutton:hover{background:url('http://ucinema.do.am/player/soundactive.png')} /* Чёрный плеер */ .ChangePlayer1 {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#333333;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;} .ChangePlayer1:hover {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#444444;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;} /* Чёрный плеер */ /* Серый плеер */ .ChangePlayer2 {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#b9b9b9;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;} .ChangePlayer2:hover {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#cccccc;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;} /* Серый плеер */ /* Стандартный плеер */ .ChangePlayer3 {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#d9d9d9;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;} .ChangePlayer3:hover {border: 0px;padding: 5px;text-align: center;font-size: 10px;margin: 0px;width: auto;background:#eeeeee;color: #888688;cursor: pointer;letter-spacing: 0px;font-family: verdana;} /* Стандартный плеер */ Почему этот скрипт лучше других ГС для кинотетров 1. Создание(не через тупой embed код!) инициализация удаление плеера 2. Изменение плеера 3. Функция стоп/играть 4. Функция перепотаь вперёд/назад на 30 сек 5. Функция звук/нет звука 5. Функция повысить/понизить звук
|