Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.133.124.23
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Делаем сайт - Онлайн Кинотеатр
Сообщение оставлено 02.01.2011 в 21:56:15 | Сообщение #1
Сегодня мы будем делать Онлайн Кинотеатр .Начнём.
Выбор модуля не занял много времени. Выбран каталог файлов.

1.В ПУ » Активируем модуль каталог файлов



2.В ПУ » Каталог файлов » Настройки модуля



3.В ПУ » Замена стандартных надписей



4.В ПУ » Управление дизайном

Code

   
Код вида материалов(легко изменяем)

<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траница материала и коментариев к нему

Code
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
в самый конец ставим код

Code
.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 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика