mirror of
https://github.com/claradex/nativegallery.git
synced 2025-02-10 00:10:10 +03:00
843 lines
No EOL
45 KiB
PHP
843 lines
No EOL
45 KiB
PHP
<?php
|
||
|
||
use App\Services\{Router, Auth};
|
||
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/views/components/LoadHead.php'); ?>
|
||
|
||
|
||
</head>
|
||
|
||
|
||
<body>
|
||
<div id="backgr"></div>
|
||
<table class="tmain">
|
||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/views/components/Navbar.php'); ?>
|
||
<div id="backgr"></div>
|
||
<style>
|
||
.tablinks {
|
||
color: #000;
|
||
}
|
||
|
||
#tour {
|
||
background-color: #f7f7F7;
|
||
padding: 0px;
|
||
overflow: hidden ! important;
|
||
_height: 1% ! important;
|
||
}
|
||
|
||
.welcome {
|
||
background-color: #fff;
|
||
padding: 10px;
|
||
padding-right: 50px;
|
||
border: 1px solid #ccc;
|
||
}
|
||
|
||
h4 {
|
||
border-bottom: solid 1px #b9c4da;
|
||
margin: 0px;
|
||
padding: 0px 0px 4px;
|
||
font-size: 15px;
|
||
}
|
||
|
||
h6 {
|
||
color: #45668E;
|
||
font-size: 13px;
|
||
padding-bottom: 3px;
|
||
height: 32px;
|
||
width: auto;
|
||
}
|
||
|
||
h2 {
|
||
color: #45668E;
|
||
font-size: 35px;
|
||
padding-bottom: 3px;
|
||
width: auto;
|
||
border-bottom: 1px solid #DAE1E8;
|
||
}
|
||
|
||
.correctIt {
|
||
font-size: 11px;
|
||
color: #777;
|
||
font-weight: normal;
|
||
float: right;
|
||
}
|
||
|
||
p.wel {
|
||
padding-left: 50px;
|
||
font-size: 11px;
|
||
background: #fff;
|
||
}
|
||
|
||
#auth {
|
||
background: #f7f7F7;
|
||
}
|
||
|
||
.wLabel {
|
||
float: left;
|
||
width: 100px;
|
||
padding-top: 4px;
|
||
font-weight: bold;
|
||
color: #777;
|
||
text-align: right;
|
||
padding-right: 16px;
|
||
}
|
||
|
||
p.big {
|
||
font-size: 12px;
|
||
text-align: center;
|
||
}
|
||
|
||
.tour {
|
||
background: #F9F6E7;
|
||
border: 1px solid #BEAD61;
|
||
padding: 8px 25px;
|
||
width: 205px;
|
||
text-align: center;
|
||
color: #000;
|
||
font-size: 12px;
|
||
margin: 10px auto;
|
||
cursor: hand;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.tour div {
|
||
font-size: 11px;
|
||
color: #000;
|
||
}
|
||
|
||
a.noUnd:hover {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.helpNav {
|
||
margin: 4px 0px;
|
||
padding: 4px 6px;
|
||
background: #DAE1E8;
|
||
border-top: 1px solid #B7BEC6;
|
||
width: 5.3em;
|
||
font-size: 11px;
|
||
text-decoration: none;
|
||
color: #2B587A;
|
||
cursor: hand;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.helpNav a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.selled {
|
||
background-color: #B8C4CF;
|
||
}
|
||
|
||
* {
|
||
box-sizing: border-box
|
||
}
|
||
|
||
.rightNav {
|
||
border: 0px;
|
||
width: 140px;
|
||
padding-left: 6px;
|
||
float: right;
|
||
}
|
||
|
||
.rightNav h1 {
|
||
border: 0px;
|
||
background: #EAEAEA;
|
||
font-weight: bold;
|
||
font-size: 11px;
|
||
padding: 4px 5px;
|
||
}
|
||
|
||
.rightLinks {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.rightLinks div {
|
||
padding: 4px 6px 4px 5px;
|
||
margin: 1px;
|
||
}
|
||
|
||
.rightLinks .active {
|
||
background: #fff;
|
||
}
|
||
|
||
.rightLinks .active a {
|
||
cursor: default;
|
||
color: #000;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.rightLinks .active a:hover {
|
||
cursor: default;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.rightLinks img {
|
||
vertical-align: bottom;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
/* Style the tab */
|
||
.tab {
|
||
float: right;
|
||
width: 140px;
|
||
}
|
||
|
||
.tab:hover {
|
||
background: none;
|
||
}
|
||
|
||
/* Style the buttons inside the tab */
|
||
.tab button {
|
||
display: block;
|
||
background-color: inherit;
|
||
width: 138px;
|
||
height: 24px;
|
||
border: none;
|
||
margin-bottom: 5px;
|
||
outline: none;
|
||
text-align: left;
|
||
cursor: pointer;
|
||
background: none;
|
||
font-size: 10px;
|
||
padding: 2px 0px 3px;
|
||
font-family: Tahoma, sans-serif !important;
|
||
}
|
||
|
||
/* Create an active/current "tab button" class */
|
||
.tab button.active {
|
||
background-color: #fff;
|
||
cursor: default;
|
||
color: #000;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.tab button.hover {
|
||
background: none;
|
||
}
|
||
|
||
/* Style the tab content */
|
||
.tabcontent {
|
||
float: left;
|
||
padding: 0px 12px;
|
||
background: #fff;
|
||
width: 77%;
|
||
}
|
||
|
||
.tabcontent img {
|
||
margin: auto;
|
||
}
|
||
|
||
.tabicon {
|
||
width: 16px;
|
||
height: 16px;
|
||
display: inline;
|
||
margin-right: 1px;
|
||
}
|
||
|
||
.player {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
background: #f4f4f4;
|
||
padding: 10px;
|
||
border-radius: 5px;
|
||
width: 500px;
|
||
}
|
||
.progress {
|
||
flex-grow: 1;
|
||
height: 5px;
|
||
background: #ccc;
|
||
position: relative;
|
||
cursor: pointer;
|
||
width: 100px;
|
||
border-radius: 3px;
|
||
}
|
||
.progress span {
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 0%;
|
||
background: #666;
|
||
border-radius: 3px;
|
||
}
|
||
.slider {
|
||
position: absolute;
|
||
top: -3px;
|
||
height: 10px;
|
||
width: 10px;
|
||
background: #333;
|
||
border-radius: 50%;
|
||
transform: translateX(-50%);
|
||
}
|
||
.time {
|
||
font-size: 12px;
|
||
color: #333;
|
||
}
|
||
</style>
|
||
<tr>
|
||
<td class="main">
|
||
<div class="player">
|
||
<button id="playPause">▶</button>
|
||
<div class="info">
|
||
<strong>Неизвестен</strong> — Tele 2 - X_й дозвонишься.mp3
|
||
</div>
|
||
<div class="progress" id="progressBar">
|
||
<span></span>
|
||
<div class="slider" id="slider"></div>
|
||
</div>
|
||
<span class="time" id="time">00:00 / 00:06</span>
|
||
</div>
|
||
<audio id="audio" src="/static/kolya.mp3"></audio>
|
||
|
||
<script>
|
||
const audio = document.getElementById("audio");
|
||
const playPause = document.getElementById("playPause");
|
||
const progressBar = document.getElementById("progressBar");
|
||
const progress = progressBar.querySelector("span");
|
||
const timeDisplay = document.getElementById("time");
|
||
|
||
playPause.addEventListener("click", () => {
|
||
if (audio.paused) {
|
||
audio.play();
|
||
playPause.textContent = "⏸";
|
||
} else {
|
||
audio.pause();
|
||
playPause.textContent = "▶";
|
||
}
|
||
});
|
||
|
||
audio.addEventListener("timeupdate", () => {
|
||
const currentTime = audio.currentTime;
|
||
const duration = audio.duration;
|
||
const progressPercent = (currentTime / duration) * 100;
|
||
progress.style.width = progressPercent + "%";
|
||
|
||
const formatTime = (time) => {
|
||
const minutes = Math.floor(time / 60);
|
||
const seconds = Math.floor(time % 60).toString().padStart(2, '0');
|
||
return `${minutes}:${seconds}`;
|
||
};
|
||
|
||
timeDisplay.textContent = `${formatTime(currentTime)} / ${formatTime(duration)}`;
|
||
});
|
||
|
||
progressBar.addEventListener("click", (e) => {
|
||
const rect = progressBar.getBoundingClientRect();
|
||
const clickX = e.clientX - rect.left;
|
||
const progressWidth = rect.width;
|
||
const newTime = (clickX / progressWidth) * audio.duration;
|
||
audio.currentTime = newTime;
|
||
});
|
||
</script>
|
||
<div class="wrap2">
|
||
<div class="wrap1">
|
||
<div id="auth" class="page-wrap">
|
||
<div class="page_content">
|
||
|
||
|
||
<link rel="stylesheet" href="/assets/packages/static/openvk/css/tour.css?mod=1hrjjis" integrity="sha384-X/G3xXjBuUDvjn9+KLt4u5gq4hAcPsygJjdF39O24oYh/ZcAzDeMH8PYftnIaan0" crossorigin="anonymous">
|
||
<div id="tour">
|
||
|
||
|
||
|
||
<div class="rightNav">
|
||
<h1>Экскурсия по сайту</h1>
|
||
|
||
|
||
|
||
<div class="rightLinks">
|
||
<div class="tab">
|
||
<button class="tablinks active" onclick="eurotour(event, 'start')" id="defaultOpen">
|
||
<div class="tabicon"><img src="https://ovk.to/assets/packages/static/openvk/img/icons/1.svg" width="16" height="16"></div>Начало
|
||
</button>
|
||
<button class="tablinks" onclick="eurotour(event, 'profile')">
|
||
<div class="tabicon"><img src="https://ovk.to/assets/packages/static/openvk/img/icons/2.svg" width="16" height="16"></div>Профиль
|
||
</button>
|
||
<button class="tablinks" onclick="eurotour(event, 'photos')">
|
||
<div class="tabicon"><img src="https://ovk.to/assets/packages/static/openvk/img/icons/3.svg" width="16" height="16"></div>Фотографии и Видео
|
||
</button>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<div id="start" class="tabcontent" style="display: block;">
|
||
<h2>С чего начать?</h2>
|
||
<ul class="listing">
|
||
<li><span>Регистрация аккаунта является самым первым и основным этапом в начале вашего пути на данном сайте.</span></li>
|
||
<li><span>Для регистрации вам потребуется ввести Логин, E-mail и пароль.</span></li>
|
||
<li><span>В качестве логина для входа на сайт, Вы можете использовать свой E-mail или никнейм, указанный при регистрации.</span></li>
|
||
</ul>
|
||
<img src="/static/img/tour1.png" width="440">
|
||
<p class="big">Регистрируясь на сайте, вы соглашаетесь с <a href="/rules">правилами сайта</a></p>
|
||
<div style="margin-top:10px; padding-left:175px">
|
||
|
||
</div>
|
||
<br>
|
||
</div>
|
||
|
||
<div id="profile" class="tabcontent" style="display: none;">
|
||
<h2>Ваш профиль</h2>
|
||
<ul class="listing">
|
||
<li><span>Для взаимодействия с сайтом, у вас появляется профиль.</span></li>
|
||
<li><span>Ваш профиль виден всем пользователям и даже гостям сайта. <b>В целях приватности и безопасности, пожалуйста, воздержитесь от публикации личной информации в профиле.</b></span></li>
|
||
<li><span>На Вас, как и Вы на других пользователей можете подписываться, чтобы следить за обновлениями во вкладке <b><a href="/fav_authors">Фотографии избранных авторов</a></b>.</span></li>
|
||
</ul>
|
||
<img src="/static/img/tour2.png" width="440">
|
||
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="photos" class="tabcontent" style="display: none;">
|
||
<h2>Фотографии и Видео</h2>
|
||
<ul class="listing">
|
||
<li><span>Фотографии и Видео — это неотъемлемая часть сайта, на которой строится вся идея портала <?=NGALLERY['root']['title']?>.</span></li>
|
||
<li><span>На главной странице размещаются последние 30 фотографий и топ 10 фотографий по просмотрам за 24 часа.</span></li>
|
||
|
||
</ul>
|
||
<img src="/static/img/tour3.png" width="440">
|
||
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="search" class="tabcontent" style="display: none;">
|
||
<h2>Поиск</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Раздел "Поиск" позволяет искать пользователей и группы.</span></li>
|
||
<li><span>Данный раздел сайта со временем будет улучшаться.</span></li>
|
||
</ul>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/search.png" width="440">
|
||
<ul class="listing">
|
||
<li><span>Для начала поиска нужно знать имя (или фамилию) пользователя; а если ищете группу, то нужно знать её название.</span></li>
|
||
</ul>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/search2.png" width="440">
|
||
|
||
<h2>Быстрый поиск</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Если вы хотите как-либо сэкономить время, то строка поиска доступна и в шапке сайта</span></li>
|
||
</ul>
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/search_h.png" width="440">
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="videos" class="tabcontent" style="display: none;">
|
||
<h2>Загружайте и делитесь видео со своими друзьями!</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Вы можете загружать неограниченное количество видеозаписей и клипов</span></li>
|
||
<li><span>Раздел "Видеозаписи" регулируется настройками приватности</span></li>
|
||
</ul>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/videos.png" width="440">
|
||
<p class="big">Видео можно загружать минуя раздел "Видеозаписи" через обычное прикрепление к новой записи на стене:</p>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/videos_a.png" width="440">
|
||
<h2>Импортирование видео с YouTube</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Кроме загрузки видео напрямую, сайт поддерживает и встраивание видео из YouTube</span></li>
|
||
</ul>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/videos_y.png" width="440">
|
||
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/videos_w.png" width="440">
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="audios" class="tabcontent" style="display: none;">
|
||
<h2>Слушайте аудиозаписи</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Вы можете слушать аудиозаписи в разделе "Мои Аудиозаписи"</span></li>
|
||
<li><span>Этот раздел также регулируется настройками приватности</span></li>
|
||
<li><span>Самые прослушиваемые песни находятся во вкладке "Популярное", а недавно загруженные — во вкладке "Новое"</span></li>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/audios.png" width="440">
|
||
</ul>
|
||
|
||
<ul class="listing">
|
||
<li><span>Чтобы добавить песню в свою коллекцию, наведите на неё и нажмите на плюс. Найти нужную песню можно в поиске</span></li>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/audios_search.png" width="440">
|
||
<li><span>Если вы не можете найти нужную песню, вы можете загрузить её самостоятельно</span></li>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/audios_upload.png" width="440">
|
||
</ul>
|
||
|
||
<p class="big"><b>Важно:</b> песня не должна нарушать авторские права</p>
|
||
|
||
<h2>Создавайте плейлисты</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Вы можете создавать сборники треков во вкладке "Мои плейлисты"</span></li>
|
||
<li><span>Можно также добавлять чужие плейлисты в свою коллекцию</span></li>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/audios_playlists.png" width="440">
|
||
</ul>
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="news" class="tabcontent" style="display: none;">
|
||
<h2>Следите за тем, что пишут ваши друзья</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Раздел "Мои Новости" разделяется на два типа: локальная лента и глобальная лента</span></li>
|
||
<li><span>В локальной ленте будут показываться новости только ваших друзей и групп</span></li>
|
||
|
||
</ul>
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/local_news.png" width="440">
|
||
|
||
<p class="big">Никакой системы рекомендаций. <b>Свою ленту новостей формируете только вы.</b></p>
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="news_global" class="tabcontent" style="display: none;">
|
||
<h2>Следите за тем, какие темы обсуждают на сайте</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>В глобальной ленте новостей будут показываться записи всех пользователей сайта и групп</span></li>
|
||
<li><span>Просмотр данного раздела может не рекомендоваться для чувствительных и ранимых людей</span></li>
|
||
|
||
</ul>
|
||
|
||
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/news_global.png" width="440">
|
||
|
||
<p class="big">Дизайн глобальной ленты по дизайну никак не отличается от локальной</p>
|
||
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/poll.png" width="440">
|
||
|
||
<p class="big">В ленте есть множество типов контента: начиная от обычных фото и видео, и заканчивая анонимными постами и опросами</p>
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="groups" class="tabcontent" style="display: none;">
|
||
<h2>Создавайте группы!</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>На сайте уже имеются тысячи групп, посвящённые различным темам и каким-либо фанатским объединениям</span></li>
|
||
<li><span>Вы можете присоединяться к любой группе. А если не нашли подходящую, то можно создавать и свою</span></li>
|
||
<li><span>Каждая группа имеет свой раздел вики-страниц, фотоальбомов, блок ссылок и обсуждений</span></li>
|
||
</ul>
|
||
|
||
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/groups.png" width="440">
|
||
<p class="big">Раздел "Мои Группы" находится в левом меню сайта</p>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/groups_view.png" width="440">
|
||
<p class="big">Пример сообщества</p>
|
||
|
||
<h2>Управляйте своей группой вместе с другом</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Управление группой осуществляется в разделе "Редактировать группу" под аватаром сообщества</span></li>
|
||
<li><span>Создайте команду администраторов из обычных участников или тех, кому вы доверяете</span></li>
|
||
<li><span>Вы можете скрыть нужного Вам администратора, чтобы он нигде не показывался в пределах вашей группы</span></li>
|
||
</ul>
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/groups_admin.png" width="440">
|
||
|
||
<p class="big">Группы часто представляют собой реальные организации, члены которых хотят оставаться на связи со своей аудиторией</p>
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="events" class="tabcontent" style="display: none;">
|
||
<h2>Упс</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Я был бы очень рад сделать туториал по этому разделу, но раздел находится на этапе разработки. А сейчас мы пока этот раздел туториала пропустим и пойдём дальше...</span></li>
|
||
</ul>
|
||
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="themes" class="tabcontent" style="display: none;">
|
||
<h2>Темы оформления</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>После регистрации, в качестве оформления у вас будет установлена стандартная тема</span></li>
|
||
<li><span>Некоторых новых пользователей может слегка отпугнуть нынешняя стоковая тема, которая веет совсем уж древностью</span></li>
|
||
<li><span><b>Но не беда:</b> Вы можете создать свою тему для сайта, ознакомившись с <a href="https://docs.ovk.to/">документацией</a> или выбрать уже существующую из каталога</span></li>
|
||
</ul>
|
||
|
||
<center><img src="https://ovk.to/assets/packages/static/openvk/img/tour/theme_picker.png"></center>
|
||
|
||
<p class="big">Каталог тем доступен в разделе "Мои Настройки" во вкладке "Интерфейс" </p><br>
|
||
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/theme3.png" width="460">
|
||
|
||
<table cellspacing="5" border="0">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/theme1.png" style="float:left;" width="220"></td>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/theme2.png" style="float:right;" width="220"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
|
||
<br>
|
||
<center><img src="/https://ovk.to/assets/packages/static/openvk/img/tour/wordart.png" width="65%"></center>
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="customization" class="tabcontent" style="display: none;">
|
||
<h2>Фон профиля и группы</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Вы можете установить два изображения в качестве фона вашей страницы</span></li>
|
||
<li><span>Они будут отображаться по бокам у тех, кто зайдёт на вашу страницу</span></li>
|
||
</ul>
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/backdrop.png" width="440">
|
||
|
||
<p class="big">Страница установки фона</p><br>
|
||
|
||
<ul class="listing">
|
||
<li><span><b>Совет:</b> перед установкой фона, поэкспериментируйте с разметкой: попробуйте отзеркалить будущую фоновую картинку, или вообще просто создайте красивый градиент</span></li>
|
||
</ul>
|
||
|
||
|
||
<br>
|
||
|
||
<table cellspacing="5" border="0">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/backdrop_ex.png" width="440"></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/backdrop_ex1.png" width="440"></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/backdrop_ex2.png" width="440"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
|
||
|
||
<p class="big">Примеры страниц с установленным фоном</p><br>
|
||
|
||
<p class="big">С помощью этой возможности вы можете добавить своему профилю больше индивидуальности</p>
|
||
|
||
|
||
<h2>Аватары</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Вы можете задать вариант показа аватара пользователя: стандартное, закруглённые и квадратные (1:1)</span></li>
|
||
<li><span>Данные настройки будут видны только вам</span></li>
|
||
</ul>
|
||
|
||
<center><img src="https://ovk.to/assets/packages/static/openvk/img/tour/avatar_picker.png"></center><br>
|
||
|
||
<table cellspacing="5" border="0">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/avatars_def.png" style="float:left;" width="220"></td>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/avatars_round.png" style="float:right;" width="220"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table><br>
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/avatars_quad.png" width="440">
|
||
|
||
<h2>Редактирование левого меню</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>При необходимости вы можете скрыть ненужные разделы сайта</span></li>
|
||
<li><span><b>Напоминание: </b>Разделы первой необходимости (Моя Страница; Мои Друзья; Мои Ответы; Мои Настройки) скрыть нельзя</span></li>
|
||
</ul>
|
||
|
||
<table cellspacing="5" border="0">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/leftmenu.png" style="float:left;" width="220"></td>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/leftmenu2.png" style="float:right;" width="220"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h2>Вид постов</h2>
|
||
<ul class="listing">
|
||
<li><span>Если надоел старый дизайн стены, который был в некогда популярном оригинальном ВКонтакте.ру, то вы всегда можете изменить вид постов на Микроблог</span></li>
|
||
<li><span>Вид постов можно менять между двумя вариантами в любое время</span></li>
|
||
<li><span><b>Обратите внимание</b>, что если выбран старый вид отображения постов, то последние комментарии подгружаться не будут</span></li>
|
||
</ul>
|
||
|
||
<center><img src="https://ovk.to/assets/packages/static/openvk/img/tour/wall_pick.png"></center><br>
|
||
|
||
<table cellspacing="5" border="0">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/wall_old.png" style="float:left;" width="220">
|
||
<br>
|
||
<p class="big" Старый="" вид="" постов<="" p=""></p>
|
||
</td>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/wall_new.png" style="float:right;" width="220">
|
||
<br>
|
||
<p class="big">Микроблог</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
|
||
<br>
|
||
|
||
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="vouchers" class="tabcontent" style="display: none;">
|
||
<h2>Ваучеры</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Ваучер в OpenVK это что-то вроде промокода на добавление какой-либо валюты (проценты рейтинга, голосов и так далее)</span></li>
|
||
<li><span>Подобные купоны создаются по каким-либо значимым событиям и праздникам. Следите за <a href="https://t.me/openvk">Telegram-каналом</a> OpenVK</span></li>
|
||
</ul>
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/vouchers.png" width="440">
|
||
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/vouchers_type.png" width="440">
|
||
<p class="big">Ваучеры состоят из 24 цифр и букв</p><br>
|
||
|
||
<ul class="listing">
|
||
<li><span>После активации какого-либо ваучера, заданная администраторами валюта будет перечислена в вашу пользу</span></li>
|
||
<li><span><b>Помните: </b>Все ваучеры имеют ограниченный срок активации</span></li>
|
||
</ul>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/vouchers_ok.png" width="440">
|
||
|
||
<p class="big">Успешная активация (например, нам зачислили 100 голосов)</p><br>
|
||
|
||
<p class="big"><b>Внимание: </b>После активации ваучера на вашу страницу, тот же самый ваучер нельзя будет активировать повторно</p><br>
|
||
|
||
|
||
<br>
|
||
|
||
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<div id="mobile" class="tabcontent" style="display: none;">
|
||
<h2>Мобильная версия</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>На данный момент мобильной веб-версии сайта пока нет, но зато есть мобильное приложение для Android</span></li>
|
||
<li><span>OpenVK Legacy - это мобильное приложение OpenVK для ретро-устройств на Android с дизайном ВКонтакте 3.0.4 из 2013 года</span></li>
|
||
<li><span>Минимально поддерживаемой версией является Android 2.1 Eclair, то есть аппараты времён начала 2010-ых вполне пригодятся</span></li>
|
||
</ul>
|
||
<table cellspacing="5" border="0">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/app1.png" style="float:left;" width="210"></td>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/app2.png" style="float:right;" width="210"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
|
||
<table cellspacing="5" border="0">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="https://ovk.to/assets/packages/static/openvk/img/tour/app3.png" width="425"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
|
||
|
||
|
||
|
||
<p class="big">Скриншоты приложения</p><br>
|
||
|
||
<h2>Где это можно скачать?</h2>
|
||
|
||
<ul class="listing">
|
||
<li><span>Релизные версии скачиваются через официальный репозиторий F-Droid</span></li>
|
||
<li><span>Если вы являетесь бета-тестировщиком приложения, то новые версии приложения выкладываются в отдельный канал обновления</span></li>
|
||
<li><span><b>Важно: </b>Приложение может иметь различные баги и недочёты, об ошибках сообщайте в <a href="/app">официальную группу приложения</a></span></li>
|
||
</ul>
|
||
<img src="https://ovk.to/assets/packages/static/openvk/img/tour/app4.jpeg" width="440">
|
||
|
||
<br>
|
||
|
||
<br>
|
||
<p class="big">На этом экскурсия по сайту завершена.</p><br>
|
||
|
||
|
||
|
||
|
||
<br>
|
||
</div>
|
||
|
||
<script src="/assets/packages/static/openvk/js/tour.js?mod=1hrjqlm" integrity="sha384-TOd8nhYT6/RcnW0M5F75ZFeWeGPLU1lh6LyZ3xi8iEIIVd43udMi7MSs6M1Kpab5" crossorigin="anonymous"></script>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/views/components/Footer.php'); ?>
|
||
</tr>
|
||
</table>
|
||
<script>
|
||
function eurotour(evt, step) {
|
||
var i, tabcontent, tablinks;
|
||
tabcontent = document.getElementsByClassName("tabcontent");
|
||
for (i = 0; i < tabcontent.length; i++) {
|
||
tabcontent[i].style.display = "none";
|
||
}
|
||
tablinks = document.getElementsByClassName("tablinks");
|
||
for (i = 0; i < tablinks.length; i++) {
|
||
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
||
}
|
||
document.getElementById(step).style.display = "block";
|
||
evt.currentTarget.className += " active";
|
||
}
|
||
|
||
// Get the element with id="defaultOpen" and click on it
|
||
document.getElementById("defaultOpen").click();
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html>
|