/*Онлайн чат*/
Добро пожаловать в чат
Вход / Регистрация
/*Онлайн чат*/ /*TimeLine*/
Обновления на сайте
  • Adrian Monino
    Premium Member
  • /*TimeLine*/

    Шаблон фотохостинга для ucoz

    Изображение материала
    Информация
    КатегорияШаблоны
    АвторГость
    Кол-во просмотров482
    Кол-во скачиваний0
    Кол-во комментарий0
    Ссылка на демоДЕМО
    ИсточникПерейти
    Дата добавления06.02.2012 / 16:43
    Описание

    Думаю каждый хочет иметь свой личный фотохостинг.
    Да и у каждого крупного портала должен быть свой.

    Вообще вот beta-версия, реализация не очень, но в целом не плохо.
    1. Требования выведенные на скриншоте - поддерживаются.
    2. Сделаны специальные поля, при клике на которые сразу же копируется ссылка.
    3. Сделаны спец. модули для авторизации, выводе профиля и т.д.
    Вообщем оценивайте сами.

    Установка:
    1. В CSS:

    Code
    input[type="button"], input[type="submit"], input[type="reset"] {padding:1px 3px !important; background: transparent; border: 1px solid #c0c0c0;}  
    input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {border: 1px solid #505050 !important; color: #505050 !important; cursor: pointer !important;background: #dedede}  
    strong {font-weight: normal !important;}  
    #puzadpn {display:none}  
    #phM2 {display:none}  
    #phF5 {display:none}  
    #phtN10 {display:none}  
    #puM26 {display:none}  
    #puM27 {display:none}  
    #mdM32 {display:none}  
    #mdM31 {display:none}  
    .manTdSep {display:none}  
    #newPhtBtDiv {display:none}  
    #suggEdit1 {display:none}  
    .manTd1 {display:none}  
    #secImg {float:right}  
    .securityCode {width:310px;padding-top:10px}  
    legend {display:none}  
    .noun {background-color:#c7d0cc}


    2. Во все модули кроме тех что даны ниже ставим:

    Code
    <script type="text/javascript">  
      location.replace("/photo/1-0-0-1");  
      </script>


    3. В Страница добавления фотографии:

    Code
    <html>  
    <head>  
    <title>Свободный хостинг изображений</title>  
    <link type="text/css" rel="stylesheet" href="http://src.ucoz.net/src/layer3.css" />  
    <link type="text/css" rel="stylesheet" href="http://src.ucoz.net/src/panel3.css" />  
    <script type="text/javascript" src="http://src.ucoz.net/src/jquery-1.3.2.js"></script>  
    <script type="text/javascript" src="http://src.ucoz.net/src/uwnd.js?2"></script>  
    <style type="text/css"> body {padding:0 !important;} </style>  
    <!-- </head> -->  
    </head>  
    <body>  
    <table align="center"><tr>  
    <td width="10%" style="border-top:0;padding:0">  
    <div style="width:200px;padding-right:10px;border-left:0">  
    <div class="xw-ml"><div class="xw-mr"><div class="xw-mc topBlock" style="border-top:0;">  
    <div class="panelBar" style="background-image:none;padding:0;border-top:0">  
    $COUNTER$ <a href="http://iso-ucoz.net"><img border="0" src="http://iso-ucoz.net/Banners/Small.gif" alt="Молодежный портал! Все для системы Ucoz, а так же свободный торрент-трекер!" width="88" height="31"></a> <a href="/"><img border="0" src="/_/88z31.png" alt="Баннер" width="88" height="31"></a> <a href="/"><img border="0" src="/_/88z31.png" alt="Баннер" width="88" height="31"></a> <a href="/"><img border="0" src="/_/88z31.png" alt="Баннер" width="88" height="31"></a> <a href="/"><img border="0" src="/_/88z31.png" alt="Баннер" width="88" height="31"></a>  
    </div>  
    </div></div></div>  
    <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
    </div></td>  
    <td width="10%" style="border-top:0;padding:0">  
    <div style="width:200px;padding-right:10px;border-left:0">  
    <div class="xw-ml"><div class="xw-mr"><div class="xw-mc topBlock" style="border-top:0;">  
      <div class="panelBar" style="background-image:none;padding:0;border-top:0"><font size="-2px"><b>»Особенности</b>:</font><br>  
    <font size="-4px">  
    » Бесплатный постинг<br>  
    » Отсутствие рекламы<br>  
    » Отсутствие ожидания<br>  
    » Удобный интерфейс<br>  
    » Отзывчивая Администрация<br>  
    » Отсутствие порнографии<br>  
    » И многое другое...</font>  
    </div>  
    </div></div></div>  
    <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
    </div></td>  
    <td width="80%"></td>  
    <td width="10%">  
    <div style="width:200px;padding-right:10px;">  
    <div class="xw-ml"><div class="xw-mr"><div class="xw-mc topBlock">  
    <div class="panelBar" style="background-image:none;"><font size="-1px">  
    » <a href="/photo/1-0-0-1">Фотохостинг</a><br>  
    » <a href="/index/about/0-12">Обратная Связь</a><br>  
    » <a href="/index/about/0-12">Рекламное место</><hr></font>  
    <font size="-3px">  
    <a href="javascript://"onclick="new _uWnd('','Правила',300,300,{autosize:1,maxw:300,minw:300,maxh:300,minh:300},'<iframe src=/_/rules.html height=300 width=300 frameborder=0></iframe>');">Правила</a> | <a href="javascript://"onclick="new _uWnd('','Авторские Права',310,310,{autosize:1,maxw:310,minw:310,maxh:310,minh:310},'<iframe src=/_/c.html height=310 width=310 frameborder=0></iframe>');">Copyright</a> | <a href="/index/about/0-12" target="_blank">Реклама</a>  
    <br>$POWERED_BY$</font></div>  
    </div></div></div>  
    <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
    </div></td>  
    </tr></table>  
       

    <table align="center"><tr><td>  
    <div style="width:500px;padding-top:1px;padding-left:10px;border-left:0">  
    <div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div>  
    <div class="xw-ml"><div class="xw-mr"><div class="xw-mc topBlock">  
    <div class="panelBar" style="background-image:none;"><strong>[Изображение]</strong>  
    <?if($USER_LOGGED_IN$)?>  
    <font size="-4px">  
    <a href="javascript://" onclick="new _uWnd('','Личные Сообщения',600,600,{autosize:1,maxw:600,minw:600,maxh:600,minh:600},'<iframe src=/index/14 height=600 width=600 frameborder=0></iframe>');">Сообщения</a><sup title="Непрочитанных"><font color="#d11900">[$UNREAD_PM$]</font></sup> | <a href="$PERSONAL_PAGE_LINK$">Профиль</a> | <u>Вы с нами $USER_REG_DAYS$ дней</u>  
    </font>  
    <?else?><a href="$LOGIN_LINK$"><font size="-4px">Авторизация</a></font><?endif?>  
    </div>  
    </div></div></div>  
    <div class="xw-ml"><div class="xw-mr"><div style="border-top:0;padding:10px;" class="xw-mc contentBg">  
    $BODY$  
    </div></div></div>  
    <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
    </div></td></tr></table>  

    </body>  
    </html>


    4. В Страница полной фотографии и комментариев к ней:

    Code
    <html>  
    <head>  
    <title>Свободный хостинг изображений</title>  
    <link type="text/css" rel="stylesheet" href="http://src.ucoz.net/src/layer3.css" />  
    <link type="text/css" rel="stylesheet" href="http://src.ucoz.net/src/panel3.css" />  
    <script type="text/javascript" src="http://src.ucoz.net/src/jquery-1.3.2.js"></script>  
    <script type="text/javascript" src="http://src.ucoz.net/src/uwnd.js?2"></script>  
    <style type="text/css"> body {padding:0 !important;} </style>  
    <!-- </head> -->  
    </head>  
    <body>  
    <table align="center"><tr>  
    <td width="10%" style="border-top:0;padding:0">  
    <div style="width:200px;padding-right:10px;border-left:0">  
    <div class="xw-ml"><div class="xw-mr"><div class="xw-mc topBlock" style="border-top:0;">  
    <div class="panelBar" style="background-image:none;padding:0;border-top:0">  
    $COUNTER$ <a href="http://iso-ucoz.net"><img border="0" src="http://iso-ucoz.net/Banners/Small.gif" alt="Молодежный портал! Все для системы Ucoz, а так же свободный торрент-трекер!" width="88" height="31"></a> <a href="/"><img border="0" src="/_/88z31.png" alt="Баннер" width="88" height="31"></a> <a href="/"><img border="0" src="/_/88z31.png" alt="Баннер" width="88" height="31"></a> <a href="/"><img border="0" src="/_/88z31.png" alt="Баннер" width="88" height="31"></a> <a href="/"><img border="0" src="/_/88z31.png" alt="Баннер" width="88" height="31"></a>  
    </div>  
    </div></div></div>  
    <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
    </div></td>  
    <td width="10%" style="border-top:0;padding:0">  
    <div style="width:200px;padding-right:10px;border-left:0">  
    <div class="xw-ml"><div class="xw-mr"><div class="xw-mc topBlock" style="border-top:0;">  
      <div class="panelBar" style="background-image:none;padding:0;border-top:0"><font size="-2px"><b>»Особенности</b>:</font><br>  
    <font size="-4px">  
    » Бесплатный постинг<br>  
    » Отсутствие рекламы<br>  
    » Отсутствие ожидания<br>  
    » Удобный интерфейс<br>  
    » Отзывчивая Администрация<br>  
    » Отсутствие порнографии<br>  
    » И многое другое...</font>  
    </div>  
    </div></div></div>  
    <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
    </div></td>  
    <td width="80%"></td>  
    <td width="10%">  
    <div style="width:200px;padding-right:10px;">  
    <div class="xw-ml"><div class="xw-mr"><div class="xw-mc topBlock">  
    <div class="panelBar" style="background-image:none;"><font size="-1px">  
    » <a href="/photo/1-0-0-1">Фотохостинг</a><br>  
    » <a href="/index/about/0-12">Обратная Связь</a><br>  
    » <a href="/index/about/0-12">Рекламное место</><hr></font>  
    <font size="-3px">  
    <a href="javascript://"onclick="new _uWnd('','Правила',300,300,{autosize:1,maxw:300,minw:300,maxh:300,minh:300},'<iframe src=/_/rules.html height=300 width=300 frameborder=0></iframe>');">Правила</a> | <a href="javascript://"onclick="new _uWnd('','Авторские Права',310,310,{autosize:1,maxw:310,minw:310,maxh:310,minh:310},'<iframe src=/_/c.html height=310 width=310 frameborder=0></iframe>');">Copyright</a> | <a href="/index/about/0-12" target="_blank">Реклама</a>  
    <br>$POWERED_BY$</font></div>  
    </div></div></div>  
    <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
    </div></td>  
    </tr></table>  
       

    <table align="center"><tr><td>  
    <div style="width:500px;padding-top:1px;padding-left:10px;border-left:0">  
    <div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div>  
    <div class="xw-ml"><div class="xw-mr"><div class="xw-mc topBlock">  
    <div class="panelBar" style="background-image:none;"><strong>[Изображение]</strong>  
    <?if($USER_LOGGED_IN$)?>  
    <font size="-4px">  
    <a href="javascript://" onclick="new _uWnd('','Личные Сообщения',600,600,{autosize:1,maxw:600,minw:600,maxh:600,minh:600},'<iframe src=/index/14 height=600 width=600 frameborder=0></iframe>');">Сообщения</a><sup title="Непрочитанных"><font color="#d11900">[$UNREAD_PM$]</font></sup> | <a href="$PERSONAL_PAGE_LINK$">Профиль</a> | <u>Вы с нами $USER_REG_DAYS$ дней</u>  
    </font>  
    <?else?><a href="$LOGIN_LINK$"><font size="-4px">Авторизация</a></font><?endif?>  
    </div>  
    </div></div></div>  
    <div class="xw-ml"><div class="xw-mr"><div style="border-top:0;padding:10px;" class="xw-mc contentBg">  

      <b>Подробные сведения о материале [</b><a href="javascript:podropbnee()">Просмотреть</a><b>]</b> | <a href="javascript://" onclick="thankyou();">[Оценить]</a><br><hr>  
    <div style="padding:2px; background:#fafafa;" align="center"><img id="img$ID$" style="max-width:450px; max-height:300px; margin:3px; padding:5px; -moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0 0px 5px #000000; box-shadow:1 0px 5px #000000;-webkit-box-shadow:0 0px 5px #000000;" src="$PHOTO_URL$" /></div>  
    Прямая ссылка на изображение:<br>  
    <input value="$PHOTO_URL$" style="width:360px" onclick="select(this)">  
    <br>  
    Bb-code на изображение:<br>  
    <input value="[url=$HOME_PAGE_LINK$][img]$PHOTO_URL$[/img][/url]" style="width:360px" onclick="select(this)">  
    <br>  
    Ссылка на страницу с фотографией:<font size="-4px"> [Только если она более 500px]</font><br>  
    <input value="$FULL_PHOTO_URL$" style="width:360px" onclick="select(this)">  
    <fieldset style="padding-bottom:10px;"><legend><b>Описание</b></legend>  
    $PHOTO_DESCR$  
    </fieldset>  
    <hr>  
    <font size="-5px"> <b><i>Теги: $TAGS$</b></i></font>  
    <br>  
    </div></div></div>  
    <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
    </div></td></tr></table>  

    </body>  
    </html>  

    <div style="display:none">  
    <script type="text/javascript">  
      function thankyou() {  
      new _uWnd('repch', 'Оценка материал', <?if($GROUP_ID$ == '1')?>400, 200,<?else?>400,200,<?endif?> {  
      align: 0,  
      shadow: 0,  
      close: 1,  
      autosize: 1,  
      <?if($GROUP_ID$ == '1')?>maxh: 400,  
      minh: 200,<?else?>maxh: 400,minh: 100,<?endif?>  
      resize: 0,  
      oncontent: function () {  
      $.get('/index/23-$UID$',function (data) {  
      ssid = $('input[name="ssid"]', $('cmd[p="content"]', data).text()).val();  
      cseckey = $('input[name="seckey"]', $('cmd[p="content"]', data).text()).val();  
      capchaimg = $('#secuImg', $('cmd[p="content"]', data).text()).attr('src');  
      capchareload = $('#secuImg', $('cmd[p="content"]', data).text()).attr('onclick');  
      badm = "Плохой материал! [$ENTRY_TITLE$]";  
      goodm = "Хороший материал! [$ENTRY_TITLE$]";  
      $("#capchap").html('<img id="reload" src="' + capchaimg + '" style="cursor:pointer;">');  
      $("#reload").click(capchareload);  

      $("#star").click(function () {  
      $.post('/index/', {  
      a: '23',  
      t: '1',  
      s: '$UID$',  
      act: $("#repval").val(),  
      reason: $("#repmnm").val(),  
      ref: '$ENTRY_URL$',  
      seckey: cseckey,  
      ssid: ssid,  
      code: $("#capchaps").val()  

      },  
      function (stok) {  
      var q = $('cmd', stok).text();  
      if (q.indexOf('запрещен') != -1) {  
      $("#meser").html("<img src='/.s/img/icon/er.png'>");  
      _uWnd.alert('<br>Доступ запрещен', 'Ошибка');  
      return  
      }  
      if (q.indexOf('безопасности') != -1) {  
      $("#meser").html("<img src='/.s/img/icon/er.png'>");  
      _uWnd.alert('<br>Код безопасности введён неверно', 'Ошибка');  
      return  
      }  
      if (q.indexOf('Изменить') != -1) {  
      $("#meser").html("<img src='/.s/img/icon/er.png'>");  
      _uWnd.alert('Вы уже изменяли репутацию пользователю', 'Ошибка');  
      return  
      }  
      if (q.indexOf('неправильно') != -1) {  
      $("#meser").html("<img src='/.s/img/icon/er.png'>");  
      _uWnd.alert('<br>Форма заполнена неправильно', 'Ошибка');  
      return  
      }  
      else {  
      $("#meser").html("<img src='/.s/img/icon/ok.png'>");_uWnd.close('repch');  
      }  
      });  
      });  
      });  
      }  
      },  
      '<fieldset><legend>Выберите действие</legend><input type="radio" onChange=\'$("#repval").val("2");$("#repmnm").val(goodm)\' name="repsr">Хороший материал!<br><input type="radio" onChange=\'$("#repval").val("1");$("#repmnm").val(badm)\' name="repsr">Плохой материал!</fieldset><input id="repval" type="hidden"><input id="repmnm" type="hidden"><?if($GROUP_ID$ == '1')?><fieldset><legend>Код безопасности</legend><center><span id="capchap" style="position:relative;top:15px;"></span><input id="capchaps" type="text"></center><br></fieldset><?endif?><fieldset><div style="float:left;"><input type="button" style="padding:4px" value="Продолжить" id="star"></div><div style="float:right;position:relative;top:5px;right:15px;"><span id="meser" style="padding-left:2px;"></span></div></fieldset>')  
       
      }  
      </script>  
    <script type="text/javascript">  
      $(function(){  
      $('#img$ID$').click(function(){var s="'sc'";  
      new _uWnd('sc','Изображение',1,1,{autosize:1,shadow:1,autosizeonimages:1,header:1,close:0,popup:1,alert:1,fixed:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="cursor:pointer;">');});  
      });  
    </script>  
    <script>  
    function podropbnee(){  
      new _uWnd("Подробнее...","Подробные сведения о материале",300,300,{modal:1},$("#podropbnee").html());  
    }  
    </script>  
    <div id="podropbnee"><center><fieldset style="padding-bottom:10px;"><legend><b>Информация об изображении:</b></legend>  
    Номер: $ID$<br>  
    Название: $PHOTO_NAME$<br>  
    Размеры: $PHOTO_SIZE$ px<br>  
    Объем: $PHOTO_WEIGHT$ kb<br>  
    Добавлено: $ADD_DATE$ - $ADD_TIME$<br>  
    Просмотров: $REVIEWS$  
    </fieldset></center></div>  
    </div>


    Спасибо за внимание biggrin

    Комментарии
    Добавить комментарий