[Table]Faq по созданию Motd.txt[/Table] 1. Установка фона
Code
<html>
<head>
</head>
<body bgcolor="CC6600" background="image_background.jpg">
</body>
</html>
bgcolor="CC6600" - устанавливает цвет фона страницы. Код цвета можно брать из Таблицы цветов
background="image_background.jpg" - устанавливает в качестве фона Вашу картинку. Не рекомендуется использовать, т.к. мониторы и разрешение экрана у всех разное. У Вас может быть всё красиво, а у другого человека совсем не читабельно.
3. Вставка изображения
Code
<img src="http://gungame.ucoz.com/imig/GG.jpg" border="0" alt="" />">
4. Вставка ссылки на текст/картинка
Code
<a href="http:/forteam.ru.ru">Gun Game server</a>
<a href="http:/forteam.ru.ru"><img src="http://gungame.ucoz.com/imig/GG.jpg"></a>
1 строчка - вставка ссылки на текст
2 строчка - вставка ссылки на картинку[/color]
5. Работа с текстом
Code
<font color="#CC00FF"><h3>Gun Game server</h3></font>
[color=green] - задаёт цвет текста.
- задаёт размер текста. Чем меньше значение (h2, h1), тем больше будет размер шрифта
.
Code
<b>Gun Game server</b> - Жирный текст
<i>Gun Game server</i> - Курсив
<u>Gun Game server</u> - Подчёркнутый текст
6. Выравнивание текста/картинки
6.1 Для того, чтобы выровнять текст необходимо заключить его в следующие коды:
Code
<div align="center">Gun Game server</div> - Выравнивание по центру
<div align="right">Gun Game server</div> - Выравнивание по правому краю
<div align="justify">Gun Game server</div> - Выравнивание по ширине
Выравнивание элементов по левому краю задано по умолчанию, поэтому указывать его лишний раз необходимости нет.
6.2 Чтобы выровнять картинку по центру необходимо заключить её в
Code
<center><img src="http://gungame.ucoz.com/imig/GG.jpg"></center>
6.3 Чтобы выровнять картинку по левому или правому краю необходимо
Code
<img src="http://www.forteam.ru/promo/ft468.jpg" align="right">
Где right - по правому краю, left - по левому краю.
7. Проигрывание музыки при заходе на сервер
Code
<html>
<head>
</head>
<body>
<bgsound src="Ссылка на музыкальный файл">
</body>
</html>
Можно использовать звуки в формате *.wav и *.mp3
8. Маркированный и нумерованный списки
Маркированный список
Code
<html>
<head>
</head>
<body>
<ul>
<li>Вариант 1</li>
<li>Вариант 2</li>
<li>Вариант 3</li>
</ul>
</body>
</html>
Нумерованный список
Code
<html>
<head>
</head>
<body>
<ol>
<li>Номер 1</li>
<li>Номер 2</li>
<li>Номер 3</li>
</ol>
</body>
</html>
Результат:
Номер 1
Номер 2
Номер 3
9. Загрузка motd.txt с Вашего сайта
Также Вы можете создать *.html страничку, которая будет размещаться на Вашем хостинге. Чтобы внедрить её необходимо прописать в motd.txt следующий код.
Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="refresh" content="0;URL=http://http://gungame.ucoz.com/motd.html">
</head>
<body
</body>
</html>
10. Делаем motd.txt с помощью редактора
Но не каждый из нас знает все теги HTML. Справиться с этой задачей Вам поможет Онлайн HTML-редактор. С его помощью Вы легко сможете изменить цвет/размер текста, вставить картинку/ссылку, выровнять текст или картинку.
Когда мы набрали необходимый текст, нажимаем в левом нижнем углу окна редактирования на Code. Вот и появился наш HTML код.
Теперь необходимо вставить его в motd.txt. Код будет выглядеть так:
Code
<html>
<head>
</head>
<body>
Сюда вставьте код, созданный в редакторе. Чтобы его получить, нажмите клавишу "Code" в нижней панели редактора
11. Пример motd.txt
Ну и в завершении небольшой пример motd.txt с проигрыванием музыки, вставкой картинки, раскраской текста и маркированным списком.
Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> //поддержка русского языка
</head>
<body>
<bgsound src="http://www.europaplus.ru/sound/1288184469_Inna__Sun_Is_Up.mp3"> //подключили музыку
<body bgcolor="#FFE4C4"> //сделали фон страницы
<br> //переход на новую строчку
<center><img src="http://gungame.ucoz.com/imig/GG.jpg"></center> //вставили картинку
<br>
<font color="#FF0000"><div align="center"><h2>Gun Game server</h2></div></font> //сделали размер и цвет шрифта, выровняли по центру
<br>
<font color="Green"><h3>Наши servers</h3></font>
<div align="left"><ol> //начали нумерованный список, выровняли его по левому краю
<li>Counter Strike 1.6 Public</li>
<li>Counter Strike 1.6 Private</li>
<li>CS:Source Public</li>
<li>Battlefield: BC 2 Private</li>
<li>Left 4 Dead</li>
<li>Left 4 Dead 2</li>
<li>Medal of Honor 2 Private</li>
<li>И другие...</li>
</ol></div> //закончили нумерованный список
<br>
<font color="Blue"><div align="center"><h2><i>Подробнее на нашем сайте</i> - <a href="http://gungame.ucoz.com">http://gungame.ucoz.com</a></h2></div></font> //сдеали надпись курсивом и поставили ссылку
</body>
</html>
Без комментариев наш код будет выглядеть так:
Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<bgsound src="http://www.europaplus.ru/sound/1288184469_Inna__Sun_Is_Up.mp3">
<body bgcolor="#FFE4C4">
<br>
<center><img src="http://gungame.ucoz.com/imig/GG.jpg"></center>
<br>
<font color="#FF0000"><div align="center"><h2>Gun Game server</h2></div></font>
<br>
<font color="Green"><h3>Наши servers</h3></font>
<div align="left"><ol>
<li>Counter Strike 1.6 Public</li>
<li>Counter Strike 1.6 Private</li>
<li>CS:Source Public</li>
<li>Battlefield: BC 2 Private</li>
<li>Left 4 Dead</li>
<li>Left 4 Dead 2</li>
<li>Medal of Honor 2 Private</li>
<li>И другие...</li>
</ol></div>
<br>
<font color="Blue"><div align="center"><h2><i>Подробнее на нашем сайте</i> - <a href="http://gungame.ucoz.com">http://gungame.ucoz.com</a></h2></div></font>
</body>
</html>
Заходим в Counter-Strike и видим наше приветствие
