Файлы Шаблоны

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

Описание:
Красивый шаблон фотохостинга для ucoz. Выполнен в серых тоннах.

Установка:
1. В CSS:
Код
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. Во все модули кроме тех что даны ниже ставим:
Код
<script type="text/javascript">  
  location.replace("/photo/1-0-0-1");  
  </script>

3. В Страница добавления фотографии:
Код
<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="/"><img border="0" src="http://for-ucoz.my1.ru/88x31.png" alt="Баннер" width="88" height="31"></a> <a href="/"><img border="0" src="http://for-ucoz.my1.ru/88x31.png" alt="Баннер" width="88" height="31"></a> <a href="/"><img border="0" src="http://for-ucoz.my1.ru/88x31.png" alt="Баннер" width="88" height="31"></a> <a href="/"><img border="0" src="http://for-ucoz.my1.ru/88x31.png" alt="Баннер" width="88" height="31"></a> <a href="/"><img border="0" src="http://for-ucoz.my1.ru/88x31.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. В Страница полной фотографии и комментариев к ней:
Код
<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>

Готово!
Источник: Неизвестен
Загрузка данных...
1 комментарий
Vovan4ik-333
Vovan4ik-333 13.09.2015 в 22:28
*Спам*
Snoopak Не хорошо спамить
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Наш опрос
Оцените мой сайт
699 ответов
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
© 2012-2020 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны