Код
1. Установка фона
<html>
<body bgcolor="CC6600" background="image_background.jpg">
<pre>
</pre>
</body>
</html>
bgcolor="CC6600" - устанавливает цвет фона страницы. Код цвета можно брать из Таблицы цветов
background="image_background.jpg" - устанавливает в качестве фона Вашу картинку. Не рекомендуется использовать, т.к. мониторы и разрешение экрана у всех разное. У Вас может быть всё красиво, а у другого человека совсем не читабельно.[/spoiler]
2. Вставка изображения
<html>
<body bgcolor="CC6600" background="image_background.jpg">
<img align="center" src="http://www.myarena.ru/img/logo2.jpg" />
</body>
</html>
Что бы указать расположение картинки вы должны использовать атрибут <b>align</b>, у которого есть четыре значения:
<b>right</b> - по правому краю
<b>left</b> - по левому краю.
<b>bottom</b> - Выравнивание нижней границы изображения по окружающему тексту
<b>top</b> - Верхняя граница изображения выравнивается по самому высокому элементу текущей строки
3. Оформление конечного результата motd.txt
<html>
<head>
<title>PASHAZOREd.3dn.Ru MOTD</title>
<style type="text/css">
p {margin: 0; padding: 0;}[/size]
a {text-decoration: underline;}
a:link {color: #2760ad;}
a:visited {color: #2760ad;}
a:active {color: #2760ad;}
a:hover {color: #2760ad; text-decoration: underline;}
</style>
</head>
<body bgcolor="eeeeee" background="image_background.jpg">
<img align="center" src="http://www.pashazored.3dn.ru/img/logo2.jpg" />
<p>Сервер предоставлен игровым хостингом PASHAZOREd.3dn.Ru</p>
<p>PASHAZOREd.3dn.Ru - это качественный игровой хостинг и низкие цены.
При заказе игрового сервера каждый клиент получает бесплатно:
<ul>
<li>WEB Хостинг под сайт + HLstatsX CE + Psychostats + Amxbans</li>
<li>WEB сервер быстрой скачки файлов через sv_downloadurl</li>
<li>Установка и настройка плагинов через сайт</li>
<li>Полный доступ к файлам по FTP протоколу</li>
<li>Новейшее серверное оборудовании на ОС Linux обеспечивают стабильный FPS.</li>
</ul>
Все сервера подключены к интернету со скоростью 1 Гигабит/сек</p>
Узнать подробности вы можете на нашем сайте <a href="http://PASHAZOREd.3dn.Ru">PASHAZOREd.3dn.Ru</a>
</body>
</html>
Теперь давайте разберем, как правильно оформить содержания, текст.
Разбираем теги:
<b><title></b> - Определяет заголовок документа.
<b><style></b> - Тут мы прописываем стиль для используемых тегов. Можем задать, цвет текста, фон, отступы и многое другое, прежде чем это трогать изучите лучше <b>HTML</b>.
<b><p></b> - В этом теге мы прописывает текст, содержание <b>motd.txt</b>.
<b><ul></b> и <b><li></b> - Устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <b><li></b>.
<b><a></b> - Является одним из важных элементов <b>HTML</b> и предназначен для создания ссылок.
<b>4. Проигрывание музыки в окне приветствия</b>
<html>
<body bgcolor="CC6600" background="image_background.jpg">
<bgsound src="ссылка на музыку">
<img align="center" src="ссылка на картинку" />
</body>
</html>
<b><bgsound></b> - Тег который отвечает за проигрывание фоновой музыки
Можно использовать звуки в формате *.wav и *.mp3[/spoiler]
<b>5. Загрузка motd.txt с Вашего сайта</b>
Также Вы можете создать *.html страничку, которая будет размещаться на Вашем хостинге. Чтобы внедрить её необходимо прописать в Motd.txt следующий код:
<META HTTP-EQUIV="Refresh" CONTENT="0; URL=SITE">
<html>
<head>
<title>MOTD File</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META HTTP-EQUIV="Refresh" CONTENT="0; URL=SITE">
</head>
<body bgcolor="#000000">
</body>
</html>
9. Делаем motd.txt с помощью редактора
Но не каждый из нас знает все теги HTML. Справиться с этой задачей Вам поможет Онлайн HTML-редактор. С его помощью Вы легко сможете изменить цвет/размер текста, вставить картинку/ссылку, выровнять текст или картинку.
Когда мы набрали необходимый текст, нажимаем в левом нижнем углу окна редактирования на Code. Вот и появился наш HTML код.
Теперь необходимо вставить его в Motd.txt.
Код будет выглядеть так:
<html>
<body bgcolor="CC6600" background="image_background.jpg">
Сюда нужно будет вставить полученный код
</body>
</html>