TacticalShift.github.io/how_to.html at master · TacticalShift/TacticalShift.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html><html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://tacticalshift.ru/how_to">
	<meta property="og:title" content="Как начать играть? | Tactical Shift">
	<meta property="og:description" content="Пошаговая инструкция о том, как присоединится к увлекательным играм в сообществе Tactical Shift!">
	<meta property="og:image" content="https://tacticalshift.ru/src/img/ts_icon_256.png">

	<title>Как начать играть? | Tactical Shift</title>

	<link rel="icon" href="src/img/ts_icon.png">
	<link rel="stylesheet" href="src/style.css">

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
	<script src="src/script.js"></script>
</head><body>
	<div class="main-wrapper">
		<div class="logo jumbotron jumbotron-fluid">
	<div class="container text-center"><a href="/"><img src="src/img/ts_logo_site_black_s.png" class="img-fluid"></a></div>
</div>

<div id="collapsibleNavbar" class="row text-center bg-dark navbar-collapse thick-line">
	<div class="col-sm-2"></div>
	<a class="ts-btn col-sm-2" href="" meta-url="discord"><i class="fa fa-play-circle"></i> Ближайшая игра</a>
	<a class="ts-btn col-sm-2" href="/how_to"><i class="fa fa-question-circle"></i> Как начать играть</a>
	<a class="ts-btn col-sm-2" href="/newbie"><i class="fa fa-user-plus" aria-hidden="true"></i> Новичкам</a>
	<a class="ts-btn col-sm-2" href="/freemasonry"><i class="fa fa-users" aria-hidden="true"></i> Я уже Смешарик</a>
	<div class="col-sm-2"></div>
</div>
<br />

        <div class="text-center content-wrapper">
    <div class="container-fluid">
        <h1 class="row-item-header">ДЛЯ ИГРЫ ВМЕСТЕ С НАМИ ВАМ ПОТРЕБУЕТСЯ:</h1>
        <div class="row row-item">
            <div class="col-sm-2"></div>
            <div class="col-sm-8">
                <div class="col-sm-2 row-item-left-pane">
                    <div class="roundel img-a3"></div>
                </div>
                <div class="col-sm-8 row-item-right-pane">
                    <p class="row-item-title">ArmA3</p>
                    <p>Лицензионная версия игры приобретенная и/ или активированная в Steam Store</p>
                    <br>
                    <p><a class="ts-link" target="_blank"
                            href="http://store.steampowered.com/app/107410/">Купить в Steam ►</a></p>
                </div>
            </div>
            <div class="col-sm-2"></div>
        </div>
        <div class="row row-item">
            <div class="col-sm-2"></div>
            <div class="col-sm-8">
                <div class="col-sm-2 row-item-left-pane">
                    <div class="roundel img-rules"></div>
                </div>
                <div class="col-sm-8 row-item-right-pane">
                    <p class="row-item-title">Прочитать правила сообщества</p>
                    <p>Наши правила предельно просты и понятны. Следуйте им, и ваш игровой опыт на сервере будет
                        приятным и положительным</p>
                    <br>
                    <p><a class="ts-link" target="_blank" href="/rules">Ознакомиться с правилами ►</a></p>
                </div>
            </div>
            <div class="col-sm-2"></div>
        </div>
        <div class="row row-item">
            <div class="col-sm-2"></div>
            <div class="col-sm-8">
                <div class="col-sm-2 row-item-left-pane">
                    <div class="roundel img-ts3"></div>
                </div>
                <div class="col-sm-8 row-item-right-pane">
                    <p class="row-item-title">TeamSpeak3</p>
                    <p>Программа для голосового общения в сети Интернет по средствам технологии VoIP</p>
                    <br>
                    <p><a class="ts-link" target="_blank" href="https://www.teamspeak.com/downloads">Скачать
                            TeamSpeak3 ►</a></p>
                </div>
            </div>
            <div class="col-sm-2"></div>
        </div>

        <div class="row row-item">
            <div class="col-sm-2"></div>
            <div class="col-sm-8">
                <div class="col-sm-2 row-item-left-pane text-center">
                    <div class="roundel img-ws"></div>
                </div>
                <div class="col-sm-8 row-item-right-pane">
                    <p class="row-item-title">Установить моды</p>
                    <p>Скопируйте ссылку на пресет и вставьте ее в разделе импорта в лаунчере игры, затем
                        подтвердите скачку модов</p>
                    <p><textarea readonly="readonly" onclick="this.focus();this.select()"
                            class="copyable-input">https://tacticalshift.github.io/preset/</textarea></p>
                    <br>
                    <p><a class="ts-link" target="_blank" href="/preset">Пресет ►</a></p>
                </div>
            </div>
            <div class="col-sm-2"></div>
        </div>
        <div class="row row-item">
            <div class="col-sm-12 text-center">
                <a href="src/img/import_preset.gif">
                    <img class="rounded img-fluid img-thumbnail" src="src/img/import_preset.gif">
                </a>
            </div>
        </div>

        <div class="text-center">
            <div class="container-fluid">
                <h3><small>Заходи и представься</small></h3>
            </div>
            <div class="row">
                <div class="col-sm-4"></div>
                <a class="col-sm-1 ts-img img-ts container"
                    href="ts3server://ts3.tacticalshift.ru?port=9987" meta-url="teamspeak"></a>
                <a class="col-sm-1 ts-img img-discord container" href="https://discord.gg/wkVgG5t" meta-url="discord"></a>
                <a class="col-sm-1 ts-img img-tg container" href="" meta-url="tg"></a>
                <div class="col-sm-4"></div>
            </div>
        </div>
    </div>
</div>
<br />
		<br />
		<br />
		<br />
	</div>
	<footer class="container-fluid text-center text-white bg-dark thick-line"><small>Tactical Shift © Copyright 2014-2025</small></footer>
</body>

</html>